/* /bitrix/js/citrus.core/citrus/ui/cui-fgrid.css */
@media all{.row{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap}.row.row-clear{margin-left:0;margin-right:0}.row.row-reverse{flex-direction:row-reverse}.row.fl-s{align-items:flex-start}.row-ib{margin-left:-15px;margin-right:-15px;font-size:0}[class*="col-dt-"],[class*="col-sm-"],[class*="col-xs-"],[class*="col-md-"],[class*="col-lg-"]{width:100%;min-height:1px}.row-ib [class*="col-"]{vertical-align:top;font-size:1rem}*:not(.row-clear)>[class*="col-dt-"],*:not(.row-clear)>[class*="col-sm-"],*:not(.row-clear)>[class*="col-xs-"],*:not(.row-clear)>[class*="col-md-"],*:not(.row-clear)>[class*="col-lg-"]{padding-left:15px;padding-right:15px}.row.row-grid,.row-ib.row-grid{margin-top:-15px;margin-bottom:-15px}.row.row-grid>[class*="col-"],.row-ib.row-grid>[class*="col-"]{padding-top:15px;padding-bottom:15px}.content-col>*:first-child{margin-top:0}.content-col>*:last-child{margin-bottom:0}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-1-5{width:20%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-1-5{right:20%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-1-5{left:20%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-1-5{margin-left:20%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}.hidden{display:none!important}.hidden-br br{display:none!important}.visible-br br{display:block!important}.visible-block{display:block!important}.visible-inline{display:inline-block!important}.ta-xs-r,.tar{text-align:right}.ta-xs-l,.tal{text-align:left}.ta-xs-c,.tac{text-align:center}.va-xs-t,.vat{vertical-align:top}.va-xs-m,.vam{vertical-align:middle}.va-xs-b,.vab{vertical-align:bottom}.w100p{width:100%}.align-xs-c{align-items:center}.direction-xs-row_reverse{flex-direction:row-reverse}.display-xs-n{display:none}.display-xs-ib{display:inline-block}.display-xs-b{display:block}.display-xs-i{display:inline}.display-xs-tc{display:table-cell}.display-xs-tb{display:table}.display-xs-f{display:flex}}@media (min-width:480px){.row-ib .col-sm-1,.row-ib .col-sm-2,.row-ib .col-sm-1-5,.row-ib .col-sm-3,.row-ib .col-sm-4,.row-ib .col-sm-5,.row-ib .col-sm-6,.row-ib .col-sm-7,.row-ib .col-sm-8,.row-ib .col-sm-9,.row-ib .col-sm-10,.row-ib .col-sm-11,.row-ib .col-sm-12{display:inline-block}.hidden-sm-br br{display:none!important}.visible-sm-br br{display:block!important}.ta-sm-r,.tar-sm{text-align:right}.ta-sm-l,.tal-sm{text-align:left}.ta-sm-c,.tac-sm{text-align:center}.pull-left-sm{float:left}.pull-right-sm{float:right}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-1-5{width:20%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-1-5{right:20%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-1-5{left:20%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-1-5{margin-left:20%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}.display-sm-n{display:none}.display-sm-ib{display:inline-block}.display-sm-b{display:block}.display-sm-i{display:inline}.display-sm-tc{display:table-cell}.display-sm-tb{display:table}.display-sm-f{display:flex}}@media (min-width:768px){.row-ib .col-md-1,.row-ib .col-md-2,.row-ib .col-md-1-5,.row-ib .col-md-3,.row-ib .col-md-4,.row-ib .col-md-5,.row-ib .col-md-6,.row-ib .col-md-7,.row-ib .col-md-8,.row-ib .col-md-9,.row-ib .col-md-10,.row-ib .col-md-11,.row-ib .col-md-12{display:inline-block}.hidden-md-br br{display:none!important}.visible-md-br br{display:block!important}.ta-md-r,.tar-md{text-align:right}.ta-md-l,.tal-md{text-align:left}.ta-md-c,.tac-md{text-align:center}.vat-md{vertical-align:top}.vam-md{vertical-align:middle}.vab-md{vertical-align:bottom}.pull-left-md{float:left}.pull-right-md{float:right}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-1-5{width:20%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-1-5{right:20%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-1-5{left:20%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-1-5{margin-left:20%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}.display-md-n{display:none}.display-md-ib{display:inline-block}.display-md-b{display:block}.display-md-i{display:inline}.display-md-tc{display:table-cell}.display-md-tb{display:table}.display-md-f{display:flex}}@media (min-width:1024px){.row-ib .col-lg-1,.row-ib .col-lg-2,.row-ib .col-lg-1-5,.row-ib .col-lg-3,.row-ib .col-lg-4,.row-ib .col-lg-5,.row-ib .col-lg-6,.row-ib .col-lg-7,.row-ib .col-lg-8,.row-ib .col-lg-9,.row-ib .col-lg-10,.row-ib .col-lg-11,.row-ib .col-lg-12{display:inline-block}.hidden-lg-br br{display:none!important}.visible-lg-br br{display:block!important}.ta-lg-r{text-align:right}.ta-lg-l{text-align:left}.ta-lg-c{text-align:center}.pull-left-lg{float:left}.pull-right-lg{float:right}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-1-5{width:20%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-1-5{right:20%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-1-5{left:20%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-1-5{margin-left:20%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}.display-lg-n{display:none}.display-lg-ib{display:inline-block}.display-lg-b{display:block}.display-lg-i{display:inline}.display-lg-tc{display:table-cell}.display-lg-tb{display:table}.display-lg-f{display:flex}}@media (min-width:1200px){.row-ib .col-dt-1,.row-ib .col-dt-2,.row-ib .col-dt-1-5,.row-ib .col-dt-3,.row-ib .col-dt-4,.row-ib .col-dt-5,.row-ib .col-dt-6,.row-ib .col-dt-7,.row-ib .col-dt-8,.row-ib .col-dt-9,.row-ib .col-dt-10,.row-ib .col-dt-11,.row-ib .col-dt-12{display:inline-block}.hidden-dt-br br{display:none!important}.visible-dt-br br{display:block!important}.ta-dt-r{text-align:right}.ta-dt-l{text-align:left}.ta-dt-c{text-align:center}.pull-left-dt{float:left}.pull-right-dt{float:right}.col-dt-12{width:100%}.col-dt-11{width:91.66666667%}.col-dt-10{width:83.33333333%}.col-dt-9{width:75%}.col-dt-8{width:66.66666667%}.col-dt-7{width:58.33333333%}.col-dt-6{width:50%}.col-dt-5{width:41.66666667%}.col-dt-4{width:33.33333333%}.col-dt-3{width:25%}.col-dt-1-5{width:20%}.col-dt-2{width:16.66666667%}.col-dt-1{width:8.33333333%}.col-dt-pull-12{right:100%}.col-dt-pull-11{right:91.66666667%}.col-dt-pull-10{right:83.33333333%}.col-dt-pull-9{right:75%}.col-dt-pull-8{right:66.66666667%}.col-dt-pull-7{right:58.33333333%}.col-dt-pull-6{right:50%}.col-dt-pull-5{right:41.66666667%}.col-dt-pull-4{right:33.33333333%}.col-dt-pull-3{right:25%}.col-dt-pull-2{right:16.66666667%}.col-dt-pull-1{right:8.33333333%}.col-dt-pull-0{right:auto}.col-dt-push-12{left:100%}.col-dt-push-11{left:91.66666667%}.col-dt-push-10{left:83.33333333%}.col-dt-push-9{left:75%}.col-dt-push-8{left:66.66666667%}.col-dt-push-7{left:58.33333333%}.col-dt-push-6{left:50%}.col-dt-push-5{left:41.66666667%}.col-dt-push-4{left:33.33333333%}.col-dt-push-3{left:25%}.col-dt-push-1-5{left:20%}.col-dt-push-2{left:16.66666667%}.col-dt-push-1{left:8.33333333%}.col-dt-push-0{left:auto}.col-dt-offset-12{margin-left:100%}.col-dt-offset-11{margin-left:91.66666667%}.col-dt-offset-10{margin-left:83.33333333%}.col-dt-offset-9{margin-left:75%}.col-dt-offset-8{margin-left:66.66666667%}.col-dt-offset-7{margin-left:58.33333333%}.col-dt-offset-6{margin-left:50%}.col-dt-offset-5{margin-left:41.66666667%}.col-dt-offset-4{margin-left:33.33333333%}.col-dt-offset-3{margin-left:25%}.col-dt-offset-1-5{margin-left:20%}.col-dt-offset-2{margin-left:16.66666667%}.col-dt-offset-1{margin-left:8.33333333%}.col-dt-offset-0{margin-left:0}.display-dt-n{display:none}.display-dt-ib{display:inline-block}.display-dt-b{display:block}.display-dt-i{display:inline}.display-dt-tc{display:table-cell}.display-dt-tb{display:table}.display-dt-f{display:flex}}@media (max-width:767px){.row{margin:0 -10px}.row [class*="col-"]{padding:0 10px}.row.row-grid{margin:-10px}.row.row-grid [class*="col-"]{padding:10px}}@media print{.col-print-1,.col-print-2,.col-print-1-5,.col-print-3,.col-print-4,.col-print-5,.col-print-6,.col-print-7,.col-print-8,.col-print-9,.col-print-10,.col-print-11,.col-print-12{display:inline-block}.col-print-12{width:100%}.col-print-11{width:91.66666667%}.col-print-10{width:83.33333333%}.col-print-9{width:75%}.col-print-8{width:66.66666667%}.col-print-7{width:58.33333333%}.col-print-6{width:50%}.col-print-5{width:41.66666667%}.col-print-4{width:33.33333333%}.col-print-3{width:25%}.col-print-1-5{width:20%}.col-print-2{width:16.66666667%}.col-print-1{width:8.33333333%}.ta-print-r{text-align:right !important}.ta-print-l{text-align:left !important}.ta-print-c{text-align:center !important}.print-hidden{display:none !important}.print-break-before{page-break-before:always}.print-break-after{page-break-after:always}.print-no-break{page-break-inside:avoid}.display-print-b{display:block !important}.display-print-n{display:none !important}.display-print-f{display:flex !important}}

/* /bitrix/js/ui/fontawesome4/css/font-awesome.css */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-classic,.fa-sharp,.fas,.fa-solid,.far,.fa-regular,.fab,.fa-brands{-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}.fas,.fa-classic,.fa-solid,.far,.fa-regular{font-family:'Font Awesome 6 Free'}.fab,.fa-brands{font-family:'Font Awesome 6 Brands'}.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:0.625em;line-height:0.1em;vertical-align:0.225em}.fa-xs{font-size:0.75em;line-height:0.08333em;vertical-align:0.125em}.fa-sm{font-size:0.875em;line-height:0.07143em;vertical-align:0.05357em}.fa-lg{font-size:1.25em;line-height:0.05em;vertical-align:-0.075em}.fa-xl{font-size:1.5em;line-height:0.04167em;vertical-align:-0.125em}.fa-2xl{font-size:2em;line-height:0.03125em;vertical-align:-0.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-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,0.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,0.08em);padding:var(--fa-border-padding,0.2em 0.25em 0.15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,0.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,0.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(0.28,0.84,0.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(0.28,0.84,0.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(0.4,0,0.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(0.4,0,0.6,1))}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(0.4,0,0.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(0.4,0,0.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,0.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,0.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,0.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-0.5em));transform:scale(var(--fa-bounce-jump-scale-x,0.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-0.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,0.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,0.95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-0.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-0.125em))}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,0.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,0.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,0.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-0.5em));transform:scale(var(--fa-bounce-jump-scale-x,0.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-0.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,0.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,0.95)) translateY(0)}57%{-webkit-transform:scale(1,1) translateY(var(--fa-bounce-rebound,-0.125em));transform:scale(1,1) translateY(var(--fa-bounce-rebound,-0.125em))}64%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}100%{-webkit-transform:scale(1,1) translateY(0);transform:scale(1,1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,0.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,0.4)}}@-webkit-keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,0.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,0.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.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::before{content:"\30"}.fa-1::before{content:"\31"}.fa-2::before{content:"\32"}.fa-3::before{content:"\33"}.fa-4::before{content:"\34"}.fa-5::before{content:"\35"}.fa-6::before{content:"\36"}.fa-7::before{content:"\37"}.fa-8::before{content:"\38"}.fa-9::before{content:"\39"}.fa-fill-drip::before{content:"\f576"}.fa-arrows-to-circle::before{content:"\e4bd"}.fa-circle-chevron-right::before{content:"\f138"}.fa-chevron-circle-right::before{content:"\f138"}.fa-at::before{content:"\40"}.fa-trash-can::before{content:"\f2ed"}.fa-trash-alt::before{content:"\f2ed"}.fa-text-height::before{content:"\f034"}.fa-user-xmark::before{content:"\f235"}.fa-user-times::before{content:"\f235"}.fa-stethoscope::before{content:"\f0f1"}.fa-message::before{content:"\f27a"}.fa-comment-alt::before{content:"\f27a"}.fa-info::before{content:"\f129"}.fa-down-left-and-up-right-to-center::before{content:"\f422"}.fa-compress-alt::before{content:"\f422"}.fa-explosion::before{content:"\e4e9"}.fa-file-lines::before{content:"\f15c"}.fa-file-alt::before{content:"\f15c"}.fa-file-text::before{content:"\f15c"}.fa-wave-square::before{content:"\f83e"}.fa-ring::before{content:"\f70b"}.fa-building-un::before{content:"\e4d9"}.fa-dice-three::before{content:"\f527"}.fa-calendar-days::before{content:"\f073"}.fa-calendar-alt::before{content:"\f073"}.fa-anchor-circle-check::before{content:"\e4aa"}.fa-building-circle-arrow-right::before{content:"\e4d1"}.fa-volleyball::before{content:"\f45f"}.fa-volleyball-ball::before{content:"\f45f"}.fa-arrows-up-to-line::before{content:"\e4c2"}.fa-sort-down::before{content:"\f0dd"}.fa-sort-desc::before{content:"\f0dd"}.fa-circle-minus::before{content:"\f056"}.fa-minus-circle::before{content:"\f056"}.fa-door-open::before{content:"\f52b"}.fa-right-from-bracket::before{content:"\f2f5"}.fa-sign-out-alt::before{content:"\f2f5"}.fa-atom::before{content:"\f5d2"}.fa-soap::before{content:"\e06e"}.fa-icons::before{content:"\f86d"}.fa-heart-music-camera-bolt::before{content:"\f86d"}.fa-microphone-lines-slash::before{content:"\f539"}.fa-microphone-alt-slash::before{content:"\f539"}.fa-bridge-circle-check::before{content:"\e4c9"}.fa-pump-medical::before{content:"\e06a"}.fa-fingerprint::before{content:"\f577"}.fa-hand-point-right::before{content:"\f0a4"}.fa-magnifying-glass-location::before{content:"\f689"}.fa-search-location::before{content:"\f689"}.fa-forward-step::before{content:"\f051"}.fa-step-forward::before{content:"\f051"}.fa-face-smile-beam::before{content:"\f5b8"}.fa-smile-beam::before{content:"\f5b8"}.fa-flag-checkered::before{content:"\f11e"}.fa-football::before{content:"\f44e"}.fa-football-ball::before{content:"\f44e"}.fa-school-circle-exclamation::before{content:"\e56c"}.fa-crop::before{content:"\f125"}.fa-angles-down::before{content:"\f103"}.fa-angle-double-down::before{content:"\f103"}.fa-users-rectangle::before{content:"\e594"}.fa-people-roof::before{content:"\e537"}.fa-people-line::before{content:"\e534"}.fa-beer-mug-empty::before{content:"\f0fc"}.fa-beer::before{content:"\f0fc"}.fa-diagram-predecessor::before{content:"\e477"}.fa-arrow-up-long::before{content:"\f176"}.fa-long-arrow-up::before{content:"\f176"}.fa-fire-flame-simple::before{content:"\f46a"}.fa-burn::before{content:"\f46a"}.fa-person::before{content:"\f183"}.fa-male::before{content:"\f183"}.fa-laptop::before{content:"\f109"}.fa-file-csv::before{content:"\f6dd"}.fa-menorah::before{content:"\f676"}.fa-truck-plane::before{content:"\e58f"}.fa-record-vinyl::before{content:"\f8d9"}.fa-face-grin-stars::before{content:"\f587"}.fa-grin-stars::before{content:"\f587"}.fa-bong::before{content:"\f55c"}.fa-spaghetti-monster-flying::before{content:"\f67b"}.fa-pastafarianism::before{content:"\f67b"}.fa-arrow-down-up-across-line::before{content:"\e4af"}.fa-spoon::before{content:"\f2e5"}.fa-utensil-spoon::before{content:"\f2e5"}.fa-jar-wheat::before{content:"\e517"}.fa-envelopes-bulk::before{content:"\f674"}.fa-mail-bulk::before{content:"\f674"}.fa-file-circle-exclamation::before{content:"\e4eb"}.fa-circle-h::before{content:"\f47e"}.fa-hospital-symbol::before{content:"\f47e"}.fa-pager::before{content:"\f815"}.fa-address-book::before{content:"\f2b9"}.fa-contact-book::before{content:"\f2b9"}.fa-strikethrough::before{content:"\f0cc"}.fa-k::before{content:"\4b"}.fa-landmark-flag::before{content:"\e51c"}.fa-pencil::before{content:"\f303"}.fa-pencil-alt::before{content:"\f303"}.fa-backward::before{content:"\f04a"}.fa-caret-right::before{content:"\f0da"}.fa-comments::before{content:"\f086"}.fa-paste::before{content:"\f0ea"}.fa-file-clipboard::before{content:"\f0ea"}.fa-code-pull-request::before{content:"\e13c"}.fa-clipboard-list::before{content:"\f46d"}.fa-truck-ramp-box::before{content:"\f4de"}.fa-truck-loading::before{content:"\f4de"}.fa-user-check::before{content:"\f4fc"}.fa-vial-virus::before{content:"\e597"}.fa-sheet-plastic::before{content:"\e571"}.fa-blog::before{content:"\f781"}.fa-user-ninja::before{content:"\f504"}.fa-person-arrow-up-from-line::before{content:"\e539"}.fa-scroll-torah::before{content:"\f6a0"}.fa-torah::before{content:"\f6a0"}.fa-broom-ball::before{content:"\f458"}.fa-quidditch::before{content:"\f458"}.fa-quidditch-broom-ball::before{content:"\f458"}.fa-toggle-off::before{content:"\f204"}.fa-box-archive::before{content:"\f187"}.fa-archive::before{content:"\f187"}.fa-person-drowning::before{content:"\e545"}.fa-arrow-down-9-1::before{content:"\f886"}.fa-sort-numeric-desc::before{content:"\f886"}.fa-sort-numeric-down-alt::before{content:"\f886"}.fa-face-grin-tongue-squint::before{content:"\f58a"}.fa-grin-tongue-squint::before{content:"\f58a"}.fa-spray-can::before{content:"\f5bd"}.fa-truck-monster::before{content:"\f63b"}.fa-w::before{content:"\57"}.fa-earth-africa::before{content:"\f57c"}.fa-globe-africa::before{content:"\f57c"}.fa-rainbow::before{content:"\f75b"}.fa-circle-notch::before{content:"\f1ce"}.fa-tablet-screen-button::before{content:"\f3fa"}.fa-tablet-alt::before{content:"\f3fa"}.fa-paw::before{content:"\f1b0"}.fa-cloud::before{content:"\f0c2"}.fa-trowel-bricks::before{content:"\e58a"}.fa-face-flushed::before{content:"\f579"}.fa-flushed::before{content:"\f579"}.fa-hospital-user::before{content:"\f80d"}.fa-tent-arrow-left-right::before{content:"\e57f"}.fa-gavel::before{content:"\f0e3"}.fa-legal::before{content:"\f0e3"}.fa-binoculars::before{content:"\f1e5"}.fa-microphone-slash::before{content:"\f131"}.fa-box-tissue::before{content:"\e05b"}.fa-motorcycle::before{content:"\f21c"}.fa-bell-concierge::before{content:"\f562"}.fa-concierge-bell::before{content:"\f562"}.fa-pen-ruler::before{content:"\f5ae"}.fa-pencil-ruler::before{content:"\f5ae"}.fa-people-arrows::before{content:"\e068"}.fa-people-arrows-left-right::before{content:"\e068"}.fa-mars-and-venus-burst::before{content:"\e523"}.fa-square-caret-right::before{content:"\f152"}.fa-caret-square-right::before{content:"\f152"}.fa-scissors::before{content:"\f0c4"}.fa-cut::before{content:"\f0c4"}.fa-sun-plant-wilt::before{content:"\e57a"}.fa-toilets-portable::before{content:"\e584"}.fa-hockey-puck::before{content:"\f453"}.fa-table::before{content:"\f0ce"}.fa-magnifying-glass-arrow-right::before{content:"\e521"}.fa-tachograph-digital::before{content:"\f566"}.fa-digital-tachograph::before{content:"\f566"}.fa-users-slash::before{content:"\e073"}.fa-clover::before{content:"\e139"}.fa-reply::before{content:"\f3e5"}.fa-mail-reply::before{content:"\f3e5"}.fa-star-and-crescent::before{content:"\f699"}.fa-house-fire::before{content:"\e50c"}.fa-square-minus::before{content:"\f146"}.fa-minus-square::before{content:"\f146"}.fa-helicopter::before{content:"\f533"}.fa-compass::before{content:"\f14e"}.fa-square-caret-down::before{content:"\f150"}.fa-caret-square-down::before{content:"\f150"}.fa-file-circle-question::before{content:"\e4ef"}.fa-laptop-code::before{content:"\f5fc"}.fa-swatchbook::before{content:"\f5c3"}.fa-prescription-bottle::before{content:"\f485"}.fa-bars::before{content:"\f0c9"}.fa-navicon::before{content:"\f0c9"}.fa-people-group::before{content:"\e533"}.fa-hourglass-end::before{content:"\f253"}.fa-hourglass-3::before{content:"\f253"}.fa-heart-crack::before{content:"\f7a9"}.fa-heart-broken::before{content:"\f7a9"}.fa-square-up-right::before{content:"\f360"}.fa-external-link-square-alt::before{content:"\f360"}.fa-face-kiss-beam::before{content:"\f597"}.fa-kiss-beam::before{content:"\f597"}.fa-film::before{content:"\f008"}.fa-ruler-horizontal::before{content:"\f547"}.fa-people-robbery::before{content:"\e536"}.fa-lightbulb::before{content:"\f0eb"}.fa-caret-left::before{content:"\f0d9"}.fa-circle-exclamation::before{content:"\f06a"}.fa-exclamation-circle::before{content:"\f06a"}.fa-school-circle-xmark::before{content:"\e56d"}.fa-arrow-right-from-bracket::before{content:"\f08b"}.fa-sign-out::before{content:"\f08b"}.fa-circle-chevron-down::before{content:"\f13a"}.fa-chevron-circle-down::before{content:"\f13a"}.fa-unlock-keyhole::before{content:"\f13e"}.fa-unlock-alt::before{content:"\f13e"}.fa-cloud-showers-heavy::before{content:"\f740"}.fa-headphones-simple::before{content:"\f58f"}.fa-headphones-alt::before{content:"\f58f"}.fa-sitemap::before{content:"\f0e8"}.fa-circle-dollar-to-slot::before{content:"\f4b9"}.fa-donate::before{content:"\f4b9"}.fa-memory::before{content:"\f538"}.fa-road-spikes::before{content:"\e568"}.fa-fire-burner::before{content:"\e4f1"}.fa-flag::before{content:"\f024"}.fa-hanukiah::before{content:"\f6e6"}.fa-feather::before{content:"\f52d"}.fa-volume-low::before{content:"\f027"}.fa-volume-down::before{content:"\f027"}.fa-comment-slash::before{content:"\f4b3"}.fa-cloud-sun-rain::before{content:"\f743"}.fa-compress::before{content:"\f066"}.fa-wheat-awn::before{content:"\e2cd"}.fa-wheat-alt::before{content:"\e2cd"}.fa-ankh::before{content:"\f644"}.fa-hands-holding-child::before{content:"\e4fa"}.fa-asterisk::before{content:"\2a"}.fa-square-check::before{content:"\f14a"}.fa-check-square::before{content:"\f14a"}.fa-peseta-sign::before{content:"\e221"}.fa-heading::before{content:"\f1dc"}.fa-header::before{content:"\f1dc"}.fa-ghost::before{content:"\f6e2"}.fa-list::before{content:"\f03a"}.fa-list-squares::before{content:"\f03a"}.fa-square-phone-flip::before{content:"\f87b"}.fa-phone-square-alt::before{content:"\f87b"}.fa-cart-plus::before{content:"\f217"}.fa-gamepad::before{content:"\f11b"}.fa-circle-dot::before{content:"\f192"}.fa-dot-circle::before{content:"\f192"}.fa-face-dizzy::before{content:"\f567"}.fa-dizzy::before{content:"\f567"}.fa-egg::before{content:"\f7fb"}.fa-house-medical-circle-xmark::before{content:"\e513"}.fa-campground::before{content:"\f6bb"}.fa-folder-plus::before{content:"\f65e"}.fa-futbol::before{content:"\f1e3"}.fa-futbol-ball::before{content:"\f1e3"}.fa-soccer-ball::before{content:"\f1e3"}.fa-paintbrush::before{content:"\f1fc"}.fa-paint-brush::before{content:"\f1fc"}.fa-lock::before{content:"\f023"}.fa-gas-pump::before{content:"\f52f"}.fa-hot-tub-person::before{content:"\f593"}.fa-hot-tub::before{content:"\f593"}.fa-map-location::before{content:"\f59f"}.fa-map-marked::before{content:"\f59f"}.fa-house-flood-water::before{content:"\e50e"}.fa-tree::before{content:"\f1bb"}.fa-bridge-lock::before{content:"\e4cc"}.fa-sack-dollar::before{content:"\f81d"}.fa-pen-to-square::before{content:"\f044"}.fa-edit::before{content:"\f044"}.fa-car-side::before{content:"\f5e4"}.fa-share-nodes::before{content:"\f1e0"}.fa-share-alt::before{content:"\f1e0"}.fa-heart-circle-minus::before{content:"\e4ff"}.fa-hourglass-half::before{content:"\f252"}.fa-hourglass-2::before{content:"\f252"}.fa-microscope::before{content:"\f610"}.fa-sink::before{content:"\e06d"}.fa-bag-shopping::before{content:"\f290"}.fa-shopping-bag::before{content:"\f290"}.fa-arrow-down-z-a::before{content:"\f881"}.fa-sort-alpha-desc::before{content:"\f881"}.fa-sort-alpha-down-alt::before{content:"\f881"}.fa-mitten::before{content:"\f7b5"}.fa-person-rays::before{content:"\e54d"}.fa-users::before{content:"\f0c0"}.fa-eye-slash::before{content:"\f070"}.fa-flask-vial::before{content:"\e4f3"}.fa-hand::before{content:"\f256"}.fa-hand-paper::before{content:"\f256"}.fa-om::before{content:"\f679"}.fa-worm::before{content:"\e599"}.fa-house-circle-xmark::before{content:"\e50b"}.fa-plug::before{content:"\f1e6"}.fa-chevron-up::before{content:"\f077"}.fa-hand-spock::before{content:"\f259"}.fa-stopwatch::before{content:"\f2f2"}.fa-face-kiss::before{content:"\f596"}.fa-kiss::before{content:"\f596"}.fa-bridge-circle-xmark::before{content:"\e4cb"}.fa-face-grin-tongue::before{content:"\f589"}.fa-grin-tongue::before{content:"\f589"}.fa-chess-bishop::before{content:"\f43a"}.fa-face-grin-wink::before{content:"\f58c"}.fa-grin-wink::before{content:"\f58c"}.fa-ear-deaf::before{content:"\f2a4"}.fa-deaf::before{content:"\f2a4"}.fa-deafness::before{content:"\f2a4"}.fa-hard-of-hearing::before{content:"\f2a4"}.fa-road-circle-check::before{content:"\e564"}.fa-dice-five::before{content:"\f523"}.fa-square-rss::before{content:"\f143"}.fa-rss-square::before{content:"\f143"}.fa-land-mine-on::before{content:"\e51b"}.fa-i-cursor::before{content:"\f246"}.fa-stamp::before{content:"\f5bf"}.fa-stairs::before{content:"\e289"}.fa-i::before{content:"\49"}.fa-hryvnia-sign::before{content:"\f6f2"}.fa-hryvnia::before{content:"\f6f2"}.fa-pills::before{content:"\f484"}.fa-face-grin-wide::before{content:"\f581"}.fa-grin-alt::before{content:"\f581"}.fa-tooth::before{content:"\f5c9"}.fa-v::before{content:"\56"}.fa-bangladeshi-taka-sign::before{content:"\e2e6"}.fa-bicycle::before{content:"\f206"}.fa-staff-snake::before{content:"\e579"}.fa-rod-asclepius::before{content:"\e579"}.fa-rod-snake::before{content:"\e579"}.fa-staff-aesculapius::before{content:"\e579"}.fa-head-side-cough-slash::before{content:"\e062"}.fa-truck-medical::before{content:"\f0f9"}.fa-ambulance::before{content:"\f0f9"}.fa-wheat-awn-circle-exclamation::before{content:"\e598"}.fa-snowman::before{content:"\f7d0"}.fa-mortar-pestle::before{content:"\f5a7"}.fa-road-barrier::before{content:"\e562"}.fa-school::before{content:"\f549"}.fa-igloo::before{content:"\f7ae"}.fa-joint::before{content:"\f595"}.fa-angle-right::before{content:"\f105"}.fa-horse::before{content:"\f6f0"}.fa-q::before{content:"\51"}.fa-g::before{content:"\47"}.fa-notes-medical::before{content:"\f481"}.fa-temperature-half::before{content:"\f2c9"}.fa-temperature-2::before{content:"\f2c9"}.fa-thermometer-2::before{content:"\f2c9"}.fa-thermometer-half::before{content:"\f2c9"}.fa-dong-sign::before{content:"\e169"}.fa-capsules::before{content:"\f46b"}.fa-poo-storm::before{content:"\f75a"}.fa-poo-bolt::before{content:"\f75a"}.fa-face-frown-open::before{content:"\f57a"}.fa-frown-open::before{content:"\f57a"}.fa-hand-point-up::before{content:"\f0a6"}.fa-money-bill::before{content:"\f0d6"}.fa-bookmark::before{content:"\f02e"}.fa-align-justify::before{content:"\f039"}.fa-umbrella-beach::before{content:"\f5ca"}.fa-helmet-un::before{content:"\e503"}.fa-bullseye::before{content:"\f140"}.fa-bacon::before{content:"\f7e5"}.fa-hand-point-down::before{content:"\f0a7"}.fa-arrow-up-from-bracket::before{content:"\e09a"}.fa-folder::before{content:"\f07b"}.fa-folder-blank::before{content:"\f07b"}.fa-file-waveform::before{content:"\f478"}.fa-file-medical-alt::before{content:"\f478"}.fa-radiation::before{content:"\f7b9"}.fa-chart-simple::before{content:"\e473"}.fa-mars-stroke::before{content:"\f229"}.fa-vial::before{content:"\f492"}.fa-gauge::before{content:"\f624"}.fa-dashboard::before{content:"\f624"}.fa-gauge-med::before{content:"\f624"}.fa-tachometer-alt-average::before{content:"\f624"}.fa-wand-magic-sparkles::before{content:"\e2ca"}.fa-magic-wand-sparkles::before{content:"\e2ca"}.fa-e::before{content:"\45"}.fa-pen-clip::before{content:"\f305"}.fa-pen-alt::before{content:"\f305"}.fa-bridge-circle-exclamation::before{content:"\e4ca"}.fa-user::before{content:"\f007"}.fa-school-circle-check::before{content:"\e56b"}.fa-dumpster::before{content:"\f793"}.fa-van-shuttle::before{content:"\f5b6"}.fa-shuttle-van::before{content:"\f5b6"}.fa-building-user::before{content:"\e4da"}.fa-square-caret-left::before{content:"\f191"}.fa-caret-square-left::before{content:"\f191"}.fa-highlighter::before{content:"\f591"}.fa-key::before{content:"\f084"}.fa-bullhorn::before{content:"\f0a1"}.fa-globe::before{content:"\f0ac"}.fa-synagogue::before{content:"\f69b"}.fa-person-half-dress::before{content:"\e548"}.fa-road-bridge::before{content:"\e563"}.fa-location-arrow::before{content:"\f124"}.fa-c::before{content:"\43"}.fa-tablet-button::before{content:"\f10a"}.fa-building-lock::before{content:"\e4d6"}.fa-pizza-slice::before{content:"\f818"}.fa-money-bill-wave::before{content:"\f53a"}.fa-chart-area::before{content:"\f1fe"}.fa-area-chart::before{content:"\f1fe"}.fa-house-flag::before{content:"\e50d"}.fa-person-circle-minus::before{content:"\e540"}.fa-ban::before{content:"\f05e"}.fa-cancel::before{content:"\f05e"}.fa-camera-rotate::before{content:"\e0d8"}.fa-spray-can-sparkles::before{content:"\f5d0"}.fa-air-freshener::before{content:"\f5d0"}.fa-star::before{content:"\f005"}.fa-repeat::before{content:"\f363"}.fa-cross::before{content:"\f654"}.fa-box::before{content:"\f466"}.fa-venus-mars::before{content:"\f228"}.fa-arrow-pointer::before{content:"\f245"}.fa-mouse-pointer::before{content:"\f245"}.fa-maximize::before{content:"\f31e"}.fa-expand-arrows-alt::before{content:"\f31e"}.fa-charging-station::before{content:"\f5e7"}.fa-shapes::before{content:"\f61f"}.fa-triangle-circle-square::before{content:"\f61f"}.fa-shuffle::before{content:"\f074"}.fa-random::before{content:"\f074"}.fa-person-running::before{content:"\f70c"}.fa-running::before{content:"\f70c"}.fa-mobile-retro::before{content:"\e527"}.fa-grip-lines-vertical::before{content:"\f7a5"}.fa-spider::before{content:"\f717"}.fa-hands-bound::before{content:"\e4f9"}.fa-file-invoice-dollar::before{content:"\f571"}.fa-plane-circle-exclamation::before{content:"\e556"}.fa-x-ray::before{content:"\f497"}.fa-spell-check::before{content:"\f891"}.fa-slash::before{content:"\f715"}.fa-computer-mouse::before{content:"\f8cc"}.fa-mouse::before{content:"\f8cc"}.fa-arrow-right-to-bracket::before{content:"\f090"}.fa-sign-in::before{content:"\f090"}.fa-shop-slash::before{content:"\e070"}.fa-store-alt-slash::before{content:"\e070"}.fa-server::before{content:"\f233"}.fa-virus-covid-slash::before{content:"\e4a9"}.fa-shop-lock::before{content:"\e4a5"}.fa-hourglass-start::before{content:"\f251"}.fa-hourglass-1::before{content:"\f251"}.fa-blender-phone::before{content:"\f6b6"}.fa-building-wheat::before{content:"\e4db"}.fa-person-breastfeeding::before{content:"\e53a"}.fa-right-to-bracket::before{content:"\f2f6"}.fa-sign-in-alt::before{content:"\f2f6"}.fa-venus::before{content:"\f221"}.fa-passport::before{content:"\f5ab"}.fa-heart-pulse::before{content:"\f21e"}.fa-heartbeat::before{content:"\f21e"}.fa-people-carry-box::before{content:"\f4ce"}.fa-people-carry::before{content:"\f4ce"}.fa-temperature-high::before{content:"\f769"}.fa-microchip::before{content:"\f2db"}.fa-crown::before{content:"\f521"}.fa-weight-hanging::before{content:"\f5cd"}.fa-xmarks-lines::before{content:"\e59a"}.fa-file-prescription::before{content:"\f572"}.fa-weight-scale::before{content:"\f496"}.fa-weight::before{content:"\f496"}.fa-user-group::before{content:"\f500"}.fa-user-friends::before{content:"\f500"}.fa-arrow-up-a-z::before{content:"\f15e"}.fa-sort-alpha-up::before{content:"\f15e"}.fa-chess-knight::before{content:"\f441"}.fa-face-laugh-squint::before{content:"\f59b"}.fa-laugh-squint::before{content:"\f59b"}.fa-wheelchair::before{content:"\f193"}.fa-circle-arrow-up::before{content:"\f0aa"}.fa-arrow-circle-up::before{content:"\f0aa"}.fa-toggle-on::before{content:"\f205"}.fa-person-walking::before{content:"\f554"}.fa-walking::before{content:"\f554"}.fa-l::before{content:"\4c"}.fa-fire::before{content:"\f06d"}.fa-bed-pulse::before{content:"\f487"}.fa-procedures::before{content:"\f487"}.fa-shuttle-space::before{content:"\f197"}.fa-space-shuttle::before{content:"\f197"}.fa-face-laugh::before{content:"\f599"}.fa-laugh::before{content:"\f599"}.fa-folder-open::before{content:"\f07c"}.fa-heart-circle-plus::before{content:"\e500"}.fa-code-fork::before{content:"\e13b"}.fa-city::before{content:"\f64f"}.fa-microphone-lines::before{content:"\f3c9"}.fa-microphone-alt::before{content:"\f3c9"}.fa-pepper-hot::before{content:"\f816"}.fa-unlock::before{content:"\f09c"}.fa-colon-sign::before{content:"\e140"}.fa-headset::before{content:"\f590"}.fa-store-slash::before{content:"\e071"}.fa-road-circle-xmark::before{content:"\e566"}.fa-user-minus::before{content:"\f503"}.fa-mars-stroke-up::before{content:"\f22a"}.fa-mars-stroke-v::before{content:"\f22a"}.fa-champagne-glasses::before{content:"\f79f"}.fa-glass-cheers::before{content:"\f79f"}.fa-clipboard::before{content:"\f328"}.fa-house-circle-exclamation::before{content:"\e50a"}.fa-file-arrow-up::before{content:"\f574"}.fa-file-upload::before{content:"\f574"}.fa-wifi::before{content:"\f1eb"}.fa-wifi-3::before{content:"\f1eb"}.fa-wifi-strong::before{content:"\f1eb"}.fa-bath::before{content:"\f2cd"}.fa-bathtub::before{content:"\f2cd"}.fa-underline::before{content:"\f0cd"}.fa-user-pen::before{content:"\f4ff"}.fa-user-edit::before{content:"\f4ff"}.fa-signature::before{content:"\f5b7"}.fa-stroopwafel::before{content:"\f551"}.fa-bold::before{content:"\f032"}.fa-anchor-lock::before{content:"\e4ad"}.fa-building-ngo::before{content:"\e4d7"}.fa-manat-sign::before{content:"\e1d5"}.fa-not-equal::before{content:"\f53e"}.fa-border-top-left::before{content:"\f853"}.fa-border-style::before{content:"\f853"}.fa-map-location-dot::before{content:"\f5a0"}.fa-map-marked-alt::before{content:"\f5a0"}.fa-jedi::before{content:"\f669"}.fa-square-poll-vertical::before{content:"\f681"}.fa-poll::before{content:"\f681"}.fa-mug-hot::before{content:"\f7b6"}.fa-car-battery::before{content:"\f5df"}.fa-battery-car::before{content:"\f5df"}.fa-gift::before{content:"\f06b"}.fa-dice-two::before{content:"\f528"}.fa-chess-queen::before{content:"\f445"}.fa-glasses::before{content:"\f530"}.fa-chess-board::before{content:"\f43c"}.fa-building-circle-check::before{content:"\e4d2"}.fa-person-chalkboard::before{content:"\e53d"}.fa-mars-stroke-right::before{content:"\f22b"}.fa-mars-stroke-h::before{content:"\f22b"}.fa-hand-back-fist::before{content:"\f255"}.fa-hand-rock::before{content:"\f255"}.fa-square-caret-up::before{content:"\f151"}.fa-caret-square-up::before{content:"\f151"}.fa-cloud-showers-water::before{content:"\e4e4"}.fa-chart-bar::before{content:"\f080"}.fa-bar-chart::before{content:"\f080"}.fa-hands-bubbles::before{content:"\e05e"}.fa-hands-wash::before{content:"\e05e"}.fa-less-than-equal::before{content:"\f537"}.fa-train::before{content:"\f238"}.fa-eye-low-vision::before{content:"\f2a8"}.fa-low-vision::before{content:"\f2a8"}.fa-crow::before{content:"\f520"}.fa-sailboat::before{content:"\e445"}.fa-window-restore::before{content:"\f2d2"}.fa-square-plus::before{content:"\f0fe"}.fa-plus-square::before{content:"\f0fe"}.fa-torii-gate::before{content:"\f6a1"}.fa-frog::before{content:"\f52e"}.fa-bucket::before{content:"\e4cf"}.fa-image::before{content:"\f03e"}.fa-microphone::before{content:"\f130"}.fa-cow::before{content:"\f6c8"}.fa-caret-up::before{content:"\f0d8"}.fa-screwdriver::before{content:"\f54a"}.fa-folder-closed::before{content:"\e185"}.fa-house-tsunami::before{content:"\e515"}.fa-square-nfi::before{content:"\e576"}.fa-arrow-up-from-ground-water::before{content:"\e4b5"}.fa-martini-glass::before{content:"\f57b"}.fa-glass-martini-alt::before{content:"\f57b"}.fa-rotate-left::before{content:"\f2ea"}.fa-rotate-back::before{content:"\f2ea"}.fa-rotate-backward::before{content:"\f2ea"}.fa-undo-alt::before{content:"\f2ea"}.fa-table-columns::before{content:"\f0db"}.fa-columns::before{content:"\f0db"}.fa-lemon::before{content:"\f094"}.fa-head-side-mask::before{content:"\e063"}.fa-handshake::before{content:"\f2b5"}.fa-gem::before{content:"\f3a5"}.fa-dolly::before{content:"\f472"}.fa-dolly-box::before{content:"\f472"}.fa-smoking::before{content:"\f48d"}.fa-minimize::before{content:"\f78c"}.fa-compress-arrows-alt::before{content:"\f78c"}.fa-monument::before{content:"\f5a6"}.fa-snowplow::before{content:"\f7d2"}.fa-angles-right::before{content:"\f101"}.fa-angle-double-right::before{content:"\f101"}.fa-cannabis::before{content:"\f55f"}.fa-circle-play::before{content:"\f144"}.fa-play-circle::before{content:"\f144"}.fa-tablets::before{content:"\f490"}.fa-ethernet::before{content:"\f796"}.fa-euro-sign::before{content:"\f153"}.fa-eur::before{content:"\f153"}.fa-euro::before{content:"\f153"}.fa-chair::before{content:"\f6c0"}.fa-circle-check::before{content:"\f058"}.fa-check-circle::before{content:"\f058"}.fa-circle-stop::before{content:"\f28d"}.fa-stop-circle::before{content:"\f28d"}.fa-compass-drafting::before{content:"\f568"}.fa-drafting-compass::before{content:"\f568"}.fa-plate-wheat::before{content:"\e55a"}.fa-icicles::before{content:"\f7ad"}.fa-person-shelter::before{content:"\e54f"}.fa-neuter::before{content:"\f22c"}.fa-id-badge::before{content:"\f2c1"}.fa-marker::before{content:"\f5a1"}.fa-face-laugh-beam::before{content:"\f59a"}.fa-laugh-beam::before{content:"\f59a"}.fa-helicopter-symbol::before{content:"\e502"}.fa-universal-access::before{content:"\f29a"}.fa-circle-chevron-up::before{content:"\f139"}.fa-chevron-circle-up::before{content:"\f139"}.fa-lari-sign::before{content:"\e1c8"}.fa-volcano::before{content:"\f770"}.fa-person-walking-dashed-line-arrow-right::before{content:"\e553"}.fa-sterling-sign::before{content:"\f154"}.fa-gbp::before{content:"\f154"}.fa-pound-sign::before{content:"\f154"}.fa-viruses::before{content:"\e076"}.fa-square-person-confined::before{content:"\e577"}.fa-user-tie::before{content:"\f508"}.fa-arrow-down-long::before{content:"\f175"}.fa-long-arrow-down::before{content:"\f175"}.fa-tent-arrow-down-to-line::before{content:"\e57e"}.fa-certificate::before{content:"\f0a3"}.fa-reply-all::before{content:"\f122"}.fa-mail-reply-all::before{content:"\f122"}.fa-suitcase::before{content:"\f0f2"}.fa-person-skating::before{content:"\f7c5"}.fa-skating::before{content:"\f7c5"}.fa-filter-circle-dollar::before{content:"\f662"}.fa-funnel-dollar::before{content:"\f662"}.fa-camera-retro::before{content:"\f083"}.fa-circle-arrow-down::before{content:"\f0ab"}.fa-arrow-circle-down::before{content:"\f0ab"}.fa-file-import::before{content:"\f56f"}.fa-arrow-right-to-file::before{content:"\f56f"}.fa-square-arrow-up-right::before{content:"\f14c"}.fa-external-link-square::before{content:"\f14c"}.fa-box-open::before{content:"\f49e"}.fa-scroll::before{content:"\f70e"}.fa-spa::before{content:"\f5bb"}.fa-location-pin-lock::before{content:"\e51f"}.fa-pause::before{content:"\f04c"}.fa-hill-avalanche::before{content:"\e507"}.fa-temperature-empty::before{content:"\f2cb"}.fa-temperature-0::before{content:"\f2cb"}.fa-thermometer-0::before{content:"\f2cb"}.fa-thermometer-empty::before{content:"\f2cb"}.fa-bomb::before{content:"\f1e2"}.fa-registered::before{content:"\f25d"}.fa-address-card::before{content:"\f2bb"}.fa-contact-card::before{content:"\f2bb"}.fa-vcard::before{content:"\f2bb"}.fa-scale-unbalanced-flip::before{content:"\f516"}.fa-balance-scale-right::before{content:"\f516"}.fa-subscript::before{content:"\f12c"}.fa-diamond-turn-right::before{content:"\f5eb"}.fa-directions::before{content:"\f5eb"}.fa-burst::before{content:"\e4dc"}.fa-house-laptop::before{content:"\e066"}.fa-laptop-house::before{content:"\e066"}.fa-face-tired::before{content:"\f5c8"}.fa-tired::before{content:"\f5c8"}.fa-money-bills::before{content:"\e1f3"}.fa-smog::before{content:"\f75f"}.fa-crutch::before{content:"\f7f7"}.fa-cloud-arrow-up::before{content:"\f0ee"}.fa-cloud-upload::before{content:"\f0ee"}.fa-cloud-upload-alt::before{content:"\f0ee"}.fa-palette::before{content:"\f53f"}.fa-arrows-turn-right::before{content:"\e4c0"}.fa-vest::before{content:"\e085"}.fa-ferry::before{content:"\e4ea"}.fa-arrows-down-to-people::before{content:"\e4b9"}.fa-seedling::before{content:"\f4d8"}.fa-sprout::before{content:"\f4d8"}.fa-left-right::before{content:"\f337"}.fa-arrows-alt-h::before{content:"\f337"}.fa-boxes-packing::before{content:"\e4c7"}.fa-circle-arrow-left::before{content:"\f0a8"}.fa-arrow-circle-left::before{content:"\f0a8"}.fa-group-arrows-rotate::before{content:"\e4f6"}.fa-bowl-food::before{content:"\e4c6"}.fa-candy-cane::before{content:"\f786"}.fa-arrow-down-wide-short::before{content:"\f160"}.fa-sort-amount-asc::before{content:"\f160"}.fa-sort-amount-down::before{content:"\f160"}.fa-cloud-bolt::before{content:"\f76c"}.fa-thunderstorm::before{content:"\f76c"}.fa-text-slash::before{content:"\f87d"}.fa-remove-format::before{content:"\f87d"}.fa-face-smile-wink::before{content:"\f4da"}.fa-smile-wink::before{content:"\f4da"}.fa-file-word::before{content:"\f1c2"}.fa-file-powerpoint::before{content:"\f1c4"}.fa-arrows-left-right::before{content:"\f07e"}.fa-arrows-h::before{content:"\f07e"}.fa-house-lock::before{content:"\e510"}.fa-cloud-arrow-down::before{content:"\f0ed"}.fa-cloud-download::before{content:"\f0ed"}.fa-cloud-download-alt::before{content:"\f0ed"}.fa-children::before{content:"\e4e1"}.fa-chalkboard::before{content:"\f51b"}.fa-blackboard::before{content:"\f51b"}.fa-user-large-slash::before{content:"\f4fa"}.fa-user-alt-slash::before{content:"\f4fa"}.fa-envelope-open::before{content:"\f2b6"}.fa-handshake-simple-slash::before{content:"\e05f"}.fa-handshake-alt-slash::before{content:"\e05f"}.fa-mattress-pillow::before{content:"\e525"}.fa-guarani-sign::before{content:"\e19a"}.fa-arrows-rotate::before{content:"\f021"}.fa-refresh::before{content:"\f021"}.fa-sync::before{content:"\f021"}.fa-fire-extinguisher::before{content:"\f134"}.fa-cruzeiro-sign::before{content:"\e152"}.fa-greater-than-equal::before{content:"\f532"}.fa-shield-halved::before{content:"\f3ed"}.fa-shield-alt::before{content:"\f3ed"}.fa-book-atlas::before{content:"\f558"}.fa-atlas::before{content:"\f558"}.fa-virus::before{content:"\e074"}.fa-envelope-circle-check::before{content:"\e4e8"}.fa-layer-group::before{content:"\f5fd"}.fa-arrows-to-dot::before{content:"\e4be"}.fa-archway::before{content:"\f557"}.fa-heart-circle-check::before{content:"\e4fd"}.fa-house-chimney-crack::before{content:"\f6f1"}.fa-house-damage::before{content:"\f6f1"}.fa-file-zipper::before{content:"\f1c6"}.fa-file-archive::before{content:"\f1c6"}.fa-square::before{content:"\f0c8"}.fa-martini-glass-empty::before{content:"\f000"}.fa-glass-martini::before{content:"\f000"}.fa-couch::before{content:"\f4b8"}.fa-cedi-sign::before{content:"\e0df"}.fa-italic::before{content:"\f033"}.fa-church::before{content:"\f51d"}.fa-comments-dollar::before{content:"\f653"}.fa-democrat::before{content:"\f747"}.fa-z::before{content:"\5a"}.fa-person-skiing::before{content:"\f7c9"}.fa-skiing::before{content:"\f7c9"}.fa-road-lock::before{content:"\e567"}.fa-a::before{content:"\41"}.fa-temperature-arrow-down::before{content:"\e03f"}.fa-temperature-down::before{content:"\e03f"}.fa-feather-pointed::before{content:"\f56b"}.fa-feather-alt::before{content:"\f56b"}.fa-p::before{content:"\50"}.fa-snowflake::before{content:"\f2dc"}.fa-newspaper::before{content:"\f1ea"}.fa-rectangle-ad::before{content:"\f641"}.fa-ad::before{content:"\f641"}.fa-circle-arrow-right::before{content:"\f0a9"}.fa-arrow-circle-right::before{content:"\f0a9"}.fa-filter-circle-xmark::before{content:"\e17b"}.fa-locust::before{content:"\e520"}.fa-sort::before{content:"\f0dc"}.fa-unsorted::before{content:"\f0dc"}.fa-list-ol::before{content:"\f0cb"}.fa-list-1-2::before{content:"\f0cb"}.fa-list-numeric::before{content:"\f0cb"}.fa-person-dress-burst::before{content:"\e544"}.fa-money-check-dollar::before{content:"\f53d"}.fa-money-check-alt::before{content:"\f53d"}.fa-vector-square::before{content:"\f5cb"}.fa-bread-slice::before{content:"\f7ec"}.fa-language::before{content:"\f1ab"}.fa-face-kiss-wink-heart::before{content:"\f598"}.fa-kiss-wink-heart::before{content:"\f598"}.fa-filter::before{content:"\f0b0"}.fa-question::before{content:"\3f"}.fa-file-signature::before{content:"\f573"}.fa-up-down-left-right::before{content:"\f0b2"}.fa-arrows-alt::before{content:"\f0b2"}.fa-house-chimney-user::before{content:"\e065"}.fa-hand-holding-heart::before{content:"\f4be"}.fa-puzzle-piece::before{content:"\f12e"}.fa-money-check::before{content:"\f53c"}.fa-star-half-stroke::before{content:"\f5c0"}.fa-star-half-alt::before{content:"\f5c0"}.fa-code::before{content:"\f121"}.fa-whiskey-glass::before{content:"\f7a0"}.fa-glass-whiskey::before{content:"\f7a0"}.fa-building-circle-exclamation::before{content:"\e4d3"}.fa-magnifying-glass-chart::before{content:"\e522"}.fa-arrow-up-right-from-square::before{content:"\f08e"}.fa-external-link::before{content:"\f08e"}.fa-cubes-stacked::before{content:"\e4e6"}.fa-won-sign::before{content:"\f159"}.fa-krw::before{content:"\f159"}.fa-won::before{content:"\f159"}.fa-virus-covid::before{content:"\e4a8"}.fa-austral-sign::before{content:"\e0a9"}.fa-f::before{content:"\46"}.fa-leaf::before{content:"\f06c"}.fa-road::before{content:"\f018"}.fa-taxi::before{content:"\f1ba"}.fa-cab::before{content:"\f1ba"}.fa-person-circle-plus::before{content:"\e541"}.fa-chart-pie::before{content:"\f200"}.fa-pie-chart::before{content:"\f200"}.fa-bolt-lightning::before{content:"\e0b7"}.fa-sack-xmark::before{content:"\e56a"}.fa-file-excel::before{content:"\f1c3"}.fa-file-contract::before{content:"\f56c"}.fa-fish-fins::before{content:"\e4f2"}.fa-building-flag::before{content:"\e4d5"}.fa-face-grin-beam::before{content:"\f582"}.fa-grin-beam::before{content:"\f582"}.fa-object-ungroup::before{content:"\f248"}.fa-poop::before{content:"\f619"}.fa-location-pin::before{content:"\f041"}.fa-map-marker::before{content:"\f041"}.fa-kaaba::before{content:"\f66b"}.fa-toilet-paper::before{content:"\f71e"}.fa-helmet-safety::before{content:"\f807"}.fa-hard-hat::before{content:"\f807"}.fa-hat-hard::before{content:"\f807"}.fa-eject::before{content:"\f052"}.fa-circle-right::before{content:"\f35a"}.fa-arrow-alt-circle-right::before{content:"\f35a"}.fa-plane-circle-check::before{content:"\e555"}.fa-face-rolling-eyes::before{content:"\f5a5"}.fa-meh-rolling-eyes::before{content:"\f5a5"}.fa-object-group::before{content:"\f247"}.fa-chart-line::before{content:"\f201"}.fa-line-chart::before{content:"\f201"}.fa-mask-ventilator::before{content:"\e524"}.fa-arrow-right::before{content:"\f061"}.fa-signs-post::before{content:"\f277"}.fa-map-signs::before{content:"\f277"}.fa-cash-register::before{content:"\f788"}.fa-person-circle-question::before{content:"\e542"}.fa-h::before{content:"\48"}.fa-tarp::before{content:"\e57b"}.fa-screwdriver-wrench::before{content:"\f7d9"}.fa-tools::before{content:"\f7d9"}.fa-arrows-to-eye::before{content:"\e4bf"}.fa-plug-circle-bolt::before{content:"\e55b"}.fa-heart::before{content:"\f004"}.fa-mars-and-venus::before{content:"\f224"}.fa-house-user::before{content:"\e1b0"}.fa-home-user::before{content:"\e1b0"}.fa-dumpster-fire::before{content:"\f794"}.fa-house-crack::before{content:"\e3b1"}.fa-martini-glass-citrus::before{content:"\f561"}.fa-cocktail::before{content:"\f561"}.fa-face-surprise::before{content:"\f5c2"}.fa-surprise::before{content:"\f5c2"}.fa-bottle-water::before{content:"\e4c5"}.fa-circle-pause::before{content:"\f28b"}.fa-pause-circle::before{content:"\f28b"}.fa-toilet-paper-slash::before{content:"\e072"}.fa-apple-whole::before{content:"\f5d1"}.fa-apple-alt::before{content:"\f5d1"}.fa-kitchen-set::before{content:"\e51a"}.fa-r::before{content:"\52"}.fa-temperature-quarter::before{content:"\f2ca"}.fa-temperature-1::before{content:"\f2ca"}.fa-thermometer-1::before{content:"\f2ca"}.fa-thermometer-quarter::before{content:"\f2ca"}.fa-cube::before{content:"\f1b2"}.fa-bitcoin-sign::before{content:"\e0b4"}.fa-shield-dog::before{content:"\e573"}.fa-solar-panel::before{content:"\f5ba"}.fa-lock-open::before{content:"\f3c1"}.fa-elevator::before{content:"\e16d"}.fa-money-bill-transfer::before{content:"\e528"}.fa-money-bill-trend-up::before{content:"\e529"}.fa-house-flood-water-circle-arrow-right::before{content:"\e50f"}.fa-square-poll-horizontal::before{content:"\f682"}.fa-poll-h::before{content:"\f682"}.fa-circle::before{content:"\f111"}.fa-backward-fast::before{content:"\f049"}.fa-fast-backward::before{content:"\f049"}.fa-recycle::before{content:"\f1b8"}.fa-user-astronaut::before{content:"\f4fb"}.fa-plane-slash::before{content:"\e069"}.fa-trademark::before{content:"\f25c"}.fa-basketball::before{content:"\f434"}.fa-basketball-ball::before{content:"\f434"}.fa-satellite-dish::before{content:"\f7c0"}.fa-circle-up::before{content:"\f35b"}.fa-arrow-alt-circle-up::before{content:"\f35b"}.fa-mobile-screen-button::before{content:"\f3cd"}.fa-mobile-alt::before{content:"\f3cd"}.fa-volume-high::before{content:"\f028"}.fa-volume-up::before{content:"\f028"}.fa-users-rays::before{content:"\e593"}.fa-wallet::before{content:"\f555"}.fa-clipboard-check::before{content:"\f46c"}.fa-file-audio::before{content:"\f1c7"}.fa-burger::before{content:"\f805"}.fa-hamburger::before{content:"\f805"}.fa-wrench::before{content:"\f0ad"}.fa-bugs::before{content:"\e4d0"}.fa-rupee-sign::before{content:"\f156"}.fa-rupee::before{content:"\f156"}.fa-file-image::before{content:"\f1c5"}.fa-circle-question::before{content:"\f059"}.fa-question-circle::before{content:"\f059"}.fa-plane-departure::before{content:"\f5b0"}.fa-handshake-slash::before{content:"\e060"}.fa-book-bookmark::before{content:"\e0bb"}.fa-code-branch::before{content:"\f126"}.fa-hat-cowboy::before{content:"\f8c0"}.fa-bridge::before{content:"\e4c8"}.fa-phone-flip::before{content:"\f879"}.fa-phone-alt::before{content:"\f879"}.fa-truck-front::before{content:"\e2b7"}.fa-cat::before{content:"\f6be"}.fa-anchor-circle-exclamation::before{content:"\e4ab"}.fa-truck-field::before{content:"\e58d"}.fa-route::before{content:"\f4d7"}.fa-clipboard-question::before{content:"\e4e3"}.fa-panorama::before{content:"\e209"}.fa-comment-medical::before{content:"\f7f5"}.fa-teeth-open::before{content:"\f62f"}.fa-file-circle-minus::before{content:"\e4ed"}.fa-tags::before{content:"\f02c"}.fa-wine-glass::before{content:"\f4e3"}.fa-forward-fast::before{content:"\f050"}.fa-fast-forward::before{content:"\f050"}.fa-face-meh-blank::before{content:"\f5a4"}.fa-meh-blank::before{content:"\f5a4"}.fa-square-parking::before{content:"\f540"}.fa-parking::before{content:"\f540"}.fa-house-signal::before{content:"\e012"}.fa-bars-progress::before{content:"\f828"}.fa-tasks-alt::before{content:"\f828"}.fa-faucet-drip::before{content:"\e006"}.fa-cart-flatbed::before{content:"\f474"}.fa-dolly-flatbed::before{content:"\f474"}.fa-ban-smoking::before{content:"\f54d"}.fa-smoking-ban::before{content:"\f54d"}.fa-terminal::before{content:"\f120"}.fa-mobile-button::before{content:"\f10b"}.fa-house-medical-flag::before{content:"\e514"}.fa-basket-shopping::before{content:"\f291"}.fa-shopping-basket::before{content:"\f291"}.fa-tape::before{content:"\f4db"}.fa-bus-simple::before{content:"\f55e"}.fa-bus-alt::before{content:"\f55e"}.fa-eye::before{content:"\f06e"}.fa-face-sad-cry::before{content:"\f5b3"}.fa-sad-cry::before{content:"\f5b3"}.fa-audio-description::before{content:"\f29e"}.fa-person-military-to-person::before{content:"\e54c"}.fa-file-shield::before{content:"\e4f0"}.fa-user-slash::before{content:"\f506"}.fa-pen::before{content:"\f304"}.fa-tower-observation::before{content:"\e586"}.fa-file-code::before{content:"\f1c9"}.fa-signal::before{content:"\f012"}.fa-signal-5::before{content:"\f012"}.fa-signal-perfect::before{content:"\f012"}.fa-bus::before{content:"\f207"}.fa-heart-circle-xmark::before{content:"\e501"}.fa-house-chimney::before{content:"\e3af"}.fa-home-lg::before{content:"\e3af"}.fa-window-maximize::before{content:"\f2d0"}.fa-face-frown::before{content:"\f119"}.fa-frown::before{content:"\f119"}.fa-prescription::before{content:"\f5b1"}.fa-shop::before{content:"\f54f"}.fa-store-alt::before{content:"\f54f"}.fa-floppy-disk::before{content:"\f0c7"}.fa-save::before{content:"\f0c7"}.fa-vihara::before{content:"\f6a7"}.fa-scale-unbalanced::before{content:"\f515"}.fa-balance-scale-left::before{content:"\f515"}.fa-sort-up::before{content:"\f0de"}.fa-sort-asc::before{content:"\f0de"}.fa-comment-dots::before{content:"\f4ad"}.fa-commenting::before{content:"\f4ad"}.fa-plant-wilt::before{content:"\e5aa"}.fa-diamond::before{content:"\f219"}.fa-face-grin-squint::before{content:"\f585"}.fa-grin-squint::before{content:"\f585"}.fa-hand-holding-dollar::before{content:"\f4c0"}.fa-hand-holding-usd::before{content:"\f4c0"}.fa-bacterium::before{content:"\e05a"}.fa-hand-pointer::before{content:"\f25a"}.fa-drum-steelpan::before{content:"\f56a"}.fa-hand-scissors::before{content:"\f257"}.fa-hands-praying::before{content:"\f684"}.fa-praying-hands::before{content:"\f684"}.fa-arrow-rotate-right::before{content:"\f01e"}.fa-arrow-right-rotate::before{content:"\f01e"}.fa-arrow-rotate-forward::before{content:"\f01e"}.fa-redo::before{content:"\f01e"}.fa-biohazard::before{content:"\f780"}.fa-location-crosshairs::before{content:"\f601"}.fa-location::before{content:"\f601"}.fa-mars-double::before{content:"\f227"}.fa-child-dress::before{content:"\e59c"}.fa-users-between-lines::before{content:"\e591"}.fa-lungs-virus::before{content:"\e067"}.fa-face-grin-tears::before{content:"\f588"}.fa-grin-tears::before{content:"\f588"}.fa-phone::before{content:"\f095"}.fa-calendar-xmark::before{content:"\f273"}.fa-calendar-times::before{content:"\f273"}.fa-child-reaching::before{content:"\e59d"}.fa-head-side-virus::before{content:"\e064"}.fa-user-gear::before{content:"\f4fe"}.fa-user-cog::before{content:"\f4fe"}.fa-arrow-up-1-9::before{content:"\f163"}.fa-sort-numeric-up::before{content:"\f163"}.fa-door-closed::before{content:"\f52a"}.fa-shield-virus::before{content:"\e06c"}.fa-dice-six::before{content:"\f526"}.fa-mosquito-net::before{content:"\e52c"}.fa-bridge-water::before{content:"\e4ce"}.fa-person-booth::before{content:"\f756"}.fa-text-width::before{content:"\f035"}.fa-hat-wizard::before{content:"\f6e8"}.fa-pen-fancy::before{content:"\f5ac"}.fa-person-digging::before{content:"\f85e"}.fa-digging::before{content:"\f85e"}.fa-trash::before{content:"\f1f8"}.fa-gauge-simple::before{content:"\f629"}.fa-gauge-simple-med::before{content:"\f629"}.fa-tachometer-average::before{content:"\f629"}.fa-book-medical::before{content:"\f7e6"}.fa-poo::before{content:"\f2fe"}.fa-quote-right::before{content:"\f10e"}.fa-quote-right-alt::before{content:"\f10e"}.fa-shirt::before{content:"\f553"}.fa-t-shirt::before{content:"\f553"}.fa-tshirt::before{content:"\f553"}.fa-cubes::before{content:"\f1b3"}.fa-divide::before{content:"\f529"}.fa-tenge-sign::before{content:"\f7d7"}.fa-tenge::before{content:"\f7d7"}.fa-headphones::before{content:"\f025"}.fa-hands-holding::before{content:"\f4c2"}.fa-hands-clapping::before{content:"\e1a8"}.fa-republican::before{content:"\f75e"}.fa-arrow-left::before{content:"\f060"}.fa-person-circle-xmark::before{content:"\e543"}.fa-ruler::before{content:"\f545"}.fa-align-left::before{content:"\f036"}.fa-dice-d6::before{content:"\f6d1"}.fa-restroom::before{content:"\f7bd"}.fa-j::before{content:"\4a"}.fa-users-viewfinder::before{content:"\e595"}.fa-file-video::before{content:"\f1c8"}.fa-up-right-from-square::before{content:"\f35d"}.fa-external-link-alt::before{content:"\f35d"}.fa-table-cells::before{content:"\f00a"}.fa-th::before{content:"\f00a"}.fa-file-pdf::before{content:"\f1c1"}.fa-book-bible::before{content:"\f647"}.fa-bible::before{content:"\f647"}.fa-o::before{content:"\4f"}.fa-suitcase-medical::before{content:"\f0fa"}.fa-medkit::before{content:"\f0fa"}.fa-user-secret::before{content:"\f21b"}.fa-otter::before{content:"\f700"}.fa-person-dress::before{content:"\f182"}.fa-female::before{content:"\f182"}.fa-comment-dollar::before{content:"\f651"}.fa-business-time::before{content:"\f64a"}.fa-briefcase-clock::before{content:"\f64a"}.fa-table-cells-large::before{content:"\f009"}.fa-th-large::before{content:"\f009"}.fa-book-tanakh::before{content:"\f827"}.fa-tanakh::before{content:"\f827"}.fa-phone-volume::before{content:"\f2a0"}.fa-volume-control-phone::before{content:"\f2a0"}.fa-hat-cowboy-side::before{content:"\f8c1"}.fa-clipboard-user::before{content:"\f7f3"}.fa-child::before{content:"\f1ae"}.fa-lira-sign::before{content:"\f195"}.fa-satellite::before{content:"\f7bf"}.fa-plane-lock::before{content:"\e558"}.fa-tag::before{content:"\f02b"}.fa-comment::before{content:"\f075"}.fa-cake-candles::before{content:"\f1fd"}.fa-birthday-cake::before{content:"\f1fd"}.fa-cake::before{content:"\f1fd"}.fa-envelope::before{content:"\f0e0"}.fa-angles-up::before{content:"\f102"}.fa-angle-double-up::before{content:"\f102"}.fa-paperclip::before{content:"\f0c6"}.fa-arrow-right-to-city::before{content:"\e4b3"}.fa-ribbon::before{content:"\f4d6"}.fa-lungs::before{content:"\f604"}.fa-arrow-up-9-1::before{content:"\f887"}.fa-sort-numeric-up-alt::before{content:"\f887"}.fa-litecoin-sign::before{content:"\e1d3"}.fa-border-none::before{content:"\f850"}.fa-circle-nodes::before{content:"\e4e2"}.fa-parachute-box::before{content:"\f4cd"}.fa-indent::before{content:"\f03c"}.fa-truck-field-un::before{content:"\e58e"}.fa-hourglass::before{content:"\f254"}.fa-hourglass-empty::before{content:"\f254"}.fa-mountain::before{content:"\f6fc"}.fa-user-doctor::before{content:"\f0f0"}.fa-user-md::before{content:"\f0f0"}.fa-circle-info::before{content:"\f05a"}.fa-info-circle::before{content:"\f05a"}.fa-cloud-meatball::before{content:"\f73b"}.fa-camera::before{content:"\f030"}.fa-camera-alt::before{content:"\f030"}.fa-square-virus::before{content:"\e578"}.fa-meteor::before{content:"\f753"}.fa-car-on::before{content:"\e4dd"}.fa-sleigh::before{content:"\f7cc"}.fa-arrow-down-1-9::before{content:"\f162"}.fa-sort-numeric-asc::before{content:"\f162"}.fa-sort-numeric-down::before{content:"\f162"}.fa-hand-holding-droplet::before{content:"\f4c1"}.fa-hand-holding-water::before{content:"\f4c1"}.fa-water::before{content:"\f773"}.fa-calendar-check::before{content:"\f274"}.fa-braille::before{content:"\f2a1"}.fa-prescription-bottle-medical::before{content:"\f486"}.fa-prescription-bottle-alt::before{content:"\f486"}.fa-landmark::before{content:"\f66f"}.fa-truck::before{content:"\f0d1"}.fa-crosshairs::before{content:"\f05b"}.fa-person-cane::before{content:"\e53c"}.fa-tent::before{content:"\e57d"}.fa-vest-patches::before{content:"\e086"}.fa-check-double::before{content:"\f560"}.fa-arrow-down-a-z::before{content:"\f15d"}.fa-sort-alpha-asc::before{content:"\f15d"}.fa-sort-alpha-down::before{content:"\f15d"}.fa-money-bill-wheat::before{content:"\e52a"}.fa-cookie::before{content:"\f563"}.fa-arrow-rotate-left::before{content:"\f0e2"}.fa-arrow-left-rotate::before{content:"\f0e2"}.fa-arrow-rotate-back::before{content:"\f0e2"}.fa-arrow-rotate-backward::before{content:"\f0e2"}.fa-undo::before{content:"\f0e2"}.fa-hard-drive::before{content:"\f0a0"}.fa-hdd::before{content:"\f0a0"}.fa-face-grin-squint-tears::before{content:"\f586"}.fa-grin-squint-tears::before{content:"\f586"}.fa-dumbbell::before{content:"\f44b"}.fa-rectangle-list::before{content:"\f022"}.fa-list-alt::before{content:"\f022"}.fa-tarp-droplet::before{content:"\e57c"}.fa-house-medical-circle-check::before{content:"\e511"}.fa-person-skiing-nordic::before{content:"\f7ca"}.fa-skiing-nordic::before{content:"\f7ca"}.fa-calendar-plus::before{content:"\f271"}.fa-plane-arrival::before{content:"\f5af"}.fa-circle-left::before{content:"\f359"}.fa-arrow-alt-circle-left::before{content:"\f359"}.fa-train-subway::before{content:"\f239"}.fa-subway::before{content:"\f239"}.fa-chart-gantt::before{content:"\e0e4"}.fa-indian-rupee-sign::before{content:"\e1bc"}.fa-indian-rupee::before{content:"\e1bc"}.fa-inr::before{content:"\e1bc"}.fa-crop-simple::before{content:"\f565"}.fa-crop-alt::before{content:"\f565"}.fa-money-bill-1::before{content:"\f3d1"}.fa-money-bill-alt::before{content:"\f3d1"}.fa-left-long::before{content:"\f30a"}.fa-long-arrow-alt-left::before{content:"\f30a"}.fa-dna::before{content:"\f471"}.fa-virus-slash::before{content:"\e075"}.fa-minus::before{content:"\f068"}.fa-subtract::before{content:"\f068"}.fa-chess::before{content:"\f439"}.fa-arrow-left-long::before{content:"\f177"}.fa-long-arrow-left::before{content:"\f177"}.fa-plug-circle-check::before{content:"\e55c"}.fa-street-view::before{content:"\f21d"}.fa-franc-sign::before{content:"\e18f"}.fa-volume-off::before{content:"\f026"}.fa-hands-asl-interpreting::before{content:"\f2a3"}.fa-american-sign-language-interpreting::before{content:"\f2a3"}.fa-asl-interpreting::before{content:"\f2a3"}.fa-hands-american-sign-language-interpreting::before{content:"\f2a3"}.fa-gear::before{content:"\f013"}.fa-cog::before{content:"\f013"}.fa-droplet-slash::before{content:"\f5c7"}.fa-tint-slash::before{content:"\f5c7"}.fa-mosque::before{content:"\f678"}.fa-mosquito::before{content:"\e52b"}.fa-star-of-david::before{content:"\f69a"}.fa-person-military-rifle::before{content:"\e54b"}.fa-cart-shopping::before{content:"\f07a"}.fa-shopping-cart::before{content:"\f07a"}.fa-vials::before{content:"\f493"}.fa-plug-circle-plus::before{content:"\e55f"}.fa-place-of-worship::before{content:"\f67f"}.fa-grip-vertical::before{content:"\f58e"}.fa-arrow-turn-up::before{content:"\f148"}.fa-level-up::before{content:"\f148"}.fa-u::before{content:"\55"}.fa-square-root-variable::before{content:"\f698"}.fa-square-root-alt::before{content:"\f698"}.fa-clock::before{content:"\f017"}.fa-clock-four::before{content:"\f017"}.fa-backward-step::before{content:"\f048"}.fa-step-backward::before{content:"\f048"}.fa-pallet::before{content:"\f482"}.fa-faucet::before{content:"\e005"}.fa-baseball-bat-ball::before{content:"\f432"}.fa-s::before{content:"\53"}.fa-timeline::before{content:"\e29c"}.fa-keyboard::before{content:"\f11c"}.fa-caret-down::before{content:"\f0d7"}.fa-house-chimney-medical::before{content:"\f7f2"}.fa-clinic-medical::before{content:"\f7f2"}.fa-temperature-three-quarters::before{content:"\f2c8"}.fa-temperature-3::before{content:"\f2c8"}.fa-thermometer-3::before{content:"\f2c8"}.fa-thermometer-three-quarters::before{content:"\f2c8"}.fa-mobile-screen::before{content:"\f3cf"}.fa-mobile-android-alt::before{content:"\f3cf"}.fa-plane-up::before{content:"\e22d"}.fa-piggy-bank::before{content:"\f4d3"}.fa-battery-half::before{content:"\f242"}.fa-battery-3::before{content:"\f242"}.fa-mountain-city::before{content:"\e52e"}.fa-coins::before{content:"\f51e"}.fa-khanda::before{content:"\f66d"}.fa-sliders::before{content:"\f1de"}.fa-sliders-h::before{content:"\f1de"}.fa-folder-tree::before{content:"\f802"}.fa-network-wired::before{content:"\f6ff"}.fa-map-pin::before{content:"\f276"}.fa-hamsa::before{content:"\f665"}.fa-cent-sign::before{content:"\e3f5"}.fa-flask::before{content:"\f0c3"}.fa-person-pregnant::before{content:"\e31e"}.fa-wand-sparkles::before{content:"\f72b"}.fa-ellipsis-vertical::before{content:"\f142"}.fa-ellipsis-v::before{content:"\f142"}.fa-ticket::before{content:"\f145"}.fa-power-off::before{content:"\f011"}.fa-right-long::before{content:"\f30b"}.fa-long-arrow-alt-right::before{content:"\f30b"}.fa-flag-usa::before{content:"\f74d"}.fa-laptop-file::before{content:"\e51d"}.fa-tty::before{content:"\f1e4"}.fa-teletype::before{content:"\f1e4"}.fa-diagram-next::before{content:"\e476"}.fa-person-rifle::before{content:"\e54e"}.fa-house-medical-circle-exclamation::before{content:"\e512"}.fa-closed-captioning::before{content:"\f20a"}.fa-person-hiking::before{content:"\f6ec"}.fa-hiking::before{content:"\f6ec"}.fa-venus-double::before{content:"\f226"}.fa-images::before{content:"\f302"}.fa-calculator::before{content:"\f1ec"}.fa-people-pulling::before{content:"\e535"}.fa-n::before{content:"\4e"}.fa-cable-car::before{content:"\f7da"}.fa-tram::before{content:"\f7da"}.fa-cloud-rain::before{content:"\f73d"}.fa-building-circle-xmark::before{content:"\e4d4"}.fa-ship::before{content:"\f21a"}.fa-arrows-down-to-line::before{content:"\e4b8"}.fa-download::before{content:"\f019"}.fa-face-grin::before{content:"\f580"}.fa-grin::before{content:"\f580"}.fa-delete-left::before{content:"\f55a"}.fa-backspace::before{content:"\f55a"}.fa-eye-dropper::before{content:"\f1fb"}.fa-eye-dropper-empty::before{content:"\f1fb"}.fa-eyedropper::before{content:"\f1fb"}.fa-file-circle-check::before{content:"\e5a0"}.fa-forward::before{content:"\f04e"}.fa-mobile::before{content:"\f3ce"}.fa-mobile-android::before{content:"\f3ce"}.fa-mobile-phone::before{content:"\f3ce"}.fa-face-meh::before{content:"\f11a"}.fa-meh::before{content:"\f11a"}.fa-align-center::before{content:"\f037"}.fa-book-skull::before{content:"\f6b7"}.fa-book-dead::before{content:"\f6b7"}.fa-id-card::before{content:"\f2c2"}.fa-drivers-license::before{content:"\f2c2"}.fa-outdent::before{content:"\f03b"}.fa-dedent::before{content:"\f03b"}.fa-heart-circle-exclamation::before{content:"\e4fe"}.fa-house::before{content:"\f015"}.fa-home::before{content:"\f015"}.fa-home-alt::before{content:"\f015"}.fa-home-lg-alt::before{content:"\f015"}.fa-calendar-week::before{content:"\f784"}.fa-laptop-medical::before{content:"\f812"}.fa-b::before{content:"\42"}.fa-file-medical::before{content:"\f477"}.fa-dice-one::before{content:"\f525"}.fa-kiwi-bird::before{content:"\f535"}.fa-arrow-right-arrow-left::before{content:"\f0ec"}.fa-exchange::before{content:"\f0ec"}.fa-rotate-right::before{content:"\f2f9"}.fa-redo-alt::before{content:"\f2f9"}.fa-rotate-forward::before{content:"\f2f9"}.fa-utensils::before{content:"\f2e7"}.fa-cutlery::before{content:"\f2e7"}.fa-arrow-up-wide-short::before{content:"\f161"}.fa-sort-amount-up::before{content:"\f161"}.fa-mill-sign::before{content:"\e1ed"}.fa-bowl-rice::before{content:"\e2eb"}.fa-skull::before{content:"\f54c"}.fa-tower-broadcast::before{content:"\f519"}.fa-broadcast-tower::before{content:"\f519"}.fa-truck-pickup::before{content:"\f63c"}.fa-up-long::before{content:"\f30c"}.fa-long-arrow-alt-up::before{content:"\f30c"}.fa-stop::before{content:"\f04d"}.fa-code-merge::before{content:"\f387"}.fa-upload::before{content:"\f093"}.fa-hurricane::before{content:"\f751"}.fa-mound::before{content:"\e52d"}.fa-toilet-portable::before{content:"\e583"}.fa-compact-disc::before{content:"\f51f"}.fa-file-arrow-down::before{content:"\f56d"}.fa-file-download::before{content:"\f56d"}.fa-caravan::before{content:"\f8ff"}.fa-shield-cat::before{content:"\e572"}.fa-bolt::before{content:"\f0e7"}.fa-zap::before{content:"\f0e7"}.fa-glass-water::before{content:"\e4f4"}.fa-oil-well::before{content:"\e532"}.fa-vault::before{content:"\e2c5"}.fa-mars::before{content:"\f222"}.fa-toilet::before{content:"\f7d8"}.fa-plane-circle-xmark::before{content:"\e557"}.fa-yen-sign::before{content:"\f157"}.fa-cny::before{content:"\f157"}.fa-jpy::before{content:"\f157"}.fa-rmb::before{content:"\f157"}.fa-yen::before{content:"\f157"}.fa-ruble-sign::before{content:"\f158"}.fa-rouble::before{content:"\f158"}.fa-rub::before{content:"\f158"}.fa-ruble::before{content:"\f158"}.fa-sun::before{content:"\f185"}.fa-guitar::before{content:"\f7a6"}.fa-face-laugh-wink::before{content:"\f59c"}.fa-laugh-wink::before{content:"\f59c"}.fa-horse-head::before{content:"\f7ab"}.fa-bore-hole::before{content:"\e4c3"}.fa-industry::before{content:"\f275"}.fa-circle-down::before{content:"\f358"}.fa-arrow-alt-circle-down::before{content:"\f358"}.fa-arrows-turn-to-dots::before{content:"\e4c1"}.fa-florin-sign::before{content:"\e184"}.fa-arrow-down-short-wide::before{content:"\f884"}.fa-sort-amount-desc::before{content:"\f884"}.fa-sort-amount-down-alt::before{content:"\f884"}.fa-less-than::before{content:"\3c"}.fa-angle-down::before{content:"\f107"}.fa-car-tunnel::before{content:"\e4de"}.fa-head-side-cough::before{content:"\e061"}.fa-grip-lines::before{content:"\f7a4"}.fa-thumbs-down::before{content:"\f165"}.fa-user-lock::before{content:"\f502"}.fa-arrow-right-long::before{content:"\f178"}.fa-long-arrow-right::before{content:"\f178"}.fa-anchor-circle-xmark::before{content:"\e4ac"}.fa-ellipsis::before{content:"\f141"}.fa-ellipsis-h::before{content:"\f141"}.fa-chess-pawn::before{content:"\f443"}.fa-kit-medical::before{content:"\f479"}.fa-first-aid::before{content:"\f479"}.fa-person-through-window::before{content:"\e5a9"}.fa-toolbox::before{content:"\f552"}.fa-hands-holding-circle::before{content:"\e4fb"}.fa-bug::before{content:"\f188"}.fa-credit-card::before{content:"\f09d"}.fa-credit-card-alt::before{content:"\f09d"}.fa-car::before{content:"\f1b9"}.fa-automobile::before{content:"\f1b9"}.fa-hand-holding-hand::before{content:"\e4f7"}.fa-book-open-reader::before{content:"\f5da"}.fa-book-reader::before{content:"\f5da"}.fa-mountain-sun::before{content:"\e52f"}.fa-arrows-left-right-to-line::before{content:"\e4ba"}.fa-dice-d20::before{content:"\f6cf"}.fa-truck-droplet::before{content:"\e58c"}.fa-file-circle-xmark::before{content:"\e5a1"}.fa-temperature-arrow-up::before{content:"\e040"}.fa-temperature-up::before{content:"\e040"}.fa-medal::before{content:"\f5a2"}.fa-bed::before{content:"\f236"}.fa-square-h::before{content:"\f0fd"}.fa-h-square::before{content:"\f0fd"}.fa-podcast::before{content:"\f2ce"}.fa-temperature-full::before{content:"\f2c7"}.fa-temperature-4::before{content:"\f2c7"}.fa-thermometer-4::before{content:"\f2c7"}.fa-thermometer-full::before{content:"\f2c7"}.fa-bell::before{content:"\f0f3"}.fa-superscript::before{content:"\f12b"}.fa-plug-circle-xmark::before{content:"\e560"}.fa-star-of-life::before{content:"\f621"}.fa-phone-slash::before{content:"\f3dd"}.fa-paint-roller::before{content:"\f5aa"}.fa-handshake-angle::before{content:"\f4c4"}.fa-hands-helping::before{content:"\f4c4"}.fa-location-dot::before{content:"\f3c5"}.fa-map-marker-alt::before{content:"\f3c5"}.fa-file::before{content:"\f15b"}.fa-greater-than::before{content:"\3e"}.fa-person-swimming::before{content:"\f5c4"}.fa-swimmer::before{content:"\f5c4"}.fa-arrow-down::before{content:"\f063"}.fa-droplet::before{content:"\f043"}.fa-tint::before{content:"\f043"}.fa-eraser::before{content:"\f12d"}.fa-earth-americas::before{content:"\f57d"}.fa-earth::before{content:"\f57d"}.fa-earth-america::before{content:"\f57d"}.fa-globe-americas::before{content:"\f57d"}.fa-person-burst::before{content:"\e53b"}.fa-dove::before{content:"\f4ba"}.fa-battery-empty::before{content:"\f244"}.fa-battery-0::before{content:"\f244"}.fa-socks::before{content:"\f696"}.fa-inbox::before{content:"\f01c"}.fa-section::before{content:"\e447"}.fa-gauge-high::before{content:"\f625"}.fa-tachometer-alt::before{content:"\f625"}.fa-tachometer-alt-fast::before{content:"\f625"}.fa-envelope-open-text::before{content:"\f658"}.fa-hospital::before{content:"\f0f8"}.fa-hospital-alt::before{content:"\f0f8"}.fa-hospital-wide::before{content:"\f0f8"}.fa-wine-bottle::before{content:"\f72f"}.fa-chess-rook::before{content:"\f447"}.fa-bars-staggered::before{content:"\f550"}.fa-reorder::before{content:"\f550"}.fa-stream::before{content:"\f550"}.fa-dharmachakra::before{content:"\f655"}.fa-hotdog::before{content:"\f80f"}.fa-person-walking-with-cane::before{content:"\f29d"}.fa-blind::before{content:"\f29d"}.fa-drum::before{content:"\f569"}.fa-ice-cream::before{content:"\f810"}.fa-heart-circle-bolt::before{content:"\e4fc"}.fa-fax::before{content:"\f1ac"}.fa-paragraph::before{content:"\f1dd"}.fa-check-to-slot::before{content:"\f772"}.fa-vote-yea::before{content:"\f772"}.fa-star-half::before{content:"\f089"}.fa-boxes-stacked::before{content:"\f468"}.fa-boxes::before{content:"\f468"}.fa-boxes-alt::before{content:"\f468"}.fa-link::before{content:"\f0c1"}.fa-chain::before{content:"\f0c1"}.fa-ear-listen::before{content:"\f2a2"}.fa-assistive-listening-systems::before{content:"\f2a2"}.fa-tree-city::before{content:"\e587"}.fa-play::before{content:"\f04b"}.fa-font::before{content:"\f031"}.fa-rupiah-sign::before{content:"\e23d"}.fa-magnifying-glass::before{content:"\f002"}.fa-search::before{content:"\f002"}.fa-table-tennis-paddle-ball::before{content:"\f45d"}.fa-ping-pong-paddle-ball::before{content:"\f45d"}.fa-table-tennis::before{content:"\f45d"}.fa-person-dots-from-line::before{content:"\f470"}.fa-diagnoses::before{content:"\f470"}.fa-trash-can-arrow-up::before{content:"\f82a"}.fa-trash-restore-alt::before{content:"\f82a"}.fa-naira-sign::before{content:"\e1f6"}.fa-cart-arrow-down::before{content:"\f218"}.fa-walkie-talkie::before{content:"\f8ef"}.fa-file-pen::before{content:"\f31c"}.fa-file-edit::before{content:"\f31c"}.fa-receipt::before{content:"\f543"}.fa-square-pen::before{content:"\f14b"}.fa-pen-square::before{content:"\f14b"}.fa-pencil-square::before{content:"\f14b"}.fa-suitcase-rolling::before{content:"\f5c1"}.fa-person-circle-exclamation::before{content:"\e53f"}.fa-chevron-down::before{content:"\f078"}.fa-battery-full::before{content:"\f240"}.fa-battery::before{content:"\f240"}.fa-battery-5::before{content:"\f240"}.fa-skull-crossbones::before{content:"\f714"}.fa-code-compare::before{content:"\e13a"}.fa-list-ul::before{content:"\f0ca"}.fa-list-dots::before{content:"\f0ca"}.fa-school-lock::before{content:"\e56f"}.fa-tower-cell::before{content:"\e585"}.fa-down-long::before{content:"\f309"}.fa-long-arrow-alt-down::before{content:"\f309"}.fa-ranking-star::before{content:"\e561"}.fa-chess-king::before{content:"\f43f"}.fa-person-harassing::before{content:"\e549"}.fa-brazilian-real-sign::before{content:"\e46c"}.fa-landmark-dome::before{content:"\f752"}.fa-landmark-alt::before{content:"\f752"}.fa-arrow-up::before{content:"\f062"}.fa-tv::before{content:"\f26c"}.fa-television::before{content:"\f26c"}.fa-tv-alt::before{content:"\f26c"}.fa-shrimp::before{content:"\e448"}.fa-list-check::before{content:"\f0ae"}.fa-tasks::before{content:"\f0ae"}.fa-jug-detergent::before{content:"\e519"}.fa-circle-user::before{content:"\f2bd"}.fa-user-circle::before{content:"\f2bd"}.fa-user-shield::before{content:"\f505"}.fa-wind::before{content:"\f72e"}.fa-car-burst::before{content:"\f5e1"}.fa-car-crash::before{content:"\f5e1"}.fa-y::before{content:"\59"}.fa-person-snowboarding::before{content:"\f7ce"}.fa-snowboarding::before{content:"\f7ce"}.fa-truck-fast::before{content:"\f48b"}.fa-shipping-fast::before{content:"\f48b"}.fa-fish::before{content:"\f578"}.fa-user-graduate::before{content:"\f501"}.fa-circle-half-stroke::before{content:"\f042"}.fa-adjust::before{content:"\f042"}.fa-clapperboard::before{content:"\e131"}.fa-circle-radiation::before{content:"\f7ba"}.fa-radiation-alt::before{content:"\f7ba"}.fa-baseball::before{content:"\f433"}.fa-baseball-ball::before{content:"\f433"}.fa-jet-fighter-up::before{content:"\e518"}.fa-diagram-project::before{content:"\f542"}.fa-project-diagram::before{content:"\f542"}.fa-copy::before{content:"\f0c5"}.fa-volume-xmark::before{content:"\f6a9"}.fa-volume-mute::before{content:"\f6a9"}.fa-volume-times::before{content:"\f6a9"}.fa-hand-sparkles::before{content:"\e05d"}.fa-grip::before{content:"\f58d"}.fa-grip-horizontal::before{content:"\f58d"}.fa-share-from-square::before{content:"\f14d"}.fa-share-square::before{content:"\f14d"}.fa-child-combatant::before{content:"\e4e0"}.fa-child-rifle::before{content:"\e4e0"}.fa-gun::before{content:"\e19b"}.fa-square-phone::before{content:"\f098"}.fa-phone-square::before{content:"\f098"}.fa-plus::before{content:"\2b"}.fa-add::before{content:"\2b"}.fa-expand::before{content:"\f065"}.fa-computer::before{content:"\e4e5"}.fa-xmark::before{content:"\f00d"}.fa-close::before{content:"\f00d"}.fa-multiply::before{content:"\f00d"}.fa-remove::before{content:"\f00d"}.fa-times::before{content:"\f00d"}.fa-arrows-up-down-left-right::before{content:"\f047"}.fa-arrows::before{content:"\f047"}.fa-chalkboard-user::before{content:"\f51c"}.fa-chalkboard-teacher::before{content:"\f51c"}.fa-peso-sign::before{content:"\e222"}.fa-building-shield::before{content:"\e4d8"}.fa-baby::before{content:"\f77c"}.fa-users-line::before{content:"\e592"}.fa-quote-left::before{content:"\f10d"}.fa-quote-left-alt::before{content:"\f10d"}.fa-tractor::before{content:"\f722"}.fa-trash-arrow-up::before{content:"\f829"}.fa-trash-restore::before{content:"\f829"}.fa-arrow-down-up-lock::before{content:"\e4b0"}.fa-lines-leaning::before{content:"\e51e"}.fa-ruler-combined::before{content:"\f546"}.fa-copyright::before{content:"\f1f9"}.fa-equals::before{content:"\3d"}.fa-blender::before{content:"\f517"}.fa-teeth::before{content:"\f62e"}.fa-shekel-sign::before{content:"\f20b"}.fa-ils::before{content:"\f20b"}.fa-shekel::before{content:"\f20b"}.fa-sheqel::before{content:"\f20b"}.fa-sheqel-sign::before{content:"\f20b"}.fa-map::before{content:"\f279"}.fa-rocket::before{content:"\f135"}.fa-photo-film::before{content:"\f87c"}.fa-photo-video::before{content:"\f87c"}.fa-folder-minus::before{content:"\f65d"}.fa-store::before{content:"\f54e"}.fa-arrow-trend-up::before{content:"\e098"}.fa-plug-circle-minus::before{content:"\e55e"}.fa-sign-hanging::before{content:"\f4d9"}.fa-sign::before{content:"\f4d9"}.fa-bezier-curve::before{content:"\f55b"}.fa-bell-slash::before{content:"\f1f6"}.fa-tablet::before{content:"\f3fb"}.fa-tablet-android::before{content:"\f3fb"}.fa-school-flag::before{content:"\e56e"}.fa-fill::before{content:"\f575"}.fa-angle-up::before{content:"\f106"}.fa-drumstick-bite::before{content:"\f6d7"}.fa-holly-berry::before{content:"\f7aa"}.fa-chevron-left::before{content:"\f053"}.fa-bacteria::before{content:"\e059"}.fa-hand-lizard::before{content:"\f258"}.fa-notdef::before{content:"\e1fe"}.fa-disease::before{content:"\f7fa"}.fa-briefcase-medical::before{content:"\f469"}.fa-genderless::before{content:"\f22d"}.fa-chevron-right::before{content:"\f054"}.fa-retweet::before{content:"\f079"}.fa-car-rear::before{content:"\f5de"}.fa-car-alt::before{content:"\f5de"}.fa-pump-soap::before{content:"\e06b"}.fa-video-slash::before{content:"\f4e2"}.fa-battery-quarter::before{content:"\f243"}.fa-battery-2::before{content:"\f243"}.fa-radio::before{content:"\f8d7"}.fa-baby-carriage::before{content:"\f77d"}.fa-carriage-baby::before{content:"\f77d"}.fa-traffic-light::before{content:"\f637"}.fa-thermometer::before{content:"\f491"}.fa-vr-cardboard::before{content:"\f729"}.fa-hand-middle-finger::before{content:"\f806"}.fa-percent::before{content:"\25"}.fa-percentage::before{content:"\25"}.fa-truck-moving::before{content:"\f4df"}.fa-glass-water-droplet::before{content:"\e4f5"}.fa-display::before{content:"\e163"}.fa-face-smile::before{content:"\f118"}.fa-smile::before{content:"\f118"}.fa-thumbtack::before{content:"\f08d"}.fa-thumb-tack::before{content:"\f08d"}.fa-trophy::before{content:"\f091"}.fa-person-praying::before{content:"\f683"}.fa-pray::before{content:"\f683"}.fa-hammer::before{content:"\f6e3"}.fa-hand-peace::before{content:"\f25b"}.fa-rotate::before{content:"\f2f1"}.fa-sync-alt::before{content:"\f2f1"}.fa-spinner::before{content:"\f110"}.fa-robot::before{content:"\f544"}.fa-peace::before{content:"\f67c"}.fa-gears::before{content:"\f085"}.fa-cogs::before{content:"\f085"}.fa-warehouse::before{content:"\f494"}.fa-arrow-up-right-dots::before{content:"\e4b7"}.fa-splotch::before{content:"\f5bc"}.fa-face-grin-hearts::before{content:"\f584"}.fa-grin-hearts::before{content:"\f584"}.fa-dice-four::before{content:"\f524"}.fa-sim-card::before{content:"\f7c4"}.fa-transgender::before{content:"\f225"}.fa-transgender-alt::before{content:"\f225"}.fa-mercury::before{content:"\f223"}.fa-arrow-turn-down::before{content:"\f149"}.fa-level-down::before{content:"\f149"}.fa-person-falling-burst::before{content:"\e547"}.fa-award::before{content:"\f559"}.fa-ticket-simple::before{content:"\f3ff"}.fa-ticket-alt::before{content:"\f3ff"}.fa-building::before{content:"\f1ad"}.fa-angles-left::before{content:"\f100"}.fa-angle-double-left::before{content:"\f100"}.fa-qrcode::before{content:"\f029"}.fa-clock-rotate-left::before{content:"\f1da"}.fa-history::before{content:"\f1da"}.fa-face-grin-beam-sweat::before{content:"\f583"}.fa-grin-beam-sweat::before{content:"\f583"}.fa-file-export::before{content:"\f56e"}.fa-arrow-right-from-file::before{content:"\f56e"}.fa-shield::before{content:"\f132"}.fa-shield-blank::before{content:"\f132"}.fa-arrow-up-short-wide::before{content:"\f885"}.fa-sort-amount-up-alt::before{content:"\f885"}.fa-house-medical::before{content:"\e3b2"}.fa-golf-ball-tee::before{content:"\f450"}.fa-golf-ball::before{content:"\f450"}.fa-circle-chevron-left::before{content:"\f137"}.fa-chevron-circle-left::before{content:"\f137"}.fa-house-chimney-window::before{content:"\e00d"}.fa-pen-nib::before{content:"\f5ad"}.fa-tent-arrow-turn-left::before{content:"\e580"}.fa-tents::before{content:"\e582"}.fa-wand-magic::before{content:"\f0d0"}.fa-magic::before{content:"\f0d0"}.fa-dog::before{content:"\f6d3"}.fa-carrot::before{content:"\f787"}.fa-moon::before{content:"\f186"}.fa-wine-glass-empty::before{content:"\f5ce"}.fa-wine-glass-alt::before{content:"\f5ce"}.fa-cheese::before{content:"\f7ef"}.fa-yin-yang::before{content:"\f6ad"}.fa-music::before{content:"\f001"}.fa-code-commit::before{content:"\f386"}.fa-temperature-low::before{content:"\f76b"}.fa-person-biking::before{content:"\f84a"}.fa-biking::before{content:"\f84a"}.fa-broom::before{content:"\f51a"}.fa-shield-heart::before{content:"\e574"}.fa-gopuram::before{content:"\f664"}.fa-earth-oceania::before{content:"\e47b"}.fa-globe-oceania::before{content:"\e47b"}.fa-square-xmark::before{content:"\f2d3"}.fa-times-square::before{content:"\f2d3"}.fa-xmark-square::before{content:"\f2d3"}.fa-hashtag::before{content:"\23"}.fa-up-right-and-down-left-from-center::before{content:"\f424"}.fa-expand-alt::before{content:"\f424"}.fa-oil-can::before{content:"\f613"}.fa-t::before{content:"\54"}.fa-hippo::before{content:"\f6ed"}.fa-chart-column::before{content:"\e0e3"}.fa-infinity::before{content:"\f534"}.fa-vial-circle-check::before{content:"\e596"}.fa-person-arrow-down-to-line::before{content:"\e538"}.fa-voicemail::before{content:"\f897"}.fa-fan::before{content:"\f863"}.fa-person-walking-luggage::before{content:"\e554"}.fa-up-down::before{content:"\f338"}.fa-arrows-alt-v::before{content:"\f338"}.fa-cloud-moon-rain::before{content:"\f73c"}.fa-calendar::before{content:"\f133"}.fa-trailer::before{content:"\e041"}.fa-bahai::before{content:"\f666"}.fa-haykal::before{content:"\f666"}.fa-sd-card::before{content:"\f7c2"}.fa-dragon::before{content:"\f6d5"}.fa-shoe-prints::before{content:"\f54b"}.fa-circle-plus::before{content:"\f055"}.fa-plus-circle::before{content:"\f055"}.fa-face-grin-tongue-wink::before{content:"\f58b"}.fa-grin-tongue-wink::before{content:"\f58b"}.fa-hand-holding::before{content:"\f4bd"}.fa-plug-circle-exclamation::before{content:"\e55d"}.fa-link-slash::before{content:"\f127"}.fa-chain-broken::before{content:"\f127"}.fa-chain-slash::before{content:"\f127"}.fa-unlink::before{content:"\f127"}.fa-clone::before{content:"\f24d"}.fa-person-walking-arrow-loop-left::before{content:"\e551"}.fa-arrow-up-z-a::before{content:"\f882"}.fa-sort-alpha-up-alt::before{content:"\f882"}.fa-fire-flame-curved::before{content:"\f7e4"}.fa-fire-alt::before{content:"\f7e4"}.fa-tornado::before{content:"\f76f"}.fa-file-circle-plus::before{content:"\e494"}.fa-book-quran::before{content:"\f687"}.fa-quran::before{content:"\f687"}.fa-anchor::before{content:"\f13d"}.fa-border-all::before{content:"\f84c"}.fa-face-angry::before{content:"\f556"}.fa-angry::before{content:"\f556"}.fa-cookie-bite::before{content:"\f564"}.fa-arrow-trend-down::before{content:"\e097"}.fa-rss::before{content:"\f09e"}.fa-feed::before{content:"\f09e"}.fa-draw-polygon::before{content:"\f5ee"}.fa-scale-balanced::before{content:"\f24e"}.fa-balance-scale::before{content:"\f24e"}.fa-gauge-simple-high::before{content:"\f62a"}.fa-tachometer::before{content:"\f62a"}.fa-tachometer-fast::before{content:"\f62a"}.fa-shower::before{content:"\f2cc"}.fa-desktop::before{content:"\f390"}.fa-desktop-alt::before{content:"\f390"}.fa-m::before{content:"\4d"}.fa-table-list::before{content:"\f00b"}.fa-th-list::before{content:"\f00b"}.fa-comment-sms::before{content:"\f7cd"}.fa-sms::before{content:"\f7cd"}.fa-book::before{content:"\f02d"}.fa-user-plus::before{content:"\f234"}.fa-check::before{content:"\f00c"}.fa-battery-three-quarters::before{content:"\f241"}.fa-battery-4::before{content:"\f241"}.fa-house-circle-check::before{content:"\e509"}.fa-angle-left::before{content:"\f104"}.fa-diagram-successor::before{content:"\e47a"}.fa-truck-arrow-right::before{content:"\e58b"}.fa-arrows-split-up-and-left::before{content:"\e4bc"}.fa-hand-fist::before{content:"\f6de"}.fa-fist-raised::before{content:"\f6de"}.fa-cloud-moon::before{content:"\f6c3"}.fa-briefcase::before{content:"\f0b1"}.fa-person-falling::before{content:"\e546"}.fa-image-portrait::before{content:"\f3e0"}.fa-portrait::before{content:"\f3e0"}.fa-user-tag::before{content:"\f507"}.fa-rug::before{content:"\e569"}.fa-earth-europe::before{content:"\f7a2"}.fa-globe-europe::before{content:"\f7a2"}.fa-cart-flatbed-suitcase::before{content:"\f59d"}.fa-luggage-cart::before{content:"\f59d"}.fa-rectangle-xmark::before{content:"\f410"}.fa-rectangle-times::before{content:"\f410"}.fa-times-rectangle::before{content:"\f410"}.fa-window-close::before{content:"\f410"}.fa-baht-sign::before{content:"\e0ac"}.fa-book-open::before{content:"\f518"}.fa-book-journal-whills::before{content:"\f66a"}.fa-journal-whills::before{content:"\f66a"}.fa-handcuffs::before{content:"\e4f8"}.fa-triangle-exclamation::before{content:"\f071"}.fa-exclamation-triangle::before{content:"\f071"}.fa-warning::before{content:"\f071"}.fa-database::before{content:"\f1c0"}.fa-share::before{content:"\f064"}.fa-arrow-turn-right::before{content:"\f064"}.fa-mail-forward::before{content:"\f064"}.fa-bottle-droplet::before{content:"\e4c4"}.fa-mask-face::before{content:"\e1d7"}.fa-hill-rockslide::before{content:"\e508"}.fa-right-left::before{content:"\f362"}.fa-exchange-alt::before{content:"\f362"}.fa-paper-plane::before{content:"\f1d8"}.fa-road-circle-exclamation::before{content:"\e565"}.fa-dungeon::before{content:"\f6d9"}.fa-align-right::before{content:"\f038"}.fa-money-bill-1-wave::before{content:"\f53b"}.fa-money-bill-wave-alt::before{content:"\f53b"}.fa-life-ring::before{content:"\f1cd"}.fa-hands::before{content:"\f2a7"}.fa-sign-language::before{content:"\f2a7"}.fa-signing::before{content:"\f2a7"}.fa-calendar-day::before{content:"\f783"}.fa-water-ladder::before{content:"\f5c5"}.fa-ladder-water::before{content:"\f5c5"}.fa-swimming-pool::before{content:"\f5c5"}.fa-arrows-up-down::before{content:"\f07d"}.fa-arrows-v::before{content:"\f07d"}.fa-face-grimace::before{content:"\f57f"}.fa-grimace::before{content:"\f57f"}.fa-wheelchair-move::before{content:"\e2ce"}.fa-wheelchair-alt::before{content:"\e2ce"}.fa-turn-down::before{content:"\f3be"}.fa-level-down-alt::before{content:"\f3be"}.fa-person-walking-arrow-right::before{content:"\e552"}.fa-square-envelope::before{content:"\f199"}.fa-envelope-square::before{content:"\f199"}.fa-dice::before{content:"\f522"}.fa-bowling-ball::before{content:"\f436"}.fa-brain::before{content:"\f5dc"}.fa-bandage::before{content:"\f462"}.fa-band-aid::before{content:"\f462"}.fa-calendar-minus::before{content:"\f272"}.fa-circle-xmark::before{content:"\f057"}.fa-times-circle::before{content:"\f057"}.fa-xmark-circle::before{content:"\f057"}.fa-gifts::before{content:"\f79c"}.fa-hotel::before{content:"\f594"}.fa-earth-asia::before{content:"\f57e"}.fa-globe-asia::before{content:"\f57e"}.fa-id-card-clip::before{content:"\f47f"}.fa-id-card-alt::before{content:"\f47f"}.fa-magnifying-glass-plus::before{content:"\f00e"}.fa-search-plus::before{content:"\f00e"}.fa-thumbs-up::before{content:"\f164"}.fa-user-clock::before{content:"\f4fd"}.fa-hand-dots::before{content:"\f461"}.fa-allergies::before{content:"\f461"}.fa-file-invoice::before{content:"\f570"}.fa-window-minimize::before{content:"\f2d1"}.fa-mug-saucer::before{content:"\f0f4"}.fa-coffee::before{content:"\f0f4"}.fa-brush::before{content:"\f55d"}.fa-mask::before{content:"\f6fa"}.fa-magnifying-glass-minus::before{content:"\f010"}.fa-search-minus::before{content:"\f010"}.fa-ruler-vertical::before{content:"\f548"}.fa-user-large::before{content:"\f406"}.fa-user-alt::before{content:"\f406"}.fa-train-tram::before{content:"\e5b4"}.fa-user-nurse::before{content:"\f82f"}.fa-syringe::before{content:"\f48e"}.fa-cloud-sun::before{content:"\f6c4"}.fa-stopwatch-20::before{content:"\e06f"}.fa-square-full::before{content:"\f45c"}.fa-magnet::before{content:"\f076"}.fa-jar::before{content:"\e516"}.fa-note-sticky::before{content:"\f249"}.fa-sticky-note::before{content:"\f249"}.fa-bug-slash::before{content:"\e490"}.fa-arrow-up-from-water-pump::before{content:"\e4b6"}.fa-bone::before{content:"\f5d7"}.fa-user-injured::before{content:"\f728"}.fa-face-sad-tear::before{content:"\f5b4"}.fa-sad-tear::before{content:"\f5b4"}.fa-plane::before{content:"\f072"}.fa-tent-arrows-down::before{content:"\e581"}.fa-exclamation::before{content:"\21"}.fa-arrows-spin::before{content:"\e4bb"}.fa-print::before{content:"\f02f"}.fa-turkish-lira-sign::before{content:"\e2bb"}.fa-try::before{content:"\e2bb"}.fa-turkish-lira::before{content:"\e2bb"}.fa-dollar-sign::before{content:"\24"}.fa-dollar::before{content:"\24"}.fa-usd::before{content:"\24"}.fa-x::before{content:"\58"}.fa-magnifying-glass-dollar::before{content:"\f688"}.fa-search-dollar::before{content:"\f688"}.fa-users-gear::before{content:"\f509"}.fa-users-cog::before{content:"\f509"}.fa-person-military-pointing::before{content:"\e54a"}.fa-building-columns::before{content:"\f19c"}.fa-bank::before{content:"\f19c"}.fa-institution::before{content:"\f19c"}.fa-museum::before{content:"\f19c"}.fa-university::before{content:"\f19c"}.fa-umbrella::before{content:"\f0e9"}.fa-trowel::before{content:"\e589"}.fa-d::before{content:"\44"}.fa-stapler::before{content:"\e5af"}.fa-masks-theater::before{content:"\f630"}.fa-theater-masks::before{content:"\f630"}.fa-kip-sign::before{content:"\e1c4"}.fa-hand-point-left::before{content:"\f0a5"}.fa-handshake-simple::before{content:"\f4c6"}.fa-handshake-alt::before{content:"\f4c6"}.fa-jet-fighter::before{content:"\f0fb"}.fa-fighter-jet::before{content:"\f0fb"}.fa-square-share-nodes::before{content:"\f1e1"}.fa-share-alt-square::before{content:"\f1e1"}.fa-barcode::before{content:"\f02a"}.fa-plus-minus::before{content:"\e43c"}.fa-video::before{content:"\f03d"}.fa-video-camera::before{content:"\f03d"}.fa-graduation-cap::before{content:"\f19d"}.fa-mortar-board::before{content:"\f19d"}.fa-hand-holding-medical::before{content:"\e05c"}.fa-person-circle-check::before{content:"\e53e"}.fa-turn-up::before{content:"\f3bf"}.fa-level-up-alt::before{content:"\f3bf"}.sr-only,.fa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:not(:focus),.fa-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}:root,:host{--fa-style-family-brands:'Font Awesome 6 Brands';--fa-font-brands:normal 400 1em/1 'Font Awesome 6 Brands'}@font-face{font-display:swap;font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;src:url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-brands-400.woff2') format("woff2"),url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-brands-400.ttf') format("truetype")}.fab,.fa-brands{font-weight:400}.fa-monero:before{content:"\f3d0"}.fa-hooli:before{content:"\f427"}.fa-yelp:before{content:"\f1e9"}.fa-cc-visa:before{content:"\f1f0"}.fa-lastfm:before{content:"\f202"}.fa-shopware:before{content:"\f5b5"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-aws:before{content:"\f375"}.fa-redhat:before{content:"\f7bc"}.fa-yoast:before{content:"\f2b1"}.fa-cloudflare:before{content:"\e07d"}.fa-ups:before{content:"\f7e0"}.fa-wpexplorer:before{content:"\f2de"}.fa-dyalog:before{content:"\f399"}.fa-bity:before{content:"\f37a"}.fa-stackpath:before{content:"\f842"}.fa-buysellads:before{content:"\f20d"}.fa-first-order:before{content:"\f2b0"}.fa-modx:before{content:"\f285"}.fa-guilded:before{content:"\e07e"}.fa-vnv:before{content:"\f40b"}.fa-square-js:before{content:"\f3b9"}.fa-js-square:before{content:"\f3b9"}.fa-microsoft:before{content:"\f3ca"}.fa-qq:before{content:"\f1d6"}.fa-orcid:before{content:"\f8d2"}.fa-java:before{content:"\f4e4"}.fa-invision:before{content:"\f7b0"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-centercode:before{content:"\f380"}.fa-glide-g:before{content:"\f2a6"}.fa-drupal:before{content:"\f1a9"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-unity:before{content:"\e049"}.fa-whmcs:before{content:"\f40d"}.fa-rocketchat:before{content:"\f3e8"}.fa-vk:before{content:"\f189"}.fa-untappd:before{content:"\f405"}.fa-mailchimp:before{content:"\f59e"}.fa-css3-alt:before{content:"\f38b"}.fa-square-reddit:before{content:"\f1a2"}.fa-reddit-square:before{content:"\f1a2"}.fa-vimeo-v:before{content:"\f27d"}.fa-contao:before{content:"\f26d"}.fa-square-font-awesome:before{content:"\e5ad"}.fa-deskpro:before{content:"\f38f"}.fa-sistrix:before{content:"\f3ee"}.fa-square-instagram:before{content:"\e055"}.fa-instagram-square:before{content:"\e055"}.fa-battle-net:before{content:"\f835"}.fa-the-red-yeti:before{content:"\f69d"}.fa-square-hacker-news:before{content:"\f3af"}.fa-hacker-news-square:before{content:"\f3af"}.fa-edge:before{content:"\f282"}.fa-napster:before{content:"\f3d2"}.fa-square-snapchat:before{content:"\f2ad"}.fa-snapchat-square:before{content:"\f2ad"}.fa-google-plus-g:before{content:"\f0d5"}.fa-artstation:before{content:"\f77a"}.fa-markdown:before{content:"\f60f"}.fa-sourcetree:before{content:"\f7d3"}.fa-google-plus:before{content:"\f2b3"}.fa-diaspora:before{content:"\f791"}.fa-foursquare:before{content:"\f180"}.fa-stack-overflow:before{content:"\f16c"}.fa-github-alt:before{content:"\f113"}.fa-phoenix-squadron:before{content:"\f511"}.fa-pagelines:before{content:"\f18c"}.fa-algolia:before{content:"\f36c"}.fa-red-river:before{content:"\f3e3"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-safari:before{content:"\f267"}.fa-google:before{content:"\f1a0"}.fa-square-font-awesome-stroke:before{content:"\f35c"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-atlassian:before{content:"\f77b"}.fa-linkedin-in:before{content:"\f0e1"}.fa-digital-ocean:before{content:"\f391"}.fa-nimblr:before{content:"\f5a8"}.fa-chromecast:before{content:"\f838"}.fa-evernote:before{content:"\f839"}.fa-hacker-news:before{content:"\f1d4"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-adversal:before{content:"\f36a"}.fa-creative-commons:before{content:"\f25e"}.fa-watchman-monitoring:before{content:"\e087"}.fa-fonticons:before{content:"\f280"}.fa-weixin:before{content:"\f1d7"}.fa-shirtsinbulk:before{content:"\f214"}.fa-codepen:before{content:"\f1cb"}.fa-git-alt:before{content:"\f841"}.fa-lyft:before{content:"\f3c3"}.fa-rev:before{content:"\f5b2"}.fa-windows:before{content:"\f17a"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-square-viadeo:before{content:"\f2aa"}.fa-viadeo-square:before{content:"\f2aa"}.fa-meetup:before{content:"\f2e0"}.fa-centos:before{content:"\f789"}.fa-adn:before{content:"\f170"}.fa-cloudsmith:before{content:"\f384"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-square-dribbble:before{content:"\f397"}.fa-dribbble-square:before{content:"\f397"}.fa-codiepie:before{content:"\f284"}.fa-node:before{content:"\f419"}.fa-mix:before{content:"\f3cb"}.fa-steam:before{content:"\f1b6"}.fa-cc-apple-pay:before{content:"\f416"}.fa-scribd:before{content:"\f28a"}.fa-openid:before{content:"\f19b"}.fa-instalod:before{content:"\e081"}.fa-expeditedssl:before{content:"\f23e"}.fa-sellcast:before{content:"\f2da"}.fa-square-twitter:before{content:"\f081"}.fa-twitter-square:before{content:"\f081"}.fa-r-project:before{content:"\f4f7"}.fa-delicious:before{content:"\f1a5"}.fa-freebsd:before{content:"\f3a4"}.fa-vuejs:before{content:"\f41f"}.fa-accusoft:before{content:"\f369"}.fa-ioxhost:before{content:"\f208"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-app-store:before{content:"\f36f"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-itunes-note:before{content:"\f3b5"}.fa-golang:before{content:"\e40f"}.fa-kickstarter:before{content:"\f3bb"}.fa-grav:before{content:"\f2d6"}.fa-weibo:before{content:"\f18a"}.fa-uncharted:before{content:"\e084"}.fa-firstdraft:before{content:"\f3a1"}.fa-square-youtube:before{content:"\f431"}.fa-youtube-square:before{content:"\f431"}.fa-wikipedia-w:before{content:"\f266"}.fa-wpressr:before{content:"\f3e4"}.fa-rendact:before{content:"\f3e4"}.fa-angellist:before{content:"\f209"}.fa-galactic-republic:before{content:"\f50c"}.fa-nfc-directional:before{content:"\e530"}.fa-skype:before{content:"\f17e"}.fa-joget:before{content:"\f3b7"}.fa-fedora:before{content:"\f798"}.fa-stripe-s:before{content:"\f42a"}.fa-meta:before{content:"\e49b"}.fa-laravel:before{content:"\f3bd"}.fa-hotjar:before{content:"\f3b1"}.fa-bluetooth-b:before{content:"\f294"}.fa-sticker-mule:before{content:"\f3f7"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-hips:before{content:"\f452"}.fa-behance:before{content:"\f1b4"}.fa-reddit:before{content:"\f1a1"}.fa-discord:before{content:"\f392"}.fa-chrome:before{content:"\f268"}.fa-app-store-ios:before{content:"\f370"}.fa-cc-discover:before{content:"\f1f2"}.fa-wpbeginner:before{content:"\f297"}.fa-confluence:before{content:"\f78d"}.fa-mdb:before{content:"\f8ca"}.fa-dochub:before{content:"\f394"}.fa-accessible-icon:before{content:"\f368"}.fa-ebay:before{content:"\f4f4"}.fa-amazon:before{content:"\f270"}.fa-unsplash:before{content:"\e07c"}.fa-yarn:before{content:"\f7e3"}.fa-square-steam:before{content:"\f1b7"}.fa-steam-square:before{content:"\f1b7"}.fa-500px:before{content:"\f26e"}.fa-square-vimeo:before{content:"\f194"}.fa-vimeo-square:before{content:"\f194"}.fa-asymmetrik:before{content:"\f372"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-flag:before{content:"\f2b4"}.fa-font-awesome-logo-full:before{content:"\f2b4"}.fa-gratipay:before{content:"\f184"}.fa-apple:before{content:"\f179"}.fa-hive:before{content:"\e07f"}.fa-gitkraken:before{content:"\f3a6"}.fa-keybase:before{content:"\f4f5"}.fa-apple-pay:before{content:"\f415"}.fa-padlet:before{content:"\e4a0"}.fa-amazon-pay:before{content:"\f42c"}.fa-square-github:before{content:"\f092"}.fa-github-square:before{content:"\f092"}.fa-stumbleupon:before{content:"\f1a4"}.fa-fedex:before{content:"\f797"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-shopify:before{content:"\e057"}.fa-neos:before{content:"\f612"}.fa-hackerrank:before{content:"\f5f7"}.fa-researchgate:before{content:"\f4f8"}.fa-swift:before{content:"\f8e1"}.fa-angular:before{content:"\f420"}.fa-speakap:before{content:"\f3f3"}.fa-angrycreative:before{content:"\f36e"}.fa-y-combinator:before{content:"\f23b"}.fa-empire:before{content:"\f1d1"}.fa-envira:before{content:"\f299"}.fa-square-gitlab:before{content:"\e5ae"}.fa-gitlab-square:before{content:"\e5ae"}.fa-studiovinari:before{content:"\f3f8"}.fa-pied-piper:before{content:"\f2ae"}.fa-wordpress:before{content:"\f19a"}.fa-product-hunt:before{content:"\f288"}.fa-firefox:before{content:"\f269"}.fa-linode:before{content:"\f2b8"}.fa-goodreads:before{content:"\f3a8"}.fa-square-odnoklassniki:before{content:"\f264"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-jsfiddle:before{content:"\f1cc"}.fa-sith:before{content:"\f512"}.fa-themeisle:before{content:"\f2b2"}.fa-page4:before{content:"\f3d7"}.fa-hashnode:before{content:"\e499"}.fa-react:before{content:"\f41b"}.fa-cc-paypal:before{content:"\f1f4"}.fa-squarespace:before{content:"\f5be"}.fa-cc-stripe:before{content:"\f1f5"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-bitcoin:before{content:"\f379"}.fa-keycdn:before{content:"\f3ba"}.fa-opera:before{content:"\f26a"}.fa-itch-io:before{content:"\f83a"}.fa-umbraco:before{content:"\f8e8"}.fa-galactic-senate:before{content:"\f50d"}.fa-ubuntu:before{content:"\f7df"}.fa-draft2digital:before{content:"\f396"}.fa-stripe:before{content:"\f429"}.fa-houzz:before{content:"\f27c"}.fa-gg:before{content:"\f260"}.fa-dhl:before{content:"\f790"}.fa-square-pinterest:before{content:"\f0d3"}.fa-pinterest-square:before{content:"\f0d3"}.fa-xing:before{content:"\f168"}.fa-blackberry:before{content:"\f37b"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-playstation:before{content:"\f3df"}.fa-quinscape:before{content:"\f459"}.fa-less:before{content:"\f41d"}.fa-blogger-b:before{content:"\f37d"}.fa-opencart:before{content:"\f23d"}.fa-vine:before{content:"\f1ca"}.fa-paypal:before{content:"\f1ed"}.fa-gitlab:before{content:"\f296"}.fa-typo3:before{content:"\f42b"}.fa-reddit-alien:before{content:"\f281"}.fa-yahoo:before{content:"\f19e"}.fa-dailymotion:before{content:"\e052"}.fa-affiliatetheme:before{content:"\f36b"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-bootstrap:before{content:"\f836"}.fa-odnoklassniki:before{content:"\f263"}.fa-nfc-symbol:before{content:"\e531"}.fa-ethereum:before{content:"\f42e"}.fa-speaker-deck:before{content:"\f83c"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-patreon:before{content:"\f3d9"}.fa-avianex:before{content:"\f374"}.fa-ello:before{content:"\f5f1"}.fa-gofore:before{content:"\f3a7"}.fa-bimobject:before{content:"\f378"}.fa-facebook-f:before{content:"\f39e"}.fa-square-google-plus:before{content:"\f0d4"}.fa-google-plus-square:before{content:"\f0d4"}.fa-mandalorian:before{content:"\f50f"}.fa-first-order-alt:before{content:"\f50a"}.fa-osi:before{content:"\f41a"}.fa-google-wallet:before{content:"\f1ee"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-periscope:before{content:"\f3da"}.fa-fulcrum:before{content:"\f50b"}.fa-cloudscale:before{content:"\f383"}.fa-forumbee:before{content:"\f211"}.fa-mizuni:before{content:"\f3cc"}.fa-schlix:before{content:"\f3ea"}.fa-square-xing:before{content:"\f169"}.fa-xing-square:before{content:"\f169"}.fa-bandcamp:before{content:"\f2d5"}.fa-wpforms:before{content:"\f298"}.fa-cloudversify:before{content:"\f385"}.fa-usps:before{content:"\f7e1"}.fa-megaport:before{content:"\f5a3"}.fa-magento:before{content:"\f3c4"}.fa-spotify:before{content:"\f1bc"}.fa-optin-monster:before{content:"\f23c"}.fa-fly:before{content:"\f417"}.fa-aviato:before{content:"\f421"}.fa-itunes:before{content:"\f3b4"}.fa-cuttlefish:before{content:"\f38c"}.fa-blogger:before{content:"\f37c"}.fa-flickr:before{content:"\f16e"}.fa-viber:before{content:"\f409"}.fa-soundcloud:before{content:"\f1be"}.fa-digg:before{content:"\f1a6"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-symfony:before{content:"\f83d"}.fa-maxcdn:before{content:"\f136"}.fa-etsy:before{content:"\f2d7"}.fa-facebook-messenger:before{content:"\f39f"}.fa-audible:before{content:"\f373"}.fa-think-peaks:before{content:"\f731"}.fa-bilibili:before{content:"\e3d9"}.fa-erlang:before{content:"\f39d"}.fa-cotton-bureau:before{content:"\f89e"}.fa-dashcube:before{content:"\f210"}.fa-42-group:before{content:"\e080"}.fa-innosoft:before{content:"\e080"}.fa-stack-exchange:before{content:"\f18d"}.fa-elementor:before{content:"\f430"}.fa-square-pied-piper:before{content:"\e01e"}.fa-pied-piper-square:before{content:"\e01e"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-palfed:before{content:"\f3d8"}.fa-superpowers:before{content:"\f2dd"}.fa-resolving:before{content:"\f3e7"}.fa-xbox:before{content:"\f412"}.fa-searchengin:before{content:"\f3eb"}.fa-tiktok:before{content:"\e07b"}.fa-square-facebook:before{content:"\f082"}.fa-facebook-square:before{content:"\f082"}.fa-renren:before{content:"\f18b"}.fa-linux:before{content:"\f17c"}.fa-glide:before{content:"\f2a5"}.fa-linkedin:before{content:"\f08c"}.fa-hubspot:before{content:"\f3b2"}.fa-deploydog:before{content:"\f38e"}.fa-twitch:before{content:"\f1e8"}.fa-ravelry:before{content:"\f2d9"}.fa-mixer:before{content:"\e056"}.fa-square-lastfm:before{content:"\f203"}.fa-lastfm-square:before{content:"\f203"}.fa-vimeo:before{content:"\f40a"}.fa-mendeley:before{content:"\f7b3"}.fa-uniregistry:before{content:"\f404"}.fa-figma:before{content:"\f799"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-dropbox:before{content:"\f16b"}.fa-instagram:before{content:"\f16d"}.fa-cmplid:before{content:"\e360"}.fa-facebook:before{content:"\f09a"}.fa-gripfire:before{content:"\f3ac"}.fa-jedi-order:before{content:"\f50e"}.fa-uikit:before{content:"\f403"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-phabricator:before{content:"\f3db"}.fa-ussunnah:before{content:"\f407"}.fa-earlybirds:before{content:"\f39a"}.fa-trade-federation:before{content:"\f513"}.fa-autoprefixer:before{content:"\f41c"}.fa-whatsapp:before{content:"\f232"}.fa-slideshare:before{content:"\f1e7"}.fa-google-play:before{content:"\f3ab"}.fa-viadeo:before{content:"\f2a9"}.fa-line:before{content:"\f3c0"}.fa-google-drive:before{content:"\f3aa"}.fa-servicestack:before{content:"\f3ec"}.fa-simplybuilt:before{content:"\f215"}.fa-bitbucket:before{content:"\f171"}.fa-imdb:before{content:"\f2d8"}.fa-deezer:before{content:"\e077"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-jira:before{content:"\f7b1"}.fa-docker:before{content:"\f395"}.fa-screenpal:before{content:"\e570"}.fa-bluetooth:before{content:"\f293"}.fa-gitter:before{content:"\f426"}.fa-d-and-d:before{content:"\f38d"}.fa-microblog:before{content:"\e01a"}.fa-cc-diners-club:before{content:"\f24c"}.fa-gg-circle:before{content:"\f261"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-yandex:before{content:"\f413"}.fa-readme:before{content:"\f4d5"}.fa-html5:before{content:"\f13b"}.fa-sellsy:before{content:"\f213"}.fa-sass:before{content:"\f41e"}.fa-wirsindhandwerk:before{content:"\e2d0"}.fa-wsh:before{content:"\e2d0"}.fa-buromobelexperte:before{content:"\f37f"}.fa-salesforce:before{content:"\f83b"}.fa-octopus-deploy:before{content:"\e082"}.fa-medapps:before{content:"\f3c6"}.fa-ns8:before{content:"\f3d5"}.fa-pinterest-p:before{content:"\f231"}.fa-apper:before{content:"\f371"}.fa-fort-awesome:before{content:"\f286"}.fa-waze:before{content:"\f83f"}.fa-cc-jcb:before{content:"\f24b"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ab"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-rust:before{content:"\e07a"}.fa-wix:before{content:"\f5cf"}.fa-square-behance:before{content:"\f1b5"}.fa-behance-square:before{content:"\f1b5"}.fa-supple:before{content:"\f3f9"}.fa-rebel:before{content:"\f1d0"}.fa-css3:before{content:"\f13c"}.fa-staylinked:before{content:"\f3f5"}.fa-kaggle:before{content:"\f5fa"}.fa-space-awesome:before{content:"\e5ac"}.fa-deviantart:before{content:"\f1bd"}.fa-cpanel:before{content:"\f388"}.fa-goodreads-g:before{content:"\f3a9"}.fa-square-git:before{content:"\f1d2"}.fa-git-square:before{content:"\f1d2"}.fa-square-tumblr:before{content:"\f174"}.fa-tumblr-square:before{content:"\f174"}.fa-trello:before{content:"\f181"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-get-pocket:before{content:"\f265"}.fa-perbyte:before{content:"\e083"}.fa-grunt:before{content:"\f3ad"}.fa-weebly:before{content:"\f5cc"}.fa-connectdevelop:before{content:"\f20e"}.fa-leanpub:before{content:"\f212"}.fa-black-tie:before{content:"\f27e"}.fa-themeco:before{content:"\f5c6"}.fa-python:before{content:"\f3e2"}.fa-android:before{content:"\f17b"}.fa-bots:before{content:"\e340"}.fa-free-code-camp:before{content:"\f2c5"}.fa-hornbill:before{content:"\f592"}.fa-js:before{content:"\f3b8"}.fa-ideal:before{content:"\e013"}.fa-git:before{content:"\f1d3"}.fa-dev:before{content:"\f6cc"}.fa-sketch:before{content:"\f7c6"}.fa-yandex-international:before{content:"\f414"}.fa-cc-amex:before{content:"\f1f3"}.fa-uber:before{content:"\f402"}.fa-github:before{content:"\f09b"}.fa-php:before{content:"\f457"}.fa-alipay:before{content:"\f642"}.fa-youtube:before{content:"\f167"}.fa-skyatlas:before{content:"\f216"}.fa-firefox-browser:before{content:"\e007"}.fa-replyd:before{content:"\f3e6"}.fa-suse:before{content:"\f7d6"}.fa-jenkins:before{content:"\f3b6"}.fa-twitter:before{content:"\f099"}.fa-rockrms:before{content:"\f3e9"}.fa-pinterest:before{content:"\f0d2"}.fa-buffer:before{content:"\f837"}.fa-npm:before{content:"\f3d4"}.fa-yammer:before{content:"\f840"}.fa-btc:before{content:"\f15a"}.fa-dribbble:before{content:"\f17d"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-internet-explorer:before{content:"\f26b"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f2c6"}.fa-old-republic:before{content:"\f510"}.fa-square-whatsapp:before{content:"\f40c"}.fa-whatsapp-square:before{content:"\f40c"}.fa-node-js:before{content:"\f3d3"}.fa-edge-legacy:before{content:"\e078"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f198"}.fa-medrt:before{content:"\f3c8"}.fa-usb:before{content:"\f287"}.fa-tumblr:before{content:"\f173"}.fa-vaadin:before{content:"\f408"}.fa-quora:before{content:"\f2c4"}.fa-reacteurope:before{content:"\f75d"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f23a"}.fa-amilia:before{content:"\f36d"}.fa-mixcloud:before{content:"\f289"}.fa-flipboard:before{content:"\f44d"}.fa-viacoin:before{content:"\f237"}.fa-critical-role:before{content:"\f6c9"}.fa-sitrox:before{content:"\e44a"}.fa-discourse:before{content:"\f393"}.fa-joomla:before{content:"\f1aa"}.fa-mastodon:before{content:"\f4f6"}.fa-airbnb:before{content:"\f834"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-buy-n-large:before{content:"\f8a6"}.fa-gulp:before{content:"\f3ae"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-strava:before{content:"\f428"}.fa-ember:before{content:"\f423"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-teamspeak:before{content:"\f4f9"}.fa-pushed:before{content:"\f3e1"}.fa-wordpress-simple:before{content:"\f411"}.fa-nutritionix:before{content:"\f3d6"}.fa-wodu:before{content:"\e088"}.fa-google-pay:before{content:"\e079"}.fa-intercom:before{content:"\f7af"}.fa-zhihu:before{content:"\f63f"}.fa-korvue:before{content:"\f42f"}.fa-pix:before{content:"\e43a"}.fa-steam-symbol:before{content:"\f3f6"}:root,:host{--fa-style-family-classic:'Font Awesome 6 Free';--fa-font-regular:normal 400 1em/1 'Font Awesome 6 Free'}@font-face{font-display:swap;font-family:'Font Awesome 6 Free';font-style:normal;font-weight:400;src:url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-regular-400.woff2') format("woff2"),url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-regular-400.ttf') format("truetype")}.far,.fa-regular{font-weight:400}:root,:host{--fa-style-family-classic:'Font Awesome 6 Free';--fa-font-solid:normal 900 1em/1 'Font Awesome 6 Free'}@font-face{font-display:swap;font-family:'Font Awesome 6 Free';font-style:normal;font-weight:900;src:url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-solid-900.woff2') format("woff2"),url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-solid-900.ttf') format("truetype")}.fas,.fa-solid{font-weight:900}@font-face{font-display:swap;font-family:'Font Awesome 5 Brands';font-weight:400;src:url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-brands-400.woff2') format("woff2"),url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-brands-400.ttf') format("truetype")}@font-face{font-display:swap;font-family:'Font Awesome 5 Free';font-weight:900;src:url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-solid-900.woff2') format("woff2"),url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-solid-900.ttf') format("truetype")}@font-face{font-display:swap;font-family:'Font Awesome 5 Free';font-weight:400;src:url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-regular-400.woff2') format("woff2"),url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-regular-400.ttf') format("truetype")}@font-face{font-display:swap;font-family:'FontAwesome';src:url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-solid-900.woff2') format("woff2"),url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-solid-900.ttf') format("truetype")}@font-face{font-display:swap;font-family:'FontAwesome';src:url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-brands-400.woff2') format("woff2"),url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-brands-400.ttf') format("truetype")}@font-face{font-display:swap;font-family:'FontAwesome';src:url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-regular-400.woff2') format("woff2"),url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-regular-400.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-display:swap;font-family:'FontAwesome';src:url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-v4compatibility.woff2') format("woff2"),url('/bitrix/js/ui/fontawesome4/css/../webfonts/fa-v4compatibility.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}

/* /bitrix/js/ui/fontawesome4/css/v4-shims.css */
.fa.fa-glass:before{content:"\f000"}.fa.fa-envelope-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-envelope-o:before{content:"\f0e0"}.fa.fa-star-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-star-o:before{content:"\f005"}.fa.fa-remove:before{content:"\f00d"}.fa.fa-close:before{content:"\f00d"}.fa.fa-gear:before{content:"\f013"}.fa.fa-trash-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-trash-o:before{content:"\f2ed"}.fa.fa-home:before{content:"\f015"}.fa.fa-file-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-o:before{content:"\f15b"}.fa.fa-clock-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-clock-o:before{content:"\f017"}.fa.fa-arrow-circle-o-down{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-arrow-circle-o-down:before{content:"\f358"}.fa.fa-arrow-circle-o-up{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-arrow-circle-o-up:before{content:"\f35b"}.fa.fa-play-circle-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-play-circle-o:before{content:"\f144"}.fa.fa-repeat:before{content:"\f01e"}.fa.fa-rotate-right:before{content:"\f01e"}.fa.fa-refresh:before{content:"\f021"}.fa.fa-list-alt{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-list-alt:before{content:"\f022"}.fa.fa-dedent:before{content:"\f03b"}.fa.fa-video-camera:before{content:"\f03d"}.fa.fa-picture-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-picture-o:before{content:"\f03e"}.fa.fa-photo{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-photo:before{content:"\f03e"}.fa.fa-image{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-image:before{content:"\f03e"}.fa.fa-map-marker:before{content:"\f3c5"}.fa.fa-pencil-square-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-pencil-square-o:before{content:"\f044"}.fa.fa-edit{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-edit:before{content:"\f044"}.fa.fa-share-square-o:before{content:"\f14d"}.fa.fa-check-square-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-check-square-o:before{content:"\f14a"}.fa.fa-arrows:before{content:"\f0b2"}.fa.fa-times-circle-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-times-circle-o:before{content:"\f057"}.fa.fa-check-circle-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-check-circle-o:before{content:"\f058"}.fa.fa-mail-forward:before{content:"\f064"}.fa.fa-expand:before{content:"\f424"}.fa.fa-compress:before{content:"\f422"}.fa.fa-eye{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-eye-slash{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-warning:before{content:"\f071"}.fa.fa-calendar:before{content:"\f073"}.fa.fa-arrows-v:before{content:"\f338"}.fa.fa-arrows-h:before{content:"\f337"}.fa.fa-bar-chart:before{content:"\e0e3"}.fa.fa-bar-chart-o:before{content:"\e0e3"}.fa.fa-twitter-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-twitter-square:before{content:"\f081"}.fa.fa-facebook-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-facebook-square:before{content:"\f082"}.fa.fa-gears:before{content:"\f085"}.fa.fa-thumbs-o-up{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-thumbs-o-up:before{content:"\f164"}.fa.fa-thumbs-o-down{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-thumbs-o-down:before{content:"\f165"}.fa.fa-heart-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-heart-o:before{content:"\f004"}.fa.fa-sign-out:before{content:"\f2f5"}.fa.fa-linkedin-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-linkedin-square:before{content:"\f08c"}.fa.fa-thumb-tack:before{content:"\f08d"}.fa.fa-external-link:before{content:"\f35d"}.fa.fa-sign-in:before{content:"\f2f6"}.fa.fa-github-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-github-square:before{content:"\f092"}.fa.fa-lemon-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-lemon-o:before{content:"\f094"}.fa.fa-square-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-square-o:before{content:"\f0c8"}.fa.fa-bookmark-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-bookmark-o:before{content:"\f02e"}.fa.fa-twitter{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-facebook{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-facebook:before{content:"\f39e"}.fa.fa-facebook-f{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-facebook-f:before{content:"\f39e"}.fa.fa-github{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-credit-card{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-feed:before{content:"\f09e"}.fa.fa-hdd-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hdd-o:before{content:"\f0a0"}.fa.fa-hand-o-right{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hand-o-right:before{content:"\f0a4"}.fa.fa-hand-o-left{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hand-o-left:before{content:"\f0a5"}.fa.fa-hand-o-up{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hand-o-up:before{content:"\f0a6"}.fa.fa-hand-o-down{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hand-o-down:before{content:"\f0a7"}.fa.fa-globe:before{content:"\f57d"}.fa.fa-tasks:before{content:"\f828"}.fa.fa-arrows-alt:before{content:"\f31e"}.fa.fa-group:before{content:"\f0c0"}.fa.fa-chain:before{content:"\f0c1"}.fa.fa-cut:before{content:"\f0c4"}.fa.fa-files-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-files-o:before{content:"\f0c5"}.fa.fa-floppy-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-floppy-o:before{content:"\f0c7"}.fa.fa-save{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-save:before{content:"\f0c7"}.fa.fa-navicon:before{content:"\f0c9"}.fa.fa-reorder:before{content:"\f0c9"}.fa.fa-magic:before{content:"\e2ca"}.fa.fa-pinterest{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-pinterest-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-pinterest-square:before{content:"\f0d3"}.fa.fa-google-plus-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-google-plus-square:before{content:"\f0d4"}.fa.fa-google-plus{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-google-plus:before{content:"\f0d5"}.fa.fa-money:before{content:"\f3d1"}.fa.fa-unsorted:before{content:"\f0dc"}.fa.fa-sort-desc:before{content:"\f0dd"}.fa.fa-sort-asc:before{content:"\f0de"}.fa.fa-linkedin{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-linkedin:before{content:"\f0e1"}.fa.fa-rotate-left:before{content:"\f0e2"}.fa.fa-legal:before{content:"\f0e3"}.fa.fa-tachometer:before{content:"\f625"}.fa.fa-dashboard:before{content:"\f625"}.fa.fa-comment-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-comment-o:before{content:"\f075"}.fa.fa-comments-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-comments-o:before{content:"\f086"}.fa.fa-flash:before{content:"\f0e7"}.fa.fa-clipboard:before{content:"\f0ea"}.fa.fa-lightbulb-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-lightbulb-o:before{content:"\f0eb"}.fa.fa-exchange:before{content:"\f362"}.fa.fa-cloud-download:before{content:"\f0ed"}.fa.fa-cloud-upload:before{content:"\f0ee"}.fa.fa-bell-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-bell-o:before{content:"\f0f3"}.fa.fa-cutlery:before{content:"\f2e7"}.fa.fa-file-text-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-text-o:before{content:"\f15c"}.fa.fa-building-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-building-o:before{content:"\f1ad"}.fa.fa-hospital-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hospital-o:before{content:"\f0f8"}.fa.fa-tablet:before{content:"\f3fa"}.fa.fa-mobile:before{content:"\f3cd"}.fa.fa-mobile-phone:before{content:"\f3cd"}.fa.fa-circle-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-circle-o:before{content:"\f111"}.fa.fa-mail-reply:before{content:"\f3e5"}.fa.fa-github-alt{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-folder-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-folder-o:before{content:"\f07b"}.fa.fa-folder-open-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-folder-open-o:before{content:"\f07c"}.fa.fa-smile-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-smile-o:before{content:"\f118"}.fa.fa-frown-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-frown-o:before{content:"\f119"}.fa.fa-meh-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-meh-o:before{content:"\f11a"}.fa.fa-keyboard-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-keyboard-o:before{content:"\f11c"}.fa.fa-flag-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-flag-o:before{content:"\f024"}.fa.fa-mail-reply-all:before{content:"\f122"}.fa.fa-star-half-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-star-half-o:before{content:"\f5c0"}.fa.fa-star-half-empty{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-star-half-empty:before{content:"\f5c0"}.fa.fa-star-half-full{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-star-half-full:before{content:"\f5c0"}.fa.fa-code-fork:before{content:"\f126"}.fa.fa-chain-broken:before{content:"\f127"}.fa.fa-unlink:before{content:"\f127"}.fa.fa-calendar-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-calendar-o:before{content:"\f133"}.fa.fa-maxcdn{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-html5{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-css3{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-unlock-alt:before{content:"\f09c"}.fa.fa-minus-square-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-minus-square-o:before{content:"\f146"}.fa.fa-level-up:before{content:"\f3bf"}.fa.fa-level-down:before{content:"\f3be"}.fa.fa-pencil-square:before{content:"\f14b"}.fa.fa-external-link-square:before{content:"\f360"}.fa.fa-compass{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-caret-square-o-down{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-caret-square-o-down:before{content:"\f150"}.fa.fa-toggle-down{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-toggle-down:before{content:"\f150"}.fa.fa-caret-square-o-up{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-caret-square-o-up:before{content:"\f151"}.fa.fa-toggle-up{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-toggle-up:before{content:"\f151"}.fa.fa-caret-square-o-right{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-caret-square-o-right:before{content:"\f152"}.fa.fa-toggle-right{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-toggle-right:before{content:"\f152"}.fa.fa-eur:before{content:"\f153"}.fa.fa-euro:before{content:"\f153"}.fa.fa-gbp:before{content:"\f154"}.fa.fa-usd:before{content:"\24"}.fa.fa-dollar:before{content:"\24"}.fa.fa-inr:before{content:"\e1bc"}.fa.fa-rupee:before{content:"\e1bc"}.fa.fa-jpy:before{content:"\f157"}.fa.fa-cny:before{content:"\f157"}.fa.fa-rmb:before{content:"\f157"}.fa.fa-yen:before{content:"\f157"}.fa.fa-rub:before{content:"\f158"}.fa.fa-ruble:before{content:"\f158"}.fa.fa-rouble:before{content:"\f158"}.fa.fa-krw:before{content:"\f159"}.fa.fa-won:before{content:"\f159"}.fa.fa-btc{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-bitcoin{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-bitcoin:before{content:"\f15a"}.fa.fa-file-text:before{content:"\f15c"}.fa.fa-sort-alpha-asc:before{content:"\f15d"}.fa.fa-sort-alpha-desc:before{content:"\f881"}.fa.fa-sort-amount-asc:before{content:"\f884"}.fa.fa-sort-amount-desc:before{content:"\f160"}.fa.fa-sort-numeric-asc:before{content:"\f162"}.fa.fa-sort-numeric-desc:before{content:"\f886"}.fa.fa-youtube-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-youtube-square:before{content:"\f431"}.fa.fa-youtube{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-xing{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-xing-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-xing-square:before{content:"\f169"}.fa.fa-youtube-play{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-youtube-play:before{content:"\f167"}.fa.fa-dropbox{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-stack-overflow{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-instagram{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-flickr{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-adn{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-bitbucket{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-bitbucket-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-bitbucket-square:before{content:"\f171"}.fa.fa-tumblr{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-tumblr-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-tumblr-square:before{content:"\f174"}.fa.fa-long-arrow-down:before{content:"\f309"}.fa.fa-long-arrow-up:before{content:"\f30c"}.fa.fa-long-arrow-left:before{content:"\f30a"}.fa.fa-long-arrow-right:before{content:"\f30b"}.fa.fa-apple{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-windows{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-android{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-linux{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-dribbble{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-skype{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-foursquare{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-trello{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-gratipay{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-gittip{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-gittip:before{content:"\f184"}.fa.fa-sun-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-sun-o:before{content:"\f185"}.fa.fa-moon-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-moon-o:before{content:"\f186"}.fa.fa-vk{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-weibo{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-renren{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-pagelines{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-stack-exchange{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-arrow-circle-o-right{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-arrow-circle-o-right:before{content:"\f35a"}.fa.fa-arrow-circle-o-left{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-arrow-circle-o-left:before{content:"\f359"}.fa.fa-caret-square-o-left{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-caret-square-o-left:before{content:"\f191"}.fa.fa-toggle-left{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-toggle-left:before{content:"\f191"}.fa.fa-dot-circle-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-dot-circle-o:before{content:"\f192"}.fa.fa-vimeo-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-vimeo-square:before{content:"\f194"}.fa.fa-try:before{content:"\e2bb"}.fa.fa-turkish-lira:before{content:"\e2bb"}.fa.fa-plus-square-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-plus-square-o:before{content:"\f0fe"}.fa.fa-slack{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-wordpress{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-openid{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-institution:before{content:"\f19c"}.fa.fa-bank:before{content:"\f19c"}.fa.fa-mortar-board:before{content:"\f19d"}.fa.fa-yahoo{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-google{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-reddit{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-reddit-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-reddit-square:before{content:"\f1a2"}.fa.fa-stumbleupon-circle{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-stumbleupon{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-delicious{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-digg{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-pied-piper-pp{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-pied-piper-alt{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-drupal{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-joomla{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-behance{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-behance-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-behance-square:before{content:"\f1b5"}.fa.fa-steam{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-steam-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-steam-square:before{content:"\f1b7"}.fa.fa-automobile:before{content:"\f1b9"}.fa.fa-cab:before{content:"\f1ba"}.fa.fa-spotify{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-deviantart{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-soundcloud{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-file-pdf-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-pdf-o:before{content:"\f1c1"}.fa.fa-file-word-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-word-o:before{content:"\f1c2"}.fa.fa-file-excel-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-excel-o:before{content:"\f1c3"}.fa.fa-file-powerpoint-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-powerpoint-o:before{content:"\f1c4"}.fa.fa-file-image-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-image-o:before{content:"\f1c5"}.fa.fa-file-photo-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-photo-o:before{content:"\f1c5"}.fa.fa-file-picture-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-picture-o:before{content:"\f1c5"}.fa.fa-file-archive-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-archive-o:before{content:"\f1c6"}.fa.fa-file-zip-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-zip-o:before{content:"\f1c6"}.fa.fa-file-audio-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-audio-o:before{content:"\f1c7"}.fa.fa-file-sound-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-sound-o:before{content:"\f1c7"}.fa.fa-file-video-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-video-o:before{content:"\f1c8"}.fa.fa-file-movie-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-movie-o:before{content:"\f1c8"}.fa.fa-file-code-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-file-code-o:before{content:"\f1c9"}.fa.fa-vine{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-codepen{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-jsfiddle{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-life-bouy:before{content:"\f1cd"}.fa.fa-life-buoy:before{content:"\f1cd"}.fa.fa-life-saver:before{content:"\f1cd"}.fa.fa-support:before{content:"\f1cd"}.fa.fa-circle-o-notch:before{content:"\f1ce"}.fa.fa-rebel{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-ra{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-ra:before{content:"\f1d0"}.fa.fa-resistance{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-resistance:before{content:"\f1d0"}.fa.fa-empire{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-ge{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-ge:before{content:"\f1d1"}.fa.fa-git-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-git-square:before{content:"\f1d2"}.fa.fa-git{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-hacker-news{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-y-combinator-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-y-combinator-square:before{content:"\f1d4"}.fa.fa-yc-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-yc-square:before{content:"\f1d4"}.fa.fa-tencent-weibo{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-qq{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-weixin{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-wechat{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-wechat:before{content:"\f1d7"}.fa.fa-send:before{content:"\f1d8"}.fa.fa-paper-plane-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-paper-plane-o:before{content:"\f1d8"}.fa.fa-send-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-send-o:before{content:"\f1d8"}.fa.fa-circle-thin{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-circle-thin:before{content:"\f111"}.fa.fa-header:before{content:"\f1dc"}.fa.fa-futbol-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-futbol-o:before{content:"\f1e3"}.fa.fa-soccer-ball-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-soccer-ball-o:before{content:"\f1e3"}.fa.fa-slideshare{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-twitch{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-yelp{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-newspaper-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-newspaper-o:before{content:"\f1ea"}.fa.fa-paypal{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-google-wallet{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-cc-visa{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-cc-mastercard{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-cc-discover{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-cc-amex{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-cc-paypal{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-cc-stripe{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-bell-slash-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-bell-slash-o:before{content:"\f1f6"}.fa.fa-trash:before{content:"\f2ed"}.fa.fa-copyright{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-eyedropper:before{content:"\f1fb"}.fa.fa-area-chart:before{content:"\f1fe"}.fa.fa-pie-chart:before{content:"\f200"}.fa.fa-line-chart:before{content:"\f201"}.fa.fa-lastfm{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-lastfm-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-lastfm-square:before{content:"\f203"}.fa.fa-ioxhost{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-angellist{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-cc{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-cc:before{content:"\f20a"}.fa.fa-ils:before{content:"\f20b"}.fa.fa-shekel:before{content:"\f20b"}.fa.fa-sheqel:before{content:"\f20b"}.fa.fa-buysellads{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-connectdevelop{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-dashcube{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-forumbee{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-leanpub{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-sellsy{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-shirtsinbulk{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-simplybuilt{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-skyatlas{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-diamond{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-diamond:before{content:"\f3a5"}.fa.fa-transgender:before{content:"\f224"}.fa.fa-intersex:before{content:"\f224"}.fa.fa-transgender-alt:before{content:"\f225"}.fa.fa-facebook-official{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-facebook-official:before{content:"\f09a"}.fa.fa-pinterest-p{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-whatsapp{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-hotel:before{content:"\f236"}.fa.fa-viacoin{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-medium{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-y-combinator{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-yc{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-yc:before{content:"\f23b"}.fa.fa-optin-monster{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-opencart{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-expeditedssl{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-battery-4:before{content:"\f240"}.fa.fa-battery:before{content:"\f240"}.fa.fa-battery-3:before{content:"\f241"}.fa.fa-battery-2:before{content:"\f242"}.fa.fa-battery-1:before{content:"\f243"}.fa.fa-battery-0:before{content:"\f244"}.fa.fa-object-group{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-object-ungroup{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-sticky-note-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-sticky-note-o:before{content:"\f249"}.fa.fa-cc-jcb{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-cc-diners-club{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-clone{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hourglass-o:before{content:"\f254"}.fa.fa-hourglass-1:before{content:"\f251"}.fa.fa-hourglass-2:before{content:"\f252"}.fa.fa-hourglass-3:before{content:"\f253"}.fa.fa-hand-rock-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hand-rock-o:before{content:"\f255"}.fa.fa-hand-grab-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hand-grab-o:before{content:"\f255"}.fa.fa-hand-paper-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hand-paper-o:before{content:"\f256"}.fa.fa-hand-stop-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hand-stop-o:before{content:"\f256"}.fa.fa-hand-scissors-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hand-scissors-o:before{content:"\f257"}.fa.fa-hand-lizard-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hand-lizard-o:before{content:"\f258"}.fa.fa-hand-spock-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hand-spock-o:before{content:"\f259"}.fa.fa-hand-pointer-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hand-pointer-o:before{content:"\f25a"}.fa.fa-hand-peace-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-hand-peace-o:before{content:"\f25b"}.fa.fa-registered{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-creative-commons{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-gg{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-gg-circle{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-odnoklassniki{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-odnoklassniki-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-odnoklassniki-square:before{content:"\f264"}.fa.fa-get-pocket{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-wikipedia-w{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-safari{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-chrome{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-firefox{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-opera{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-internet-explorer{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-television:before{content:"\f26c"}.fa.fa-contao{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-500px{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-amazon{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-calendar-plus-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-calendar-plus-o:before{content:"\f271"}.fa.fa-calendar-minus-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-calendar-minus-o:before{content:"\f272"}.fa.fa-calendar-times-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-calendar-times-o:before{content:"\f273"}.fa.fa-calendar-check-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-calendar-check-o:before{content:"\f274"}.fa.fa-map-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-map-o:before{content:"\f279"}.fa.fa-commenting:before{content:"\f4ad"}.fa.fa-commenting-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-commenting-o:before{content:"\f4ad"}.fa.fa-houzz{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-vimeo{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-vimeo:before{content:"\f27d"}.fa.fa-black-tie{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-fonticons{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-reddit-alien{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-edge{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-credit-card-alt:before{content:"\f09d"}.fa.fa-codiepie{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-modx{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-fort-awesome{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-usb{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-product-hunt{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-mixcloud{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-scribd{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-pause-circle-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-pause-circle-o:before{content:"\f28b"}.fa.fa-stop-circle-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-stop-circle-o:before{content:"\f28d"}.fa.fa-bluetooth{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-bluetooth-b{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-gitlab{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-wpbeginner{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-wpforms{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-envira{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-wheelchair-alt{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-wheelchair-alt:before{content:"\f368"}.fa.fa-question-circle-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-question-circle-o:before{content:"\f059"}.fa.fa-volume-control-phone:before{content:"\f2a0"}.fa.fa-asl-interpreting:before{content:"\f2a3"}.fa.fa-deafness:before{content:"\f2a4"}.fa.fa-hard-of-hearing:before{content:"\f2a4"}.fa.fa-glide{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-glide-g{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-signing:before{content:"\f2a7"}.fa.fa-viadeo{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-viadeo-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-viadeo-square:before{content:"\f2aa"}.fa.fa-snapchat{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-snapchat-ghost{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-snapchat-ghost:before{content:"\f2ab"}.fa.fa-snapchat-square{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-snapchat-square:before{content:"\f2ad"}.fa.fa-pied-piper{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-first-order{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-yoast{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-themeisle{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-google-plus-official{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-google-plus-official:before{content:"\f2b3"}.fa.fa-google-plus-circle{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-google-plus-circle:before{content:"\f2b3"}.fa.fa-font-awesome{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-fa{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-fa:before{content:"\f2b4"}.fa.fa-handshake-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-handshake-o:before{content:"\f2b5"}.fa.fa-envelope-open-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-envelope-open-o:before{content:"\f2b6"}.fa.fa-linode{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-address-book-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-address-book-o:before{content:"\f2b9"}.fa.fa-vcard:before{content:"\f2bb"}.fa.fa-address-card-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-address-card-o:before{content:"\f2bb"}.fa.fa-vcard-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-vcard-o:before{content:"\f2bb"}.fa.fa-user-circle-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-user-circle-o:before{content:"\f2bd"}.fa.fa-user-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-user-o:before{content:"\f007"}.fa.fa-id-badge{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-drivers-license:before{content:"\f2c2"}.fa.fa-id-card-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-id-card-o:before{content:"\f2c2"}.fa.fa-drivers-license-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-drivers-license-o:before{content:"\f2c2"}.fa.fa-quora{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-free-code-camp{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-telegram{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-thermometer-4:before{content:"\f2c7"}.fa.fa-thermometer:before{content:"\f2c7"}.fa.fa-thermometer-3:before{content:"\f2c8"}.fa.fa-thermometer-2:before{content:"\f2c9"}.fa.fa-thermometer-1:before{content:"\f2ca"}.fa.fa-thermometer-0:before{content:"\f2cb"}.fa.fa-bathtub:before{content:"\f2cd"}.fa.fa-s15:before{content:"\f2cd"}.fa.fa-window-maximize{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-window-restore{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-times-rectangle:before{content:"\f410"}.fa.fa-window-close-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-window-close-o:before{content:"\f410"}.fa.fa-times-rectangle-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-times-rectangle-o:before{content:"\f410"}.fa.fa-bandcamp{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-grav{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-etsy{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-imdb{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-ravelry{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-eercast{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-eercast:before{content:"\f2da"}.fa.fa-snowflake-o{font-family:'Font Awesome 6 Free';font-weight:400}.fa.fa-snowflake-o:before{content:"\f2dc"}.fa.fa-superpowers{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-wpexplorer{font-family:'Font Awesome 6 Brands';font-weight:400}.fa.fa-meetup{font-family:'Font Awesome 6 Brands';font-weight:400}

/* /bitrix/js/citrus.core/bower_components/magnific-popup/dist/magnific-popup.css */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:900;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:901;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:903}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:902}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:904;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:0.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:0.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

/* /bitrix/js/citrus.core/citrus/popup/popup.css */
@media all{.mfp-wrap{-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0)}html.mfp-helper{height:100%}html.mfp-helper body{overflow:hidden;height:100%;-webkit-transform:translateZ(0)}.modal-header{border-radius:3px 3px 0 0;padding:10px;display:flex;align-items:center}.modal-header{background-color:var(--primary-color,#a00)}.modal-body{background-color:#fff;padding:20px}.modal-content{-webkit-box-shadow:0 2px 10px rgba(0,0,0,.35);box-shadow:0 2px 10px rgba(0,0,0,.35);position:relative;margin:30px auto}.modal-footer{background-color:#fff;border-radius:0 0 3px 3px;padding:0 20px 20px}.modal-w-400{max-width:400px}.modal-w-900{max-width:900px}.modal-title,.btn.modal-close-btn{display:block;vertical-align:middle;color:#fff;opacity:1}.modal-title{font-size:18px;font-weight:600;overflow:hidden;line-height:2.2;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;width:calc(100% - 40px)}.btn.modal-close-btn{display:flex;border-radius:100%;width:40px;height:40px;font-size:20px}.bx-no-touch .btn.modal-close-btn:hover,.btn.modal-close-btn:active{background-color:rgba(0,0,0,.1)}.modal-close-btn__icon{line-height:1}.modal-close-btn__icon>svg{fill:currentColor;width:1em;height:1em;font-size:20px}.modal-pdf{width:840px;max-width:100%}.mfp-s-loading .mfp-preloader{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.50);z-index:20;animation:fade-in .15s}.mfp-preloader>svg.loading-icon{font-size:10px;max-width:30%;max-height:30%;width:6em;height:6em;animation:ui-progress-circular-rotate .7s linear infinite;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;transform-origin:center center}.mfp-preloader>svg.loading-icon circle{stroke-dasharray:89,200;stroke-dashoffset:-35px;stroke-linecap:round;stroke:currentColor}}@media screen and (max-width:767px){.modal-content{margin:0;box-shadow:none;max-width:100%}.modal-header{border-radius:0}.modal-title{font-size:17px}.modal-footer{border-radius:0}.mfp-container{padding:0}.mfp-container:before{display:none}.mfp-content{background-color:#fff;height:100%}}@media all{@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes ui-progress-circular-rotate{to{transform:rotate(1turn)}}}

/* /bitrix/js/ui/design-tokens/air/dist/air-design-tokens.css */
:root,.--ui-context-content-light{--ui-color-base-0:#000000;--ui-color-base-1:#333333;--ui-color-base-2:#525C69;--ui-color-base-3:#828B95;--ui-color-base-4:#A8ADB4;--ui-color-base-5:#C9CCD0;--ui-color-base-6:#DFE0E3;--ui-color-base-7:#EDEEF0;--ui-color-base-8:#FFFFFF;--ui-color-base-black-fixed:#000000;--ui-color-bg-content-primary:#FFFFFF;--ui-color-base-white-fixed:#FFFFFF;--ui-color-divider-accent:#E2E2E2;--ui-color-divider-default:#F0F0F0;--ui-color-divider-less:#F7F7F7;--ui-color-divider-vibrant-accent-more:#00000026;--ui-color-divider-vibrant-accent:#00000014;--ui-color-divider-vibrant-default:#0000000D;--ui-color-divider-vibrant-less:#00000008;--ui-color-divider-vibrant-accent-more-alt:#FFFFFF26;--ui-color-divider-vibrant-accent-alt:#FFFFFF17;--ui-color-divider-vibrant-default-alt:#FFFFFF0F;--ui-color-divider-vibrant-less-alt:#FFFFFF0A;--ui-color-divider-optical-1:#00000000;--ui-color-divider-optical-1-alt:#0000000D;--ui-color-divider-optical-2:#FFFFFF00;--ui-divider-optical-1-weight:0px;--ui-divider-optical-2-weight:0px;--ui-color-divider-optical-on-overlay:#FFFFFF00;--ui-color-bg-content-secondary:#FAFCFD;--ui-divider-optical-on-overlay-weight:0px;--ui-color-bg-content-tertiary:#EEF2F4;--ui-color-bg-vibrant-accent:#FFFFFFF5;--ui-color-bg-state-hover-default-hex:#000000;--ui-color-bg-state-hover-default-opacity:3%;--ui-color-bg-state-hover-default:#00000008;--ui-color-bg-state-click-default-hex:#000000;--ui-color-bg-state-click-default-opacity:6%;--ui-color-bg-state-click-default:#0000000F;--ui-color-bg-state-hover-alt-hex:#FFFFFF;--ui-color-bg-state-hover-alt-opacity:7%;--ui-color-bg-state-hover-alt:#FFFFFF12;--ui-color-bg-state-click-alt-hex:#FFFFFF;--ui-color-bg-state-click-alt-opacity:14%;--ui-color-bg-state-click-alt:#FFFFFF24;--ui-color-bg-state-hover-default-overlay-hex:#000000;--ui-color-bg-state-hover-default-overlay-opacity:20%;--ui-color-bg-state-hover-default-overlay:#00000033;--ui-color-bg-state-click-default-overlay-hex:#000000;--ui-color-bg-state-click-default-overlay-opacity:32%;--ui-color-bg-state-click-default-overlay:#00000052;--ui-color-bg-state-hover-alt-overlay-hex:#FFFFFF;--ui-color-bg-state-hover-alt-overlay-opacity:35%;--ui-color-bg-state-hover-alt-overlay:#FFFFFF59;--ui-color-bg-state-click-alt-overlay-hex:#FFFFFF;--ui-color-bg-state-click-alt-overlay-opacity:50%;--ui-color-bg-state-click-alt-overlay:#FFFFFF80;--ui-color-bg-vibrant-default:#FFFFFFEB;--ui-color-bg-vibrant-less:#FFFFFFDB;--ui-color-bg-vibrant-less-more:#FFFFFFCC;--ui-color-bg-content-inapp:#085DC1;--ui-color-bg-content-primary-layer:#FFFFFF;--ui-color-bg-content-light:#FFFFFF;--ui-bg-blur-content:none;--ui-bg-blur-vibrant:var(--ui-bg-blur-accent);--ui-color-accent-main-primary:#0075FF;--ui-color-design-filled-bg:var(--ui-color-accent-main-primary);--ui-color-design-filled-stroke:var(--ui-color-accent-main-primary);--ui-design-filled-stroke-weight:0px;--ui-color-design-filled-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-secondary:#FFFFFFB3;--ui-color-design-filled-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-icon-secondary:#B4DFFF;--ui-color-design-filled-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-divider:#FFFFFF3D;--ui-color-design-filled-success-bg:var(--ui-color-accent-main-success);--ui-color-design-filled-success-stroke:var(--ui-color-accent-main-success);--ui-design-filled-success-stroke-weight:0px;--ui-color-design-filled-success-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-divider:#FFFFFF3D;--ui-color-design-filled-alert-bg:var(--ui-color-accent-main-alert);--ui-color-design-filled-alert-stroke:var(--ui-color-accent-main-alert);--ui-design-filled-alert-stroke-weight:0px;--ui-color-design-filled-alert-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-secondary:#FFFFFFB3;--ui-color-design-filled-alert-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-icon-secondary:var(--ui-color-red-25);--ui-color-design-filled-alert-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-divider:#FFFFFF3D;--ui-color-design-filled-warning-bg:var(--ui-color-accent-main-warning);--ui-color-design-filled-black-bg:var(--ui-color-base-2);--ui-color-design-filled-black-stroke:var(--ui-color-base-2);--ui-design-filled-black-stroke-weight:0px;--ui-color-design-filled-black-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-divider:#FFFFFF3D;--ui-color-design-filled-warning-stroke:var(--ui-color-accent-main-warning);--ui-design-filled-warning-stroke-weight:0px;--ui-color-design-filled-warning-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-divider:#FFFFFF3D;--ui-color-design-filled-white-bg:#FAFAFC;--ui-color-design-filled-white-stroke:var(--ui-color-base-7);--ui-design-filled-white-stroke-weight:0px;--ui-color-design-filled-white-content:var(--ui-color-base-2);--ui-color-design-filled-white-content-icon:var(--ui-color-base-2);--ui-color-design-filled-white-content-chevron:var(--ui-color-base-2);--ui-color-design-filled-white-content-divider:var(--ui-color-base-7);--ui-color-design-filled-na-bg:var(--ui-color-base-4);--ui-color-design-filled-na-bg-secondary:var(--ui-color-base-5);--ui-color-design-filled-copilot-bg:var(--ui-color-copilot-accent-primary);--ui-color-design-filled-copilot-stroke:var(--ui-color-copilot-accent-primary);--ui-design-filled-copilot-stroke-weight:0px;--ui-color-design-filled-copilot-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-divider:#FFFFFF3D;--ui-color-design-filled-na-stroke:var(--ui-color-base-4);--ui-color-design-filled-na-stroke-secondary:var(--ui-color-base-5);--ui-design-filled-na-stroke-weight:0px;--ui-color-design-filled-na-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-divider:#FFFFFF3D;--ui-color-design-tinted-bg:var(--ui-color-accent-soft-blue-2);--ui-color-design-tinted-a1-bg:var(--ui-color-accent-main-primary-alt-2);--ui-color-design-tinted-a1-stroke:var(--ui-color-accent-main-primary-alt-2);--ui-design-tinted-a1-stroke-weight:0px;--ui-color-design-tinted-a1-content:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-divider:#FFFFFF3D;--ui-color-design-tinted-success-bg:var(--ui-color-accent-soft-green-2);--ui-color-design-tinted-success-stroke:var(--ui-color-accent-soft-green-2);--ui-design-tinted-success-stroke-weight:0px;--ui-color-design-tinted-success-content:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-icon:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-chevron:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-divider:#D0FFDC;--ui-color-design-tinted-bg-alt:var(--ui-color-accent-soft-blue-2);--ui-color-design-tinted-stroke:var(--ui-color-accent-soft-blue-2);--ui-design-tinted-stroke-weight:0px;--ui-color-design-tinted-content:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-icon:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-icon-secondary:#0154C880;--ui-color-design-tinted-content-chevron:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-divider:#D0E6FF;--ui-color-design-tinted-alert-bg:var(--ui-color-accent-soft-red-2);--ui-color-design-tinted-alert-stroke:var(--ui-color-accent-soft-red-2);--ui-design-tinted-alert-stroke-weight:0px;--ui-color-design-tinted-alert-content:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-icon:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-chevron:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-divider:#FFD0D0;--ui-color-design-tinted-warning-bg:var(--ui-color-accent-soft-orange-2);--ui-color-design-tinted-warning-stroke:var(--ui-color-accent-soft-orange-2);--ui-design-tinted-warning-stroke-weight:0px;--ui-color-design-tinted-warning-content:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-icon:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-chevron:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-divider:#FFEBD0;--ui-color-design-tinted-na-bg:var(--ui-color-base-7);--ui-color-design-tinted-na-stroke:var(--ui-color-base-7);--ui-design-tinted-na-stroke-weight:0px;--ui-color-design-tinted-na-content:var(--ui-color-base-3);--ui-color-design-tinted-na-content-icon:var(--ui-color-base-3);--ui-color-design-tinted-na-content-chevron:var(--ui-color-base-3);--ui-color-design-tinted-na-content-divider:var(--ui-color-base-7);--ui-color-design-outline-a1-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a1-stroke:var(--ui-color-accent-main-primary);--ui-design-outline-a1-stroke-weight:var(--ui-border-width-medium);--ui-color-design-outline-a1-content:var(--ui-color-base-1);--ui-color-design-outline-a1-content-icon:var(--ui-color-base-1);--ui-color-design-outline-a1-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-a1-content-divider:#D0E6FF;--ui-color-design-outline-a2-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a2-stroke:var(--ui-color-accent-main-primary-alt-2);--ui-design-outline-a2-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-a2-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-a2-content:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-divider:#D0E6FF;--ui-color-design-outline-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-stroke:var(--ui-color-accent-soft-border-green);--ui-design-outline-success-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-success-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-success-content:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-icon:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-chevron:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-divider:#D0FFE9;--ui-color-design-outline-alert-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-alert-stroke:var(--ui-color-accent-soft-border-red);--ui-design-outline-alert-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-alert-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-alert-content:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-icon:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-chevron:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-divider:#FFD2D0;--ui-color-design-outline-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-outline-stroke:var(--ui-color-base-7);--ui-design-outline-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-content:var(--ui-color-base-2);--ui-color-design-outline-content-secondary:var(--ui-color-base-4);--ui-color-design-outline-content-label:var(--ui-color-base-3);--ui-color-design-outline-content-icon:var(--ui-color-base-2);--ui-color-design-outline-content-icon-alt:var(--ui-color-accent-main-primary);--ui-color-design-outline-content-icon-secondary:var(--ui-color-base-5);--ui-color-design-outline-content-chevron:var(--ui-color-base-2);--ui-color-design-outline-content-divider:var(--ui-color-base-7);--ui-color-design-outline-focused-stroke:var(--ui-color-accent-main-primary);--ui-color-design-outline-warning-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-warning-stroke:var(--ui-color-accent-soft-orange-1);--ui-design-outline-warning-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-warning-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-warning-content:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-icon:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-chevron:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-divider:#D0FFE9;--ui-color-design-outline-copilot-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-copilot-stroke:var(--ui-color-copilot-bg-content-2);--ui-design-outline-copilot-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-copilot-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-copilot-content:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-icon:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-chevron:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-divider:#E0D0FF;--ui-color-design-outline-na-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-bg-alt:#FFFFFFAD;--ui-color-design-outline-na-stroke:var(--ui-color-base-7);--ui-design-outline-na-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-na-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-na-content:var(--ui-color-base-3);--ui-color-design-outline-na-content-icon:var(--ui-color-base-4);--ui-color-design-outline-na-content-chevron:var(--ui-color-base-4);--ui-color-design-outline-na-content-divider:var(--ui-color-base-7);--ui-color-design-plain-a-bg:#FFFFFF00;--ui-color-design-plain-a-stroke:#FFFFFF00;--ui-design-plain-a-stroke-weight:0px;--ui-color-design-plain-a-content:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-divider:#D0E6FF;--ui-color-design-plain-bg:#FFFFFF00;--ui-color-design-plain-stroke:#FFFFFF00;--ui-design-plain-stroke-weight:0px;--ui-color-design-plain-content:var(--ui-color-base-2);--ui-color-design-plain-content-icon:var(--ui-color-base-2);--ui-color-design-plain-content-icon-secondary:var(--ui-color-base-4);--ui-color-design-plain-content-chevron:var(--ui-color-base-2);--ui-color-design-plain-content-divider:var(--ui-color-base-6);--ui-color-design-plain-na-bg:#FFFFFF00;--ui-color-design-plain-na-stroke:#FFFFFF00;--ui-design-plain-na-stroke-weight:0px;--ui-color-design-plain-na-content:var(--ui-color-base-3);--ui-color-design-plain-na-content-secondary:var(--ui-color-base-5);--ui-color-design-plain-na-content-icon:var(--ui-color-base-4);--ui-color-design-plain-na-content-chevron:var(--ui-color-base-4);--ui-color-design-plain-na-content-divider:var(--ui-color-base-7);--ui-color-design-plain-na-focused-bg:var(--ui-color-bg-content-primary);--ui-color-design-selection-bg:var(--ui-color-accent-soft-blue-3);--ui-color-design-selection-stroke:var(--ui-color-accent-soft-blue-1);--ui-design-selection-stroke-weight:var(--ui-border-width-medium);--ui-design-selection-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-plain-na-focused-stroke:var(--ui-color-divider-default);--ui-color-design-selection-content:var(--ui-color-accent-main-primary);--ui-design-plain-na-focused-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-selection-content-icon-secondary:var(--ui-color-accent-main-primary-alt-2);--ui-color-design-selection-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-plain-na-focused-content:var(--ui-color-base-1);--ui-color-design-selection-content-divider:var(--ui-color-accent-soft-blue-1);--ui-color-design-selection-focused-bg:var(--ui-color-bg-content-primary);--ui-color-accent-main-primary-alt:#1F86FF;--ui-color-accent-main-primary-alt-2:#58B1FF;--ui-color-accent-main-success:#1BCE7B;--ui-color-accent-main-success-alt:#10B769;--ui-color-accent-main-success-alt-2:#00A659;--ui-color-accent-main-link:#0154C8;--ui-color-accent-main-link-underline:#0154C84D;--ui-color-accent-main-warning:#FAA72C;--ui-color-accent-main-alert:#FF5752;--ui-color-accent-soft-blue-1:#C4E6FF;--ui-color-accent-soft-blue-2:#E6F4FF;--ui-color-accent-soft-blue-3:#EDF7FF;--ui-color-accent-soft-green-1:#A7FAD3;--ui-color-accent-soft-green-2:#CAFFE7;--ui-color-accent-soft-green-3:#E7FFF5;--ui-color-accent-soft-orange-1:#FFEBA6;--ui-color-accent-soft-orange-2:#FFF4D6;--ui-color-accent-soft-orange-3:#FFF9E3;--ui-color-accent-soft-red-1:#FFCDCC;--ui-color-accent-soft-red-2:#FFE8E8;--ui-color-accent-soft-red-3:#FFF0F0;--ui-color-accent-soft-grey-1:#F0F0F0;--ui-color-accent-soft-grey-2:#FCFCFD;--ui-color-accent-soft-violet-1:#F1E0FF;--ui-color-accent-soft-violet-2:#F6ECFF;--ui-color-accent-soft-violet-3:#FBF6FF;--ui-color-accent-soft-element-blue:#0154C8;--ui-color-accent-soft-element-green:#02BB9A;--ui-color-accent-soft-element-orange:#A56300;--ui-color-accent-soft-element-red:#C21B16;--ui-color-accent-soft-element-violet:#B15EF5;--ui-color-accent-soft-border-blue:#88C8F8;--ui-color-accent-soft-border-red:#FEA8A6;--ui-color-accent-soft-border-green:#3BF39C;--ui-color-accent-brand-blue:#2FC6F6;--ui-color-accent-brand-green:#BBED21;--ui-color-accent-extra-orange:#E88C02;--ui-color-accent-extra-aqua:#37C5D8;--ui-color-accent-extra-pink:#F85E9E;--ui-color-accent-extra-grass:#24B547;--ui-color-accent-extra-brown:#B89238;--ui-color-accent-extra-darkblue:#0091E3;--ui-color-copilot-bg-content-1-alt:#FBF8FF;--ui-color-copilot-bg-content-1:#F7F1FE;--ui-color-copilot-bg-content-2:#ECDEFF;--ui-color-copilot-bg-content-3:#CFB0FD;--ui-color-copilot-accent-less-1:#B288F1;--ui-color-copilot-accent-less-2:#9760E8;--ui-color-copilot-accent-primary:#853AF5;--ui-color-copilot-accent-primary-alt:#6625C6;--ui-color-copilot-element-1:#4E2092;--ui-color-copilot-element-2:#2D1353;--ui-color-collab-bg-content-1:#F2FEE2;--ui-color-collab-bg-content-2:#E9FFCF;--ui-color-collab-bg-content-3:#D4FDB0;--ui-color-collab-accent-less-1:#8CEF73;--ui-color-collab-accent-less-2:#6BE860;--ui-color-collab-accent-primary:#19CC45;--ui-color-collab-accent-primary-alt:#00A94E;--ui-color-collab-element-1:#1E8D36;--ui-color-collab-element-2:#065217;--ui-color-black-solid:#000000;--ui-tech-grid-sep-op:5px;--ui-color-tech-push:#00000014;--ui-color-tech-focus:#0000000D;--ui-color-tech-opacity:#FFFFFF00;--ui-color-tech-bg-picture-tint:#00000000;--ui-color-tech-dark-fixes:#FFFFFF00;--ui-color-blue-02:#F9FCFF;--ui-color-black-base:#333333;--ui-color-blue-04:#F8FBFF;--ui-color-blue-06:#F7FBFF;--ui-color-blue-08:#F5FAFF;--ui-color-g-content-glass-1:#FFFFFFE6;--ui-color-g-content-glass-2:#FFFFFFB3;--ui-color-g-content-glass-3:#FFFFFF66;--ui-color-g-content-glass-grey-1:#BDBDBD;--ui-color-g-content-glass-grey-2:#CDCDCD;--ui-color-g-content-glass-grey-3:#DBDBDB;--ui-color-g-content-black:#333333;--ui-color-g-content-grey-1:#909090;--ui-color-g-content-grey-2:#D0D0D0;--ui-color-g-content-grey-3:#EBEBEB;--ui-color-g-content-grey-4:#F2F2F2;--ui-color-g-content-blue-1:#0154C8;--ui-color-g-content-blue-2:#0075FF;--ui-color-g-content-blue-3:#82C0FF;--ui-color-g-glass-green-bg-1:#1BCE7BC7;--ui-color-g-glass-green-bg-2:#00AA5BD1;--ui-color-g-glass-green-bg-3:#59FBB0BD;--ui-color-g-glass-green-stroke:#FFFFFF2E;--ui-color-g-glass-collab-bg-1:#19CC45C7;--ui-color-g-glass-collab-bg-2:#02B12DD1;--ui-color-g-glass-collab-bg-3:#35E961BD;--ui-color-g-glass-collab-stroke:#FFFFFF2E;--ui-color-g-glass-copilot-bg-1:#7E33FFC7;--ui-color-g-glass-copilot-bg-2:#661FD1D1;--ui-color-g-glass-copilot-bg-3:#CFB0FDBD;--ui-color-g-glass-copilot-stroke:#FFFFFF2E;--ui-color-g-glass-blue-bg-1:#0075FFC7;--ui-color-g-glass-blue-bg-2:#0855EBD1;--ui-color-g-glass-blue-bg-3:#44B0FFBD;--ui-color-g-glass-blue-stroke:#FFFFFF2E;--ui-color-g-glass-bluish-bg-1:#C5E7FECC;--ui-color-g-glass-bluish-bg-2:#9BD4FFCC;--ui-color-g-glass-bluish-bg-3:#D7EFFFCC;--ui-color-g-glass-bluish-stroke:#FFFFFF3D;--ui-color-g-glass-grey-bg-1:#DFE0E3AD;--ui-color-g-glass-grey-bg-2:#C8C9CDAD;--ui-color-g-glass-grey-bg-3:#F0F1F4AD;--ui-color-g-glass-grey-stroke:#FFFFFF66;--ui-color-g-glass-pink-bg-1:#F85E9EC7;--ui-color-g-glass-pink-bg-2:#DF2270D1;--ui-color-g-glass-pink-bg-3:#FFA1C8BD;--ui-color-g-glass-pink-stroke:#FFFFFF2E;--ui-color-g-glass-orange-bg-1:#FAA72CC7;--ui-color-g-glass-orange-bg-2:#DB7600D1;--ui-color-g-glass-orange-bg-3:#FFD685BD;--ui-color-g-glass-orange-stroke:#FFFFFF2E;--ui-color-white-base:#FFFFFF;--ui-color-blue-09:#F3F8FF;--ui-color-blue-10:#F3FAFF;--ui-color-blue-15:#F0F7FF;--ui-color-blue-20:#E7F4FF;--ui-color-blue-25:#DEEDFF;--ui-color-blue-30:#C6E6FF;--ui-color-blue-35:#B7D7FF;--ui-color-blue-40:#A3CDFF;--ui-color-blue-50:#71C0FF;--ui-color-blue-55:#58A4FF;--ui-color-blue-57:#4A9DFF;--ui-color-blue-60:#3592FF;--ui-color-blue-70:#188AE6;--ui-color-blue-80:#0069E6;--ui-color-blue-90:#035EA8;--ui-color-blue-95:#004780;--ui-color-green-02:#F4FFFA;--ui-color-green-04:#EFFFF8;--ui-color-green-06:#ECFFF6;--ui-color-green-08:#E8FFF4;--ui-color-green-09:#E5FFF3;--ui-color-green-10:#E3FFF2;--ui-color-green-15:#CFFDE7;--ui-color-green-20:#BBFADD;--ui-color-green-25:#93FDCC;--ui-color-green-30:#6EF1B4;--ui-color-green-35:#4DE39E;--ui-color-green-40:#2ADB89;--ui-color-green-50:#1BCE7B;--ui-color-green-55:#15C674;--ui-color-green-60:#0EBA6A;--ui-color-green-70:#0CB164;--ui-color-green-80:#0AA05B;--ui-color-green-90:#058449;--ui-color-green-95:#056438;--ui-color-orange-04:#FFFDF9;--ui-color-orange-06:#FFFCF6;--ui-color-orange-08:#FFFBF3;--ui-color-orange-10:#FFFAF0;--ui-color-orange-15:#FFF5E3;--ui-color-orange-20:#FFF1D6;--ui-color-orange-25:#FFE9BE;--ui-color-orange-30:#FFE1A6;--ui-color-orange-40:#FFC34D;--ui-color-orange-50:#FFA900;--ui-color-orange-60:#E89B06;--ui-color-orange-70:#C48300;--ui-color-orange-80:#9F6A00;--ui-color-orange-90:#7A5100;--ui-color-orange-95:#614000;--ui-color-red-02:#FFFCFC;--ui-color-red-04:#FFFCFC;--ui-color-red-06:#FFFBFB;--ui-color-red-08:#FFF9F9;--ui-color-red-10:#FFF8F8;--ui-color-red-15:#FFF0F0;--ui-color-red-20:#FFE8E8;--ui-color-red-25:#FFDCDB;--ui-color-red-30:#FFCDCC;--ui-color-red-40:#FF9A97;--ui-color-red-45:#FF7C78;--ui-color-red-50:#FF5752;--ui-color-red-60:#F4433E;--ui-color-red-70:#E92F2A;--ui-color-red-80:#C21B16;--ui-color-red-90:#9A0703;--ui-color-red-95:#800602;--ui-color-red-solid:#F0371B;--ui-color-gray-01:#FCFDFE;--ui-color-gray-02:#F8FAFB;--ui-color-gray-03:#F5F7F8;--ui-color-gray-04:#F1F4F6;--ui-color-gray-05:#EEF2F4;--ui-color-gray-10:#EDEEF0;--ui-color-gray-15:#E6E7E9;--ui-color-gray-20:#DFE0E3;--ui-color-gray-30:#D5D7DB;--ui-color-gray-35:#C9CCD0;--ui-color-gray-40:#BDC1C6;--ui-color-gray-50:#A8ADB4;--ui-color-gray-60:#959CA4;--ui-color-gray-70:#828B95;--ui-color-gray-80:#6A737F;--ui-color-gray-90:#525C69;--ui-color-beige-base:#FDFAE1;--ui-color-g-plastic-bluish-bg:#C4E6FF;--ui-color-g-plastic-bluish-stroke:#BBE2FF;--ui-color-g-plastic-greish-bg:#FCFCFD;--ui-color-g-plastic-greish-stroke:#D0D0D0;--ui-color-g-plastic-white-bg:#FFFFFF;--ui-color-g-plastic-white-stroke:#DFE0E3;--ui-color-design-disabled-bg:var(--ui-color-base-7);--ui-color-design-disabled-bg-alt:#FFFFFFAD;--ui-color-design-disabled-stroke:var(--ui-color-base-7);--ui-design-disabled-stroke-weight:0px;--ui-color-design-disabled-content:var(--ui-color-base-5);--ui-color-design-disabled-content-alt:var(--ui-color-base-4);--ui-color-design-disabled-content-icon:var(--ui-color-base-5);--ui-color-design-disabled-content-chevron:var(--ui-color-base-5);--ui-color-design-disabled-content-divider:var(--ui-color-base-6);--ui-color-design-filled-boost-bg-gradient-1:#F9BE74;--ui-color-design-filled-boost-bg-gradient-2:#FB7595;--ui-color-design-filled-boost-bg-gradient-3:#B55CCE;--ui-color-design-filled-boost-stroke:#B55CCE;--ui-design-filled-boost-stroke-weight:0px;--ui-color-design-filled-boost-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-divider:#FFFFFF3D;--ui-color-design-outline-boost-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-boost-stroke:var(--ui-color-base-7);--ui-design-outline-boost-stroke-weight:var(--ui-border-width-medium);--ui-color-design-outline-boost-content:var(--ui-color-base-2);--ui-color-design-outline-boost-content-label:var(--ui-color-base-3);--ui-color-design-outline-boost-content-icon-gradient-1:#F9BE74;--ui-color-design-outline-boost-content-icon-gradient-2:#FB7595;--ui-color-design-outline-boost-content-icon-gradient-3:#B55CCE;--ui-color-design-outline-boost-content-chevron:var(--ui-color-base-2);--ui-color-design-outline-boost-content-divider:var(--ui-color-base-7);--ui-color-design-filled-market-bg-gradient-1:#B5ED0A;--ui-color-design-filled-market-bg-gradient-2:#30C6F6;--ui-color-design-filled-market-bg-gradient-3:#4479E0;--ui-color-design-filled-market-stroke:#4479E0;--ui-design-filled-market-stroke-weight:0px;--ui-color-design-filled-market-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-divider:#FFFFFF3D}.--ui-context-content-dark{--ui-color-base-0:#FFFFFF;--ui-color-base-1:#F8F8F8;--ui-color-base-2:#CACBCC;--ui-color-base-3:#A7A9AB;--ui-color-base-4:#828385;--ui-color-base-5:#666769;--ui-color-base-6:#555657;--ui-color-base-7:#373838;--ui-color-base-8:#252626;--ui-color-base-black-fixed:#000000;--ui-color-bg-content-primary:#262626;--ui-color-base-white-fixed:#FFFFFF;--ui-color-divider-accent:#383838;--ui-color-divider-default:#323232;--ui-color-divider-less:#323232;--ui-color-divider-vibrant-accent-more:#FFFFFF33;--ui-color-divider-vibrant-accent:#FFFFFF24;--ui-color-divider-vibrant-default:#FFFFFF1A;--ui-color-divider-vibrant-less:#FFFFFF12;--ui-color-divider-vibrant-accent-more-alt:#00000026;--ui-color-divider-vibrant-accent-alt:#00000017;--ui-color-divider-vibrant-default-alt:#0000000F;--ui-color-divider-vibrant-less-alt:#0000000A;--ui-color-divider-optical-1:#00000099;--ui-color-divider-optical-1-alt:#00000099;--ui-color-divider-optical-2:#FFFFFF14;--ui-divider-optical-1-weight:var(--ui-border-width-thin);--ui-divider-optical-2-weight:var(--ui-border-width-thick);--ui-color-divider-optical-on-overlay:#FFFFFF14;--ui-color-bg-content-secondary:#1F1F1F;--ui-divider-optical-on-overlay-weight:var(--ui-border-width-thin);--ui-color-bg-content-tertiary:#171717;--ui-color-bg-vibrant-accent:#262626E0;--ui-color-bg-state-hover-default-hex:#000000;--ui-color-bg-state-hover-default-opacity:3%;--ui-color-bg-state-hover-default:#00000008;--ui-color-bg-state-click-default-hex:#000000;--ui-color-bg-state-click-default-opacity:6%;--ui-color-bg-state-click-default:#0000000F;--ui-color-bg-state-hover-alt-hex:#FFFFFF;--ui-color-bg-state-hover-alt-opacity:7%;--ui-color-bg-state-hover-alt:#FFFFFF12;--ui-color-bg-state-click-alt-hex:#FFFFFF;--ui-color-bg-state-click-alt-opacity:14%;--ui-color-bg-state-click-alt:#FFFFFF24;--ui-color-bg-state-hover-default-overlay-hex:#000000;--ui-color-bg-state-hover-default-overlay-opacity:20%;--ui-color-bg-state-hover-default-overlay:#00000033;--ui-color-bg-state-click-default-overlay-hex:#000000;--ui-color-bg-state-click-default-overlay-opacity:32%;--ui-color-bg-state-click-default-overlay:#00000052;--ui-color-bg-state-hover-alt-overlay-hex:#FFFFFF;--ui-color-bg-state-hover-alt-overlay-opacity:35%;--ui-color-bg-state-hover-alt-overlay:#FFFFFF59;--ui-color-bg-state-click-alt-overlay-hex:#FFFFFF;--ui-color-bg-state-click-alt-overlay-opacity:50%;--ui-color-bg-state-click-alt-overlay:#FFFFFF80;--ui-color-bg-vibrant-default:#262626D6;--ui-color-bg-vibrant-less:#262626C2;--ui-color-bg-vibrant-less-more:#262626B8;--ui-color-bg-content-inapp:#00428F;--ui-color-bg-content-primary-layer:#292929;--ui-color-bg-content-light:#EEEEEE;--ui-bg-blur-content:none;--ui-bg-blur-vibrant:var(--ui-bg-blur-accent);--ui-color-accent-main-primary:#1587FA;--ui-color-design-filled-bg:var(--ui-color-accent-main-primary);--ui-color-design-filled-stroke:var(--ui-color-accent-main-primary);--ui-design-filled-stroke-weight:0px;--ui-color-design-filled-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-secondary:#FFFFFFB3;--ui-color-design-filled-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-icon-secondary:#B4DFFF;--ui-color-design-filled-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-divider:#FFFFFF3D;--ui-color-design-filled-success-bg:var(--ui-color-accent-main-success);--ui-color-design-filled-success-stroke:var(--ui-color-accent-main-success);--ui-design-filled-success-stroke-weight:0px;--ui-color-design-filled-success-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-divider:#FFFFFF3D;--ui-color-design-filled-alert-bg:var(--ui-color-accent-main-alert);--ui-color-design-filled-alert-stroke:var(--ui-color-accent-main-alert);--ui-design-filled-alert-stroke-weight:0px;--ui-color-design-filled-alert-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-secondary:#FFFFFFB3;--ui-color-design-filled-alert-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-icon-secondary:var(--ui-color-red-25);--ui-color-design-filled-alert-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-divider:#FFFFFF3D;--ui-color-design-filled-warning-bg:var(--ui-color-accent-main-warning);--ui-color-design-filled-black-bg:var(--ui-color-base-2);--ui-color-design-filled-black-stroke:var(--ui-color-base-2);--ui-design-filled-black-stroke-weight:0px;--ui-color-design-filled-black-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-divider:#FFFFFF3D;--ui-color-design-filled-warning-stroke:var(--ui-color-accent-main-warning);--ui-design-filled-warning-stroke-weight:0px;--ui-color-design-filled-warning-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-divider:#FFFFFF3D;--ui-color-design-filled-white-bg:var(--ui-color-bg-content-primary);--ui-color-design-filled-white-stroke:var(--ui-color-base-7);--ui-design-filled-white-stroke-weight:0px;--ui-color-design-filled-white-content:var(--ui-color-base-2);--ui-color-design-filled-white-content-icon:var(--ui-color-base-2);--ui-color-design-filled-white-content-chevron:var(--ui-color-base-2);--ui-color-design-filled-white-content-divider:var(--ui-color-base-7);--ui-color-design-filled-na-bg:var(--ui-color-base-4);--ui-color-design-filled-na-bg-secondary:var(--ui-color-base-5);--ui-color-design-filled-copilot-bg:var(--ui-color-copilot-accent-primary);--ui-color-design-filled-copilot-stroke:var(--ui-color-copilot-accent-primary);--ui-design-filled-copilot-stroke-weight:0px;--ui-color-design-filled-copilot-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-divider:#FFFFFF3D;--ui-color-design-filled-na-stroke:var(--ui-color-base-4);--ui-color-design-filled-na-stroke-secondary:var(--ui-color-base-5);--ui-design-filled-na-stroke-weight:0px;--ui-color-design-filled-na-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-divider:#FFFFFF3D;--ui-color-design-tinted-bg:var(--ui-color-accent-soft-blue-2);--ui-color-design-tinted-a1-bg:var(--ui-color-accent-main-primary-alt-2);--ui-color-design-tinted-a1-stroke:var(--ui-color-accent-main-primary-alt-2);--ui-design-tinted-a1-stroke-weight:0px;--ui-color-design-tinted-a1-content:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-tinted-a1-content-divider:#FFFFFF3D;--ui-color-design-tinted-success-bg:var(--ui-color-accent-soft-green-2);--ui-color-design-tinted-success-stroke:var(--ui-color-accent-soft-green-2);--ui-design-tinted-success-stroke-weight:0px;--ui-color-design-tinted-success-content:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-icon:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-chevron:var(--ui-color-accent-extra-grass);--ui-color-design-tinted-success-content-divider:#007E41;--ui-color-design-tinted-bg-alt:var(--ui-color-accent-soft-blue-2);--ui-color-design-tinted-stroke:var(--ui-color-accent-soft-blue-2);--ui-design-tinted-stroke-weight:0px;--ui-color-design-tinted-content:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-icon:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-icon-secondary:#468BEC80;--ui-color-design-tinted-content-chevron:var(--ui-color-accent-main-link);--ui-color-design-tinted-content-divider:#003F7E;--ui-color-design-tinted-alert-bg:var(--ui-color-accent-soft-red-2);--ui-color-design-tinted-alert-stroke:var(--ui-color-accent-soft-red-2);--ui-design-tinted-alert-stroke-weight:0px;--ui-color-design-tinted-alert-content:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-icon:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-chevron:var(--ui-color-accent-main-alert);--ui-color-design-tinted-alert-content-divider:#7E0400;--ui-color-design-tinted-warning-bg:var(--ui-color-accent-soft-orange-2);--ui-color-design-tinted-warning-stroke:var(--ui-color-accent-soft-orange-2);--ui-design-tinted-warning-stroke-weight:0px;--ui-color-design-tinted-warning-content:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-icon:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-chevron:var(--ui-color-accent-extra-orange);--ui-color-design-tinted-warning-content-divider:#7E5200;--ui-color-design-tinted-na-bg:var(--ui-color-base-7);--ui-color-design-tinted-na-stroke:var(--ui-color-base-7);--ui-design-tinted-na-stroke-weight:0px;--ui-color-design-tinted-na-content:var(--ui-color-base-3);--ui-color-design-tinted-na-content-icon:var(--ui-color-base-3);--ui-color-design-tinted-na-content-chevron:var(--ui-color-base-3);--ui-color-design-tinted-na-content-divider:var(--ui-color-base-7);--ui-color-design-outline-a1-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a1-stroke:var(--ui-color-accent-main-primary);--ui-design-outline-a1-stroke-weight:var(--ui-border-width-medium);--ui-color-design-outline-a1-content:var(--ui-color-base-1);--ui-color-design-outline-a1-content-icon:var(--ui-color-base-1);--ui-color-design-outline-a1-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-a1-content-divider:#003F7E;--ui-color-design-outline-a2-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a2-stroke:var(--ui-color-accent-main-primary-alt-2);--ui-design-outline-a2-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-a2-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-a2-content:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-outline-a2-content-divider:#003F7E;--ui-color-design-outline-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-stroke:var(--ui-color-accent-soft-border-green);--ui-design-outline-success-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-success-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-success-content:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-icon:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-chevron:var(--ui-color-accent-main-success);--ui-color-design-outline-success-content-divider:#007E41;--ui-color-design-outline-alert-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-alert-stroke:var(--ui-color-accent-soft-border-red);--ui-design-outline-alert-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-alert-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-alert-content:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-icon:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-chevron:var(--ui-color-accent-main-alert);--ui-color-design-outline-alert-content-divider:#7E0400;--ui-color-design-outline-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-outline-stroke:var(--ui-color-base-7);--ui-design-outline-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-content:var(--ui-color-base-2);--ui-color-design-outline-content-secondary:var(--ui-color-base-4);--ui-color-design-outline-content-label:var(--ui-color-base-3);--ui-color-design-outline-content-icon:var(--ui-color-base-2);--ui-color-design-outline-content-icon-alt:var(--ui-color-accent-main-primary);--ui-color-design-outline-content-icon-secondary:var(--ui-color-base-5);--ui-color-design-outline-content-chevron:var(--ui-color-base-2);--ui-color-design-outline-content-divider:var(--ui-color-base-7);--ui-color-design-outline-focused-stroke:var(--ui-color-accent-main-primary);--ui-color-design-outline-warning-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-warning-stroke:var(--ui-color-accent-soft-orange-1);--ui-design-outline-warning-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-warning-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-warning-content:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-icon:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-chevron:var(--ui-color-accent-main-warning);--ui-color-design-outline-warning-content-divider:#7E5200;--ui-color-design-outline-copilot-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-copilot-stroke:var(--ui-color-copilot-bg-content-2);--ui-design-outline-copilot-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-copilot-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-copilot-content:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-icon:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-chevron:var(--ui-color-copilot-accent-primary);--ui-color-design-outline-copilot-content-divider:#45007E;--ui-color-design-outline-na-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-bg-alt:#262626AD;--ui-color-design-outline-na-stroke:var(--ui-color-base-7);--ui-design-outline-na-stroke-weight:var(--ui-border-width-medium);--ui-design-outline-na-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-na-content:var(--ui-color-base-3);--ui-color-design-outline-na-content-icon:var(--ui-color-base-4);--ui-color-design-outline-na-content-chevron:var(--ui-color-base-4);--ui-color-design-outline-na-content-divider:var(--ui-color-base-7);--ui-color-design-plain-a-bg:#00000000;--ui-color-design-plain-a-stroke:#00000000;--ui-design-plain-a-stroke-weight:0px;--ui-color-design-plain-a-content:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-icon:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-chevron:var(--ui-color-accent-main-primary);--ui-color-design-plain-a-content-divider:#003F7E;--ui-color-design-plain-bg:#00000000;--ui-color-design-plain-stroke:#00000000;--ui-design-plain-stroke-weight:0px;--ui-color-design-plain-content:var(--ui-color-base-2);--ui-color-design-plain-content-icon:var(--ui-color-base-2);--ui-color-design-plain-content-icon-secondary:var(--ui-color-base-4);--ui-color-design-plain-content-chevron:var(--ui-color-base-2);--ui-color-design-plain-content-divider:var(--ui-color-base-6);--ui-color-design-plain-na-bg:#00000000;--ui-color-design-plain-na-stroke:#00000000;--ui-design-plain-na-stroke-weight:0px;--ui-color-design-plain-na-content:var(--ui-color-base-3);--ui-color-design-plain-na-content-secondary:var(--ui-color-base-5);--ui-color-design-plain-na-content-icon:var(--ui-color-base-4);--ui-color-design-plain-na-content-chevron:var(--ui-color-base-4);--ui-color-design-plain-na-content-divider:var(--ui-color-base-7);--ui-color-design-plain-na-focused-bg:var(--ui-color-divider-accent);--ui-color-design-selection-bg:#1F3048;--ui-color-design-selection-stroke:#294162;--ui-design-selection-stroke-weight:var(--ui-border-width-medium);--ui-design-selection-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-plain-na-focused-stroke:var(--ui-color-divider-default);--ui-color-design-selection-content:#2A94FF;--ui-design-plain-na-focused-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content-icon:#2A94FF;--ui-color-design-selection-content-icon-secondary:#5EAEFF;--ui-color-design-selection-content-chevron:#2A94FF;--ui-color-design-plain-na-focused-content:var(--ui-color-base-1);--ui-color-design-selection-content-divider:var(--ui-color-accent-soft-blue-1);--ui-color-design-selection-focused-bg:#1F3048;--ui-color-accent-main-primary-alt:#1B79E6;--ui-color-accent-main-primary-alt-2:#2A94FF;--ui-color-accent-main-success:#1CAE6A;--ui-color-accent-main-success-alt:#00904D;--ui-color-accent-main-success-alt-2:#008648;--ui-color-accent-main-link:#468BEC;--ui-color-accent-main-link-underline:#468BEC4D;--ui-color-accent-main-warning:#F2A100;--ui-color-accent-main-alert:#F2473D;--ui-color-accent-soft-blue-1:#0E294B;--ui-color-accent-soft-blue-2:#062040;--ui-color-accent-soft-blue-3:#1A2A33;--ui-color-accent-soft-green-1:#0A4C2E;--ui-color-accent-soft-green-2:#052717;--ui-color-accent-soft-green-3:#041B10;--ui-color-accent-soft-orange-1:#5E3F00;--ui-color-accent-soft-orange-2:#302000;--ui-color-accent-soft-orange-3:#211600;--ui-color-accent-soft-red-1:#5E1C18;--ui-color-accent-soft-red-2:#300E0C;--ui-color-accent-soft-red-3:#210A08;--ui-color-accent-soft-grey-1:#272727;--ui-color-accent-soft-grey-2:#272727;--ui-color-accent-soft-violet-1:#3E2156;--ui-color-accent-soft-violet-2:#20112C;--ui-color-accent-soft-violet-3:#160C1E;--ui-color-accent-soft-element-blue:#0056BF;--ui-color-accent-soft-element-green:#06A35A;--ui-color-accent-soft-element-orange:#976500;--ui-color-accent-soft-element-red:#B81A15;--ui-color-accent-soft-element-violet:#A859E9;--ui-color-accent-soft-border-blue:#2D61A3;--ui-color-accent-soft-border-red:#A0403A;--ui-color-accent-soft-border-green:#187249;--ui-color-accent-brand-blue:#1181B1;--ui-color-accent-brand-green:#779E00;--ui-color-accent-extra-orange:#E0911D;--ui-color-accent-extra-aqua:#34BBCD;--ui-color-accent-extra-pink:#EC5996;--ui-color-accent-extra-grass:#22AC43;--ui-color-accent-extra-brown:#AF8B35;--ui-color-accent-extra-darkblue:#0091E3;--ui-color-copilot-bg-content-1-alt:#271149;--ui-color-copilot-bg-content-1:#271149;--ui-color-copilot-bg-content-2:#3E1A75;--ui-color-copilot-bg-content-3:#51219A;--ui-color-copilot-accent-less-1:#7037C9;--ui-color-copilot-accent-less-2:#8052C5;--ui-color-copilot-accent-primary:#A161FF;--ui-color-copilot-accent-primary-alt:#6625C6;--ui-color-copilot-element-1:#CDC1E0;--ui-color-copilot-element-2:#DDD6E7;--ui-color-collab-bg-content-1:#182B12;--ui-color-collab-bg-content-2:#1E3617;--ui-color-collab-bg-content-3:#366829;--ui-color-collab-accent-less-1:#8CEF73;--ui-color-collab-accent-less-2:#6BE860;--ui-color-collab-accent-primary:#55EF7B;--ui-color-collab-accent-primary-alt:#76FD97;--ui-color-collab-element-1:#A0FFB7;--ui-color-collab-element-2:#CEF6D7;--ui-color-black-solid:#000000;--ui-tech-grid-sep-op:5px;--ui-color-tech-push:#00000014;--ui-color-tech-focus:#0000000D;--ui-color-tech-opacity:#FFFFFF00;--ui-color-tech-bg-picture-tint:#0000003D;--ui-color-tech-dark-fixes:#383838;--ui-color-blue-02:#FFFFFF;--ui-color-black-base:#333333;--ui-color-blue-04:#FFFFFF;--ui-color-blue-06:#FFFFFF;--ui-color-blue-08:#FFFFFF;--ui-color-g-content-glass-1:#FFFFFFE6;--ui-color-g-content-glass-2:#FFFFFFB3;--ui-color-g-content-glass-3:#FFFFFF66;--ui-color-g-content-glass-grey-1:#878787;--ui-color-g-content-glass-grey-2:#767676;--ui-color-g-content-glass-grey-3:#6C6C6C;--ui-color-g-content-black:#FFFFFF;--ui-color-g-content-grey-1:#ABABAB;--ui-color-g-content-grey-2:#696969;--ui-color-g-content-grey-3:#3C3C3C;--ui-color-g-content-grey-4:#363636;--ui-color-g-content-blue-1:#1587FA;--ui-color-g-content-blue-2:#035FCF;--ui-color-g-content-blue-3:#064795;--ui-color-g-glass-green-bg-1:#1BCE7BC7;--ui-color-g-glass-green-bg-2:#008648D1;--ui-color-g-glass-green-bg-3:#2CD586BD;--ui-color-g-glass-green-stroke:#00000029;--ui-color-g-glass-collab-bg-1:#26B94AC7;--ui-color-g-glass-collab-bg-2:#109D33D1;--ui-color-g-glass-collab-bg-3:#5FCF7ABD;--ui-color-g-glass-collab-stroke:#00000029;--ui-color-g-glass-copilot-bg-1:#833CFDCC;--ui-color-g-glass-copilot-bg-2:#783BD5CC;--ui-color-g-glass-copilot-bg-3:#A97BEACC;--ui-color-g-glass-copilot-stroke:#00000029;--ui-color-g-glass-blue-bg-1:#1B79E6C7;--ui-color-g-glass-blue-bg-2:#0044AAC7;--ui-color-g-glass-blue-bg-3:#3DADFFC7;--ui-color-g-glass-blue-stroke:#00000029;--ui-color-g-glass-bluish-bg-1:#0A3163CC;--ui-color-g-glass-bluish-bg-2:#25427ACC;--ui-color-g-glass-bluish-bg-3:#224A7DCC;--ui-color-g-glass-bluish-stroke:#1587FA29;--ui-color-g-glass-grey-bg-1:#404040B8;--ui-color-g-glass-grey-bg-2:#0A0A0AB8;--ui-color-g-glass-grey-bg-3:#5A5A5AB8;--ui-color-g-glass-grey-stroke:#2A2A2AA3;--ui-color-g-glass-pink-bg-1:#EB689EC7;--ui-color-g-glass-pink-bg-2:#C92F6FD1;--ui-color-g-glass-pink-bg-3:#FF9CCCBD;--ui-color-g-glass-pink-stroke:#00000029;--ui-color-g-glass-orange-bg-1:#FF9800C7;--ui-color-g-glass-orange-bg-2:#D06A0CD1;--ui-color-g-glass-orange-bg-3:#FFD27CBD;--ui-color-g-glass-orange-stroke:#00000029;--ui-color-white-base:#FFFFFF;--ui-color-blue-09:#FFFFFF;--ui-color-blue-10:#F4FCFE;--ui-color-blue-15:#ECFAFE;--ui-color-blue-20:#E5F9FF;--ui-color-blue-25:#D3F4FF;--ui-color-blue-30:#C3F0FF;--ui-color-blue-35:#FFFFFF;--ui-color-blue-40:#7FDEFC;--ui-color-blue-50:#2FC6F6;--ui-color-blue-55:#FFFFFF;--ui-color-blue-57:#FFFFFF;--ui-color-blue-60:#11A9D9;--ui-color-blue-70:#008DBA;--ui-color-blue-80:#00789E;--ui-color-blue-90:#006484;--ui-color-blue-95:#004F69;--ui-color-green-02:#FFFFFF;--ui-color-green-04:#FFFFFF;--ui-color-green-06:#FFFFFF;--ui-color-green-08:#FFFFFF;--ui-color-green-09:#FFFFFF;--ui-color-green-10:#FAFDED;--ui-color-green-15:#F5FCDE;--ui-color-green-20:#F1FBD0;--ui-color-green-25:#FAF6C3;--ui-color-green-30:#E2F1B3;--ui-color-green-35:#CFE780;--ui-color-green-40:#BBDE4D;--ui-color-green-50:#9DCF00;--ui-color-green-55:#95C500;--ui-color-green-60:#8DBB00;--ui-color-green-70:#7FA800;--ui-color-green-80:#688800;--ui-color-green-90:#506900;--ui-color-green-95:#3D4F00;--ui-color-orange-04:#FFFFFF;--ui-color-orange-06:#FFFFFF;--ui-color-orange-08:#FFFFFF;--ui-color-orange-10:#FFFAF0;--ui-color-orange-15:#FFF5E3;--ui-color-orange-20:#FFF1D6;--ui-color-orange-25:#FFE9BE;--ui-color-orange-30:#FFE1A6;--ui-color-orange-40:#FFC34D;--ui-color-orange-50:#FFA900;--ui-color-orange-60:#E89B06;--ui-color-orange-70:#C48300;--ui-color-orange-80:#9F6A00;--ui-color-orange-90:#7A5100;--ui-color-orange-95:#614000;--ui-color-red-02:#FFFFFF;--ui-color-red-04:#FFFFFF;--ui-color-red-06:#FFFFFF;--ui-color-red-08:#FFFFFF;--ui-color-red-10:#FFF8F8;--ui-color-red-15:#FFF0F0;--ui-color-red-20:#FFE8E8;--ui-color-red-25:#FFDCDB;--ui-color-red-30:#FFCDCC;--ui-color-red-40:#FF9A97;--ui-color-red-45:#FF7C78;--ui-color-red-50:#FF5752;--ui-color-red-60:#F4433E;--ui-color-red-70:#E92F2A;--ui-color-red-80:#C21B16;--ui-color-red-90:#9A0703;--ui-color-red-95:#800602;--ui-color-red-solid:#F0371B;--ui-color-gray-01:#FCFDFE;--ui-color-gray-02:#F8FAFB;--ui-color-gray-03:#F5F7F8;--ui-color-gray-04:#F1F4F6;--ui-color-gray-05:#EEF2F4;--ui-color-gray-10:#EDEEF0;--ui-color-gray-15:#E6E7E9;--ui-color-gray-20:#DFE0E3;--ui-color-gray-30:#D5D7DB;--ui-color-gray-35:#C9CCD0;--ui-color-gray-40:#BDC1C6;--ui-color-gray-50:#A8ADB4;--ui-color-gray-60:#959CA4;--ui-color-gray-70:#828B95;--ui-color-gray-80:#6A737F;--ui-color-gray-90:#525C69;--ui-color-beige-base:#FDFAE1;--ui-color-g-plastic-bluish-bg:#0A3163;--ui-color-g-plastic-bluish-stroke:#0C4281;--ui-color-g-plastic-greish-bg:#363636;--ui-color-g-plastic-greish-stroke:#636363;--ui-color-g-plastic-white-bg:#2A2A2A;--ui-color-g-plastic-white-stroke:#535353;--ui-color-design-disabled-bg:var(--ui-color-base-7);--ui-color-design-disabled-bg-alt:#262626AD;--ui-color-design-disabled-stroke:var(--ui-color-base-7);--ui-design-disabled-stroke-weight:0px;--ui-color-design-disabled-content:var(--ui-color-base-5);--ui-color-design-disabled-content-alt:var(--ui-color-base-4);--ui-color-design-disabled-content-icon:var(--ui-color-base-5);--ui-color-design-disabled-content-chevron:var(--ui-color-base-5);--ui-color-design-disabled-content-divider:var(--ui-color-base-6);--ui-color-design-filled-boost-bg-gradient-1:#F9BE74;--ui-color-design-filled-boost-bg-gradient-2:#FB7595;--ui-color-design-filled-boost-bg-gradient-3:#B55CCE;--ui-color-design-filled-boost-stroke:#B55CCE;--ui-design-filled-boost-stroke-weight:0px;--ui-color-design-filled-boost-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-divider:#FFFFFF3D;--ui-color-design-outline-boost-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-boost-stroke:var(--ui-color-base-7);--ui-design-outline-boost-stroke-weight:var(--ui-border-width-medium);--ui-color-design-outline-boost-content:var(--ui-color-base-2);--ui-color-design-outline-boost-content-label:var(--ui-color-base-3);--ui-color-design-outline-boost-content-icon-gradient-1:#F9BE74;--ui-color-design-outline-boost-content-icon-gradient-2:#FB7595;--ui-color-design-outline-boost-content-icon-gradient-3:#B55CCE;--ui-color-design-outline-boost-content-chevron:var(--ui-color-base-2);--ui-color-design-outline-boost-content-divider:var(--ui-color-base-7);--ui-color-design-filled-market-bg-gradient-1:#B5ED0A;--ui-color-design-filled-market-bg-gradient-2:#30C6F6;--ui-color-design-filled-market-bg-gradient-3:#4479E0;--ui-color-design-filled-market-stroke:#4479E0;--ui-design-filled-market-stroke-weight:0px;--ui-color-design-filled-market-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-divider:#FFFFFF3D}.--ui-context-edge-light{--ui-color-base-0:#000000;--ui-color-base-1:#1D1E1F;--ui-color-base-2:#000000BF;--ui-color-base-3:#000000A6;--ui-color-base-4:#0000008C;--ui-color-base-5:#00000073;--ui-color-base-6:#00000059;--ui-color-base-7:#00000040;--ui-color-base-8:#00000026;--ui-color-base-black-fixed:#000000;--ui-color-bg-content-primary:#0000000F;--ui-color-base-white-fixed:#FFFFFF;--ui-color-divider-accent:#0000000F;--ui-color-divider-default:#0000000A;--ui-color-divider-less:#00000008;--ui-color-divider-vibrant-accent-more:#0000001A;--ui-color-divider-vibrant-accent:#00000014;--ui-color-divider-vibrant-default:#0000000D;--ui-color-divider-vibrant-less:#00000008;--ui-color-divider-vibrant-accent-more-alt:#0000001A;--ui-color-divider-vibrant-accent-alt:#00000017;--ui-color-divider-vibrant-default-alt:#0000000F;--ui-color-divider-vibrant-less-alt:#0000000A;--ui-color-divider-optical-1:#00000000;--ui-color-divider-optical-1-alt:#00000000;--ui-color-divider-optical-2:#FFFFFF00;--ui-divider-optical-1-weight:var(--ui-border-width-thin);--ui-divider-optical-2-weight:var(--ui-border-width-thin);--ui-color-divider-optical-on-overlay:#00000014;--ui-color-bg-content-secondary:#0000000A;--ui-divider-optical-on-overlay-weight:var(--ui-border-width-thin);--ui-color-bg-content-tertiary:#00000005;--ui-color-bg-vibrant-accent:#00000033;--ui-color-bg-state-hover-default-hex:#000000;--ui-color-bg-state-hover-default-opacity:3%;--ui-color-bg-state-hover-default:#00000008;--ui-color-bg-state-click-default-hex:#000000;--ui-color-bg-state-click-default-opacity:6%;--ui-color-bg-state-click-default:#0000000F;--ui-color-bg-state-hover-alt-hex:#FFFFFF;--ui-color-bg-state-hover-alt-opacity:7%;--ui-color-bg-state-hover-alt:#FFFFFF12;--ui-color-bg-state-click-alt-hex:#FFFFFF;--ui-color-bg-state-click-alt-opacity:14%;--ui-color-bg-state-click-alt:#FFFFFF24;--ui-color-bg-state-hover-default-overlay-hex:#000000;--ui-color-bg-state-hover-default-overlay-opacity:20%;--ui-color-bg-state-hover-default-overlay:#00000033;--ui-color-bg-state-click-default-overlay-hex:#000000;--ui-color-bg-state-click-default-overlay-opacity:32%;--ui-color-bg-state-click-default-overlay:#00000052;--ui-color-bg-state-hover-alt-overlay-hex:#FFFFFF;--ui-color-bg-state-hover-alt-overlay-opacity:35%;--ui-color-bg-state-hover-alt-overlay:#FFFFFF59;--ui-color-bg-state-click-alt-overlay-hex:#FFFFFF;--ui-color-bg-state-click-alt-overlay-opacity:50%;--ui-color-bg-state-click-alt-overlay:#FFFFFF80;--ui-color-bg-vibrant-default:#00000029;--ui-color-bg-vibrant-less:#0000001F;--ui-color-bg-vibrant-less-more:#00000014;--ui-color-bg-content-inapp:#00428F;--ui-color-bg-content-primary-layer:#292929;--ui-color-bg-content-light:#EEEEEE;--ui-bg-blur-content:var(--ui-bg-blur-accent);--ui-bg-blur-vibrant:var(--ui-bg-blur-accent);--ui-color-accent-main-primary:#1587FA;--ui-color-design-filled-bg:var(--ui-color-accent-main-primary);--ui-color-design-filled-stroke:#0000002E;--ui-design-filled-stroke-weight:1px;--ui-color-design-filled-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-secondary:#FFFFFFB3;--ui-color-design-filled-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-icon-secondary:#B4DFFF;--ui-color-design-filled-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-divider:#FFFFFF14;--ui-color-design-filled-success-bg:var(--ui-color-accent-main-success);--ui-color-design-filled-success-stroke:#00000014;--ui-design-filled-success-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-success-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-divider:#FFFFFF1F;--ui-color-design-filled-alert-bg:var(--ui-color-accent-main-alert);--ui-color-design-filled-alert-stroke:#00000014;--ui-design-filled-alert-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-alert-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-secondary:#FFFFFFB3;--ui-color-design-filled-alert-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-icon-secondary:var(--ui-color-red-25);--ui-color-design-filled-alert-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-divider:#FFFFFF1F;--ui-color-design-filled-warning-bg:var(--ui-color-accent-main-warning);--ui-color-design-filled-black-bg:var(--ui-color-base-2);--ui-color-design-filled-black-stroke:#00000014;--ui-design-filled-black-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-black-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-divider:#FFFFFF1F;--ui-color-design-filled-warning-stroke:#00000014;--ui-design-filled-warning-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-warning-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-divider:#FFFFFF1F;--ui-color-design-filled-white-bg:var(--ui-color-bg-content-primary);--ui-color-design-filled-white-stroke:#00000014;--ui-design-filled-white-stroke-weight:0px;--ui-color-design-filled-white-content:var(--ui-color-base-0);--ui-color-design-filled-white-content-icon:var(--ui-color-base-1);--ui-color-design-filled-white-content-chevron:var(--ui-color-base-1);--ui-color-design-filled-white-content-divider:var(--ui-color-base-7);--ui-color-design-filled-na-bg:var(--ui-color-base-4);--ui-color-design-filled-na-bg-secondary:var(--ui-color-base-5);--ui-color-design-filled-copilot-bg:var(--ui-color-copilot-accent-primary);--ui-color-design-filled-copilot-stroke:#00000014;--ui-design-filled-copilot-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-copilot-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-divider:#FFFFFF1F;--ui-color-design-filled-na-stroke:#00000014;--ui-color-design-filled-na-stroke-secondary:#00000014;--ui-design-filled-na-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-na-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-divider:#FFFFFF1F;--ui-color-design-tinted-bg:var(--ui-color-base-8);--ui-color-design-tinted-a1-bg:#0000001A;--ui-color-design-tinted-a1-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-a1-stroke-weight:0px;--ui-color-design-tinted-a1-content:var(--ui-color-base-0);--ui-color-design-tinted-a1-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-a1-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-a1-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-success-bg:var(--ui-color-base-8);--ui-color-design-tinted-success-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-success-stroke-weight:0px;--ui-color-design-tinted-success-content:var(--ui-color-base-0);--ui-color-design-tinted-success-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-success-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-success-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-bg-alt:#0000001A;--ui-color-design-tinted-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-stroke-weight:0px;--ui-color-design-tinted-content:var(--ui-color-base-0);--ui-color-design-tinted-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-content-icon-secondary:var(--ui-color-base-4);--ui-color-design-tinted-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-alert-bg:var(--ui-color-base-8);--ui-color-design-tinted-alert-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-alert-stroke-weight:0px;--ui-color-design-tinted-alert-content:var(--ui-color-base-0);--ui-color-design-tinted-alert-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-alert-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-alert-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-warning-bg:var(--ui-color-base-8);--ui-color-design-tinted-warning-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-warning-stroke-weight:0px;--ui-color-design-tinted-warning-content:var(--ui-color-base-0);--ui-color-design-tinted-warning-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-warning-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-warning-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-na-bg:var(--ui-color-base-8);--ui-color-design-tinted-na-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-na-stroke-weight:0px;--ui-color-design-tinted-na-content:var(--ui-color-base-0);--ui-color-design-tinted-na-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-na-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-na-content-divider:var(--ui-color-base-7);--ui-color-design-outline-a1-bg:var(--ui-color-base-8);--ui-color-design-outline-a1-stroke:var(--ui-color-base-6);--ui-design-outline-a1-stroke-weight:var(--ui-border-width-thin);--ui-color-design-outline-a1-content:var(--ui-color-base-0);--ui-color-design-outline-a1-content-icon:var(--ui-color-base-0);--ui-color-design-outline-a1-content-chevron:var(--ui-color-base-0);--ui-color-design-outline-a1-content-divider:var(--ui-color-base-8);--ui-color-design-outline-a2-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a2-stroke:var(--ui-color-base-7);--ui-design-outline-a2-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-a2-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-a2-content:var(--ui-color-base-0);--ui-color-design-outline-a2-content-icon:var(--ui-color-base-1);--ui-color-design-outline-a2-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-a2-content-divider:var(--ui-color-base-7);--ui-color-design-outline-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-stroke:var(--ui-color-base-7);--ui-design-outline-success-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-success-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-success-content:var(--ui-color-base-0);--ui-color-design-outline-success-content-icon:var(--ui-color-base-1);--ui-color-design-outline-success-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-success-content-divider:var(--ui-color-base-7);--ui-color-design-outline-alert-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-alert-stroke:var(--ui-color-base-7);--ui-design-outline-alert-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-alert-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-alert-content:var(--ui-color-base-0);--ui-color-design-outline-alert-content-icon:var(--ui-color-base-1);--ui-color-design-outline-alert-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-alert-content-divider:var(--ui-color-base-7);--ui-color-design-outline-bg-alt:var(--ui-color-bg-content-secondary);--ui-color-design-outline-stroke:#00000014;--ui-design-outline-stroke-weight:0px;--ui-design-outline-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-content:var(--ui-color-base-0);--ui-color-design-outline-content-secondary:var(--ui-color-base-5);--ui-color-design-outline-content-label:var(--ui-color-base-2);--ui-color-design-outline-content-icon:var(--ui-color-base-1);--ui-color-design-outline-content-icon-alt:var(--ui-color-base-1);--ui-color-design-outline-content-icon-secondary:var(--ui-color-base-3);--ui-color-design-outline-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-content-divider:var(--ui-color-base-7);--ui-color-design-outline-focused-stroke:var(--ui-color-base-6);--ui-color-design-outline-warning-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-warning-stroke:var(--ui-color-base-7);--ui-design-outline-warning-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-warning-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-warning-content:var(--ui-color-base-0);--ui-color-design-outline-warning-content-icon:var(--ui-color-base-1);--ui-color-design-outline-warning-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-warning-content-divider:var(--ui-color-base-7);--ui-color-design-outline-copilot-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-copilot-stroke:var(--ui-color-base-7);--ui-design-outline-copilot-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-copilot-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-copilot-content:var(--ui-color-base-0);--ui-color-design-outline-copilot-content-icon:var(--ui-color-base-1);--ui-color-design-outline-copilot-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-copilot-content-divider:var(--ui-color-base-7);--ui-color-design-outline-na-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-stroke:#00000014;--ui-design-outline-na-stroke-weight:0px;--ui-design-outline-na-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-na-content:var(--ui-color-base-5);--ui-color-design-outline-na-content-icon:var(--ui-color-base-5);--ui-color-design-outline-na-content-chevron:var(--ui-color-base-5);--ui-color-design-outline-na-content-divider:var(--ui-color-base-8);--ui-color-design-plain-a-bg:#00000000;--ui-color-design-plain-a-stroke:#00000000;--ui-design-plain-a-stroke-weight:0px;--ui-color-design-plain-a-content:var(--ui-color-base-0);--ui-color-design-plain-a-content-icon:var(--ui-color-base-1);--ui-color-design-plain-a-content-chevron:var(--ui-color-base-1);--ui-color-design-plain-a-content-divider:var(--ui-color-base-7);--ui-color-design-plain-bg:#00000000;--ui-color-design-plain-stroke:#00000000;--ui-design-plain-stroke-weight:0px;--ui-color-design-plain-content:var(--ui-color-base-0);--ui-color-design-plain-content-icon:var(--ui-color-base-1);--ui-color-design-plain-content-icon-secondary:var(--ui-color-base-3);--ui-color-design-plain-content-chevron:var(--ui-color-base-1);--ui-color-design-plain-content-divider:var(--ui-color-base-7);--ui-color-design-plain-na-bg:#00000000;--ui-color-design-plain-na-stroke:#00000000;--ui-design-plain-na-stroke-weight:0px;--ui-color-design-plain-na-content:var(--ui-color-base-4);--ui-color-design-plain-na-content-secondary:var(--ui-color-base-6);--ui-color-design-plain-na-content-icon:var(--ui-color-base-5);--ui-color-design-plain-na-content-chevron:var(--ui-color-base-5);--ui-color-design-plain-na-content-divider:var(--ui-color-base-8);--ui-color-design-plain-na-focused-bg:#00000014;--ui-color-design-selection-bg:#00000014;--ui-color-design-selection-stroke:#00000000;--ui-design-selection-stroke-weight:0px;--ui-design-selection-stroke-weight-alt:0px;--ui-color-design-plain-na-focused-stroke:#00000014;--ui-color-design-selection-content:var(--ui-color-base-1);--ui-design-plain-na-focused-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content-icon:var(--ui-color-base-1);--ui-color-design-selection-content-icon-secondary:var(--ui-color-base-2);--ui-color-design-selection-content-chevron:var(--ui-color-base-0);--ui-color-design-plain-na-focused-content:var(--ui-color-base-1);--ui-color-design-selection-content-divider:var(--ui-color-base-7);--ui-color-design-selection-focused-bg:#00000026;--ui-color-accent-main-primary-alt:#1B79E6;--ui-color-accent-main-primary-alt-2:#2A94FF;--ui-color-accent-main-success:#1CAE6A;--ui-color-accent-main-success-alt:#00904D;--ui-color-accent-main-success-alt-2:#008648;--ui-color-accent-main-link:#0045A5;--ui-color-accent-main-link-underline:#0045A54D;--ui-color-accent-main-warning:#F2A100;--ui-color-accent-main-alert:#F2473D;--ui-color-accent-soft-blue-1:#0E294B;--ui-color-accent-soft-blue-2:#062040;--ui-color-accent-soft-blue-3:#1A2A33;--ui-color-accent-soft-green-1:#0A4C2E;--ui-color-accent-soft-green-2:#052717;--ui-color-accent-soft-green-3:#041B10;--ui-color-accent-soft-orange-1:#5E3F00;--ui-color-accent-soft-orange-2:#302000;--ui-color-accent-soft-orange-3:#211600;--ui-color-accent-soft-red-1:#5E1C18;--ui-color-accent-soft-red-2:#300E0C;--ui-color-accent-soft-red-3:#210A08;--ui-color-accent-soft-grey-1:#272727;--ui-color-accent-soft-grey-2:#272727;--ui-color-accent-soft-violet-1:#3E2156;--ui-color-accent-soft-violet-2:#20112C;--ui-color-accent-soft-violet-3:#160C1E;--ui-color-accent-soft-element-blue:#0056BF;--ui-color-accent-soft-element-green:#06A35A;--ui-color-accent-soft-element-orange:#976500;--ui-color-accent-soft-element-red:#B81A15;--ui-color-accent-soft-element-violet:#A859E9;--ui-color-accent-soft-border-blue:#2D61A3;--ui-color-accent-soft-border-red:#A0403A;--ui-color-accent-soft-border-green:#187249;--ui-color-accent-brand-blue:#1181B1;--ui-color-accent-brand-green:#779E00;--ui-color-accent-extra-orange:#E0911D;--ui-color-accent-extra-aqua:#34BBCD;--ui-color-accent-extra-pink:#EC5996;--ui-color-accent-extra-grass:#22AC43;--ui-color-accent-extra-brown:#AF8B35;--ui-color-accent-extra-darkblue:#0091E3;--ui-color-copilot-bg-content-1-alt:#271149;--ui-color-copilot-bg-content-1:#271149;--ui-color-copilot-bg-content-2:#3E1A75;--ui-color-copilot-bg-content-3:#51219A;--ui-color-copilot-accent-less-1:#7037C9;--ui-color-copilot-accent-less-2:#8052C5;--ui-color-copilot-accent-primary:#A161FF;--ui-color-copilot-accent-primary-alt:#6625C6;--ui-color-copilot-element-1:#CDC1E0;--ui-color-copilot-element-2:#DDD6E7;--ui-color-collab-bg-content-1:#182B12;--ui-color-collab-bg-content-2:#1E3617;--ui-color-collab-bg-content-3:#366829;--ui-color-collab-accent-less-1:#8CEF73;--ui-color-collab-accent-less-2:#6BE860;--ui-color-collab-accent-primary:#55EF7B;--ui-color-collab-accent-primary-alt:#76FD97;--ui-color-collab-element-1:#A0FFB7;--ui-color-collab-element-2:#CEF6D7;--ui-color-black-solid:#000000;--ui-tech-grid-sep-op:5px;--ui-color-tech-push:#00000014;--ui-color-tech-focus:#0000000D;--ui-color-tech-opacity:#FFFFFF00;--ui-color-tech-bg-picture-tint:#0000003D;--ui-color-tech-dark-fixes:#383838;--ui-color-blue-02:#FFFFFF;--ui-color-black-base:#333333;--ui-color-blue-04:#FFFFFF;--ui-color-blue-06:#FFFFFF;--ui-color-blue-08:#FFFFFF;--ui-color-g-content-glass-1:#FFFFFFE6;--ui-color-g-content-glass-2:#FFFFFFB3;--ui-color-g-content-glass-3:#FFFFFF66;--ui-color-g-content-glass-grey-1:#878787;--ui-color-g-content-glass-grey-2:#707070;--ui-color-g-content-glass-grey-3:#707070;--ui-color-g-content-black:#FFFFFF;--ui-color-g-content-grey-1:#ABABAB;--ui-color-g-content-grey-2:#696969;--ui-color-g-content-grey-3:#3C3C3C;--ui-color-g-content-grey-4:#363636;--ui-color-g-content-blue-1:#1587FA;--ui-color-g-content-blue-2:#035FCF;--ui-color-g-content-blue-3:#064795;--ui-color-g-glass-green-bg-1:#1BCE7BC7;--ui-color-g-glass-green-bg-2:#008648C7;--ui-color-g-glass-green-bg-3:#2CD586C7;--ui-color-g-glass-green-stroke:#FFFFFF24;--ui-color-g-glass-collab-bg-1:#26B94AC7;--ui-color-g-glass-collab-bg-2:#109D33D1;--ui-color-g-glass-collab-bg-3:#5FCF7ABD;--ui-color-g-glass-collab-stroke:#FFFFFF24;--ui-color-g-glass-copilot-bg-1:#602DB7CC;--ui-color-g-glass-copilot-bg-2:#6D42AFCC;--ui-color-g-glass-copilot-bg-3:#725897CC;--ui-color-g-glass-copilot-stroke:#00000029;--ui-color-g-glass-blue-bg-1:#1B79E6C7;--ui-color-g-glass-blue-bg-2:#0044AAC7;--ui-color-g-glass-blue-bg-3:#3DADFFC7;--ui-color-g-glass-blue-stroke:#FFFFFF24;--ui-color-g-glass-bluish-bg-1:#0A3163CC;--ui-color-g-glass-bluish-bg-2:#25427ACC;--ui-color-g-glass-bluish-bg-3:#224A7DCC;--ui-color-g-glass-bluish-stroke:#1587FA29;--ui-color-g-glass-grey-bg-1:#404040B8;--ui-color-g-glass-grey-bg-2:#0A0A0AB8;--ui-color-g-glass-grey-bg-3:#5A5A5AB8;--ui-color-g-glass-grey-stroke:#2A2A2AA3;--ui-color-g-glass-pink-bg-1:#EB689EC7;--ui-color-g-glass-pink-bg-2:#C92F6FD1;--ui-color-g-glass-pink-bg-3:#FF9CCCBD;--ui-color-g-glass-pink-stroke:#FFFFFF24;--ui-color-g-glass-orange-bg-1:#FF9800C7;--ui-color-g-glass-orange-bg-2:#D06A0CD1;--ui-color-g-glass-orange-bg-3:#FFD27CBD;--ui-color-g-glass-orange-stroke:#FFFFFF24;--ui-color-white-base:#FFFFFF;--ui-color-blue-09:#FFFFFF;--ui-color-blue-10:#F4FCFE;--ui-color-blue-15:#ECFAFE;--ui-color-blue-20:#E5F9FF;--ui-color-blue-25:#D3F4FF;--ui-color-blue-30:#C3F0FF;--ui-color-blue-35:#FFFFFF;--ui-color-blue-40:#7FDEFC;--ui-color-blue-50:#2FC6F6;--ui-color-blue-55:#FFFFFF;--ui-color-blue-57:#FFFFFF;--ui-color-blue-60:#11A9D9;--ui-color-blue-70:#008DBA;--ui-color-blue-80:#00789E;--ui-color-blue-90:#006484;--ui-color-blue-95:#004F69;--ui-color-green-02:#FFFFFF;--ui-color-green-04:#FFFFFF;--ui-color-green-06:#FFFFFF;--ui-color-green-08:#FFFFFF;--ui-color-green-09:#FFFFFF;--ui-color-green-10:#FAFDED;--ui-color-green-15:#F5FCDE;--ui-color-green-20:#F1FBD0;--ui-color-green-25:#FAF6C3;--ui-color-green-30:#E2F1B3;--ui-color-green-35:#CFE780;--ui-color-green-40:#BBDE4D;--ui-color-green-50:#9DCF00;--ui-color-green-55:#95C500;--ui-color-green-60:#8DBB00;--ui-color-green-70:#7FA800;--ui-color-green-80:#688800;--ui-color-green-90:#506900;--ui-color-green-95:#3D4F00;--ui-color-orange-04:#FFFFFF;--ui-color-orange-06:#FFFFFF;--ui-color-orange-08:#FFFFFF;--ui-color-orange-10:#FFFAF0;--ui-color-orange-15:#FFF5E3;--ui-color-orange-20:#FFF1D6;--ui-color-orange-25:#FFE9BE;--ui-color-orange-30:#FFE1A6;--ui-color-orange-40:#FFC34D;--ui-color-orange-50:#FFA900;--ui-color-orange-60:#E89B06;--ui-color-orange-70:#C48300;--ui-color-orange-80:#9F6A00;--ui-color-orange-90:#7A5100;--ui-color-orange-95:#614000;--ui-color-red-02:#FFFFFF;--ui-color-red-04:#FFFFFF;--ui-color-red-06:#FFFFFF;--ui-color-red-08:#FFFFFF;--ui-color-red-10:#FFF8F8;--ui-color-red-15:#FFF0F0;--ui-color-red-20:#FFE8E8;--ui-color-red-25:#FFDCDB;--ui-color-red-30:#FFCDCC;--ui-color-red-40:#FF9A97;--ui-color-red-45:#FF7C78;--ui-color-red-50:#FF5752;--ui-color-red-60:#F4433E;--ui-color-red-70:#E92F2A;--ui-color-red-80:#C21B16;--ui-color-red-90:#9A0703;--ui-color-red-95:#800602;--ui-color-red-solid:#F0371B;--ui-color-gray-01:#FCFDFE;--ui-color-gray-02:#F8FAFB;--ui-color-gray-03:#F5F7F8;--ui-color-gray-04:#F1F4F6;--ui-color-gray-05:#EEF2F4;--ui-color-gray-10:#EDEEF0;--ui-color-gray-15:#E6E7E9;--ui-color-gray-20:#DFE0E3;--ui-color-gray-30:#D5D7DB;--ui-color-gray-35:#C9CCD0;--ui-color-gray-40:#BDC1C6;--ui-color-gray-50:#A8ADB4;--ui-color-gray-60:#959CA4;--ui-color-gray-70:#828B95;--ui-color-gray-80:#6A737F;--ui-color-gray-90:#525C69;--ui-color-beige-base:#FDFAE1;--ui-color-g-plastic-bluish-bg:#0A3163;--ui-color-g-plastic-bluish-stroke:#0C4281;--ui-color-g-plastic-greish-bg:#363636;--ui-color-g-plastic-greish-stroke:#636363;--ui-color-g-plastic-white-bg:#2A2A2A;--ui-color-g-plastic-white-stroke:#535353;--ui-color-design-disabled-bg:var(--ui-color-bg-content-primary);--ui-color-design-disabled-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-disabled-stroke:var(--ui-color-bg-content-primary);--ui-design-disabled-stroke-weight:0px;--ui-color-design-disabled-content:var(--ui-color-base-7);--ui-color-design-disabled-content-alt:var(--ui-color-base-6);--ui-color-design-disabled-content-icon:var(--ui-color-base-7);--ui-color-design-disabled-content-chevron:var(--ui-color-base-7);--ui-color-design-disabled-content-divider:var(--ui-color-base-8);--ui-color-design-filled-boost-bg-gradient-1:#F9BE74;--ui-color-design-filled-boost-bg-gradient-2:#FB7595;--ui-color-design-filled-boost-bg-gradient-3:#B55CCE;--ui-color-design-filled-boost-stroke:#B55CCE;--ui-design-filled-boost-stroke-weight:0px;--ui-color-design-filled-boost-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-divider:#FFFFFF14;--ui-color-design-outline-boost-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-boost-stroke:#00000014;--ui-design-outline-boost-stroke-weight:0px;--ui-color-design-outline-boost-content:var(--ui-color-base-0);--ui-color-design-outline-boost-content-label:var(--ui-color-base-2);--ui-color-design-outline-boost-content-icon-gradient-1:#F9BE74;--ui-color-design-outline-boost-content-icon-gradient-2:#FB7595;--ui-color-design-outline-boost-content-icon-gradient-3:#B55CCE;--ui-color-design-outline-boost-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-boost-content-divider:var(--ui-color-base-7);--ui-color-design-filled-market-bg-gradient-1:#B5ED0A;--ui-color-design-filled-market-bg-gradient-2:#30C6F6;--ui-color-design-filled-market-bg-gradient-3:#4479E0;--ui-color-design-filled-market-stroke:#4479E0;--ui-design-filled-market-stroke-weight:0px;--ui-color-design-filled-market-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-divider:#FFFFFF14}.--ui-context-edge-dark{--ui-color-base-0:#FFFFFF;--ui-color-base-1:#FFFFFF;--ui-color-base-2:#FFFFFFCC;--ui-color-base-3:#FFFFFFB3;--ui-color-base-4:#FFFFFF99;--ui-color-base-5:#FFFFFF80;--ui-color-base-6:#FFFFFF66;--ui-color-base-7:#FFFFFF4D;--ui-color-base-8:#FFFFFF33;--ui-color-base-black-fixed:#000000;--ui-color-bg-content-primary:#FFFFFF29;--ui-color-base-white-fixed:#FFFFFF;--ui-color-divider-accent:#FFFFFF14;--ui-color-divider-default:#FFFFFF0F;--ui-color-divider-less:#FFFFFF0A;--ui-color-divider-vibrant-accent-more:#FFFFFF26;--ui-color-divider-vibrant-accent:#FFFFFF1F;--ui-color-divider-vibrant-default:#FFFFFF14;--ui-color-divider-vibrant-less:#FFFFFF0D;--ui-color-divider-vibrant-accent-more-alt:#FFFFFF26;--ui-color-divider-vibrant-accent-alt:#FFFFFF17;--ui-color-divider-vibrant-default-alt:#FFFFFF0F;--ui-color-divider-vibrant-less-alt:#FFFFFF0A;--ui-color-divider-optical-1:#00000000;--ui-color-divider-optical-1-alt:#00000000;--ui-color-divider-optical-2:#00000000;--ui-divider-optical-1-weight:var(--ui-border-width-thin);--ui-divider-optical-2-weight:var(--ui-border-width-thick);--ui-color-divider-optical-on-overlay:#FFFFFF1F;--ui-color-bg-content-secondary:#FFFFFF1F;--ui-divider-optical-on-overlay-weight:var(--ui-border-width-thin);--ui-color-bg-content-tertiary:#FFFFFF14;--ui-color-bg-vibrant-accent:#FFFFFF3D;--ui-color-bg-state-hover-default-hex:#FFFFFF;--ui-color-bg-state-hover-default-opacity:7%;--ui-color-bg-state-hover-default:#FFFFFF12;--ui-color-bg-state-click-default-hex:#FFFFFF;--ui-color-bg-state-click-default-opacity:14%;--ui-color-bg-state-click-default:#FFFFFF24;--ui-color-bg-state-hover-alt-hex:#FFFFFF;--ui-color-bg-state-hover-alt-opacity:7%;--ui-color-bg-state-hover-alt:#FFFFFF12;--ui-color-bg-state-click-alt-hex:#FFFFFF;--ui-color-bg-state-click-alt-opacity:14%;--ui-color-bg-state-click-alt:#FFFFFF24;--ui-color-bg-state-hover-default-overlay-hex:#FFFFFF;--ui-color-bg-state-hover-default-overlay-opacity:20%;--ui-color-bg-state-hover-default-overlay:#FFFFFF33;--ui-color-bg-state-click-default-overlay-hex:#FFFFFF;--ui-color-bg-state-click-default-overlay-opacity:32%;--ui-color-bg-state-click-default-overlay:#FFFFFF52;--ui-color-bg-state-hover-alt-overlay-hex:#FFFFFF;--ui-color-bg-state-hover-alt-overlay-opacity:35%;--ui-color-bg-state-hover-alt-overlay:#FFFFFF59;--ui-color-bg-state-click-alt-overlay-hex:#FFFFFF;--ui-color-bg-state-click-alt-overlay-opacity:50%;--ui-color-bg-state-click-alt-overlay:#FFFFFF80;--ui-color-bg-vibrant-default:#FFFFFF33;--ui-color-bg-vibrant-less:#FFFFFF24;--ui-color-bg-vibrant-less-more:#FFFFFF1F;--ui-color-bg-content-inapp:#00428F;--ui-color-bg-content-primary-layer:#FFFFFF;--ui-color-bg-content-light:#EEEEEE;--ui-bg-blur-content:var(--ui-bg-blur-accent);--ui-bg-blur-vibrant:var(--ui-bg-blur-accent-more);--ui-color-accent-main-primary:#1587FA;--ui-color-design-filled-bg:var(--ui-color-accent-main-primary);--ui-color-design-filled-stroke:#FFFFFF3D;--ui-design-filled-stroke-weight:1px;--ui-color-design-filled-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-secondary:#FFFFFFB3;--ui-color-design-filled-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-icon-secondary:#B4DFFF;--ui-color-design-filled-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-content-divider:#FFFFFF1A;--ui-color-design-filled-success-bg:var(--ui-color-accent-main-success);--ui-color-design-filled-success-stroke:#FFFFFF24;--ui-design-filled-success-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-success-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-success-content-divider:#FFFFFF29;--ui-color-design-filled-alert-bg:var(--ui-color-accent-main-alert);--ui-color-design-filled-alert-stroke:#FFFFFF24;--ui-design-filled-alert-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-alert-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-secondary:#FFFFFFB3;--ui-color-design-filled-alert-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-icon-secondary:var(--ui-color-red-25);--ui-color-design-filled-alert-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-alert-content-divider:#FFFFFF29;--ui-color-design-filled-warning-bg:var(--ui-color-accent-main-warning);--ui-color-design-filled-black-bg:var(--ui-color-base-2);--ui-color-design-filled-black-stroke:#FFFFFF24;--ui-design-filled-black-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-black-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-black-content-divider:#FFFFFF29;--ui-color-design-filled-warning-stroke:#FFFFFF24;--ui-design-filled-warning-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-warning-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-warning-content-divider:#FFFFFF29;--ui-color-design-filled-white-bg:var(--ui-color-bg-content-primary);--ui-color-design-filled-white-stroke:#FFFFFF24;--ui-design-filled-white-stroke-weight:0px;--ui-color-design-filled-white-content:var(--ui-color-base-0);--ui-color-design-filled-white-content-icon:var(--ui-color-base-1);--ui-color-design-filled-white-content-chevron:var(--ui-color-base-1);--ui-color-design-filled-white-content-divider:var(--ui-color-base-7);--ui-color-design-filled-na-bg:var(--ui-color-base-4);--ui-color-design-filled-na-bg-secondary:var(--ui-color-base-5);--ui-color-design-filled-copilot-bg:var(--ui-color-copilot-accent-primary);--ui-color-design-filled-copilot-stroke:#FFFFFF24;--ui-design-filled-copilot-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-copilot-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-copilot-content-divider:#FFFFFF29;--ui-color-design-filled-na-stroke:#FFFFFF24;--ui-color-design-filled-na-stroke-secondary:#FFFFFF24;--ui-design-filled-na-stroke-weight:var(--ui-border-width-thin);--ui-color-design-filled-na-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-na-content-divider:#FFFFFF29;--ui-color-design-tinted-bg:var(--ui-color-base-8);--ui-color-design-tinted-a1-bg:#FFFFFF26;--ui-color-design-tinted-a1-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-a1-stroke-weight:0px;--ui-color-design-tinted-a1-content:var(--ui-color-base-0);--ui-color-design-tinted-a1-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-a1-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-a1-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-success-bg:var(--ui-color-base-8);--ui-color-design-tinted-success-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-success-stroke-weight:0px;--ui-color-design-tinted-success-content:var(--ui-color-base-0);--ui-color-design-tinted-success-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-success-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-success-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-bg-alt:#FFFFFF26;--ui-color-design-tinted-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-stroke-weight:0px;--ui-color-design-tinted-content:var(--ui-color-base-0);--ui-color-design-tinted-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-content-icon-secondary:var(--ui-color-base-4);--ui-color-design-tinted-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-alert-bg:var(--ui-color-base-8);--ui-color-design-tinted-alert-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-alert-stroke-weight:0px;--ui-color-design-tinted-alert-content:var(--ui-color-base-0);--ui-color-design-tinted-alert-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-alert-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-alert-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-warning-bg:var(--ui-color-base-8);--ui-color-design-tinted-warning-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-warning-stroke-weight:0px;--ui-color-design-tinted-warning-content:var(--ui-color-base-0);--ui-color-design-tinted-warning-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-warning-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-warning-content-divider:var(--ui-color-base-7);--ui-color-design-tinted-na-bg:var(--ui-color-base-8);--ui-color-design-tinted-na-stroke:var(--ui-color-base-white-fixed);--ui-design-tinted-na-stroke-weight:0px;--ui-color-design-tinted-na-content:var(--ui-color-base-0);--ui-color-design-tinted-na-content-icon:var(--ui-color-base-0);--ui-color-design-tinted-na-content-chevron:var(--ui-color-base-4);--ui-color-design-tinted-na-content-divider:var(--ui-color-base-7);--ui-color-design-outline-a1-bg:var(--ui-color-base-7);--ui-color-design-outline-a1-stroke:var(--ui-color-base-4);--ui-design-outline-a1-stroke-weight:var(--ui-border-width-thin);--ui-color-design-outline-a1-content:var(--ui-color-base-0);--ui-color-design-outline-a1-content-icon:var(--ui-color-base-0);--ui-color-design-outline-a1-content-chevron:var(--ui-color-base-0);--ui-color-design-outline-a1-content-divider:var(--ui-color-base-8);--ui-color-design-outline-a2-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-a2-stroke:var(--ui-color-base-7);--ui-design-outline-a2-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-a2-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-a2-content:var(--ui-color-base-0);--ui-color-design-outline-a2-content-icon:var(--ui-color-base-1);--ui-color-design-outline-a2-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-a2-content-divider:var(--ui-color-base-7);--ui-color-design-outline-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-success-stroke:var(--ui-color-base-7);--ui-design-outline-success-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-success-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-success-content:var(--ui-color-base-0);--ui-color-design-outline-success-content-icon:var(--ui-color-base-1);--ui-color-design-outline-success-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-success-content-divider:var(--ui-color-base-7);--ui-color-design-outline-alert-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-alert-stroke:var(--ui-color-base-7);--ui-design-outline-alert-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-alert-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-alert-content:var(--ui-color-base-0);--ui-color-design-outline-alert-content-icon:var(--ui-color-base-1);--ui-color-design-outline-alert-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-alert-content-divider:var(--ui-color-base-7);--ui-color-design-outline-bg-alt:var(--ui-color-bg-content-secondary);--ui-color-design-outline-stroke:#FFFFFF24;--ui-design-outline-stroke-weight:0px;--ui-design-outline-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-content:var(--ui-color-base-0);--ui-color-design-outline-content-secondary:var(--ui-color-base-5);--ui-color-design-outline-content-label:var(--ui-color-base-2);--ui-color-design-outline-content-icon:var(--ui-color-base-1);--ui-color-design-outline-content-icon-alt:var(--ui-color-base-1);--ui-color-design-outline-content-icon-secondary:var(--ui-color-base-3);--ui-color-design-outline-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-content-divider:var(--ui-color-base-7);--ui-color-design-outline-focused-stroke:var(--ui-color-base-6);--ui-color-design-outline-warning-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-warning-stroke:var(--ui-color-base-7);--ui-design-outline-warning-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-warning-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-warning-content:var(--ui-color-base-0);--ui-color-design-outline-warning-content-icon:var(--ui-color-base-1);--ui-color-design-outline-warning-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-warning-content-divider:var(--ui-color-base-7);--ui-color-design-outline-copilot-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-copilot-stroke:var(--ui-color-base-7);--ui-design-outline-copilot-stroke-weight:var(--ui-border-width-thin);--ui-design-outline-copilot-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-copilot-content:var(--ui-color-base-0);--ui-color-design-outline-copilot-content-icon:var(--ui-color-base-1);--ui-color-design-outline-copilot-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-copilot-content-divider:var(--ui-color-base-7);--ui-color-design-outline-na-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-outline-na-stroke:#FFFFFF24;--ui-design-outline-na-stroke-weight:0px;--ui-design-outline-na-stroke-weight-alt:var(--ui-border-width-thin);--ui-color-design-outline-na-content:var(--ui-color-base-3);--ui-color-design-outline-na-content-icon:var(--ui-color-base-4);--ui-color-design-outline-na-content-chevron:var(--ui-color-base-4);--ui-color-design-outline-na-content-divider:var(--ui-color-base-8);--ui-color-design-plain-a-bg:#FFFFFF00;--ui-color-design-plain-a-stroke:#FFFFFF00;--ui-design-plain-a-stroke-weight:0px;--ui-color-design-plain-a-content:var(--ui-color-base-0);--ui-color-design-plain-a-content-icon:var(--ui-color-base-1);--ui-color-design-plain-a-content-chevron:var(--ui-color-base-1);--ui-color-design-plain-a-content-divider:var(--ui-color-base-7);--ui-color-design-plain-bg:#FFFFFF00;--ui-color-design-plain-stroke:#FFFFFF00;--ui-design-plain-stroke-weight:0px;--ui-color-design-plain-content:var(--ui-color-base-0);--ui-color-design-plain-content-icon:var(--ui-color-base-1);--ui-color-design-plain-content-icon-secondary:var(--ui-color-base-3);--ui-color-design-plain-content-chevron:var(--ui-color-base-1);--ui-color-design-plain-content-divider:var(--ui-color-base-7);--ui-color-design-plain-na-bg:#FFFFFF00;--ui-color-design-plain-na-stroke:#FFFFFF00;--ui-design-plain-na-stroke-weight:0px;--ui-color-design-plain-na-content:var(--ui-color-base-3);--ui-color-design-plain-na-content-secondary:var(--ui-color-base-5);--ui-color-design-plain-na-content-icon:var(--ui-color-base-4);--ui-color-design-plain-na-content-chevron:var(--ui-color-base-4);--ui-color-design-plain-na-content-divider:var(--ui-color-base-8);--ui-color-design-plain-na-focused-bg:#FFFFFF1F;--ui-color-design-selection-bg:#FFFFFF4D;--ui-color-design-selection-stroke:#FFFFFF00;--ui-design-selection-stroke-weight:0px;--ui-design-selection-stroke-weight-alt:0px;--ui-color-design-plain-na-focused-stroke:#FFFFFF1F;--ui-color-design-selection-content:var(--ui-color-base-0);--ui-design-plain-na-focused-stroke-weight:var(--ui-border-width-medium);--ui-color-design-selection-content-icon:var(--ui-color-base-0);--ui-color-design-selection-content-icon-secondary:var(--ui-color-base-2);--ui-color-design-selection-content-chevron:var(--ui-color-base-0);--ui-color-design-plain-na-focused-content:var(--ui-color-base-1);--ui-color-design-selection-content-divider:var(--ui-color-base-7);--ui-color-design-selection-focused-bg:#FFFFFF57;--ui-color-accent-main-primary-alt:#1B79E6;--ui-color-accent-main-primary-alt-2:#7AB7FF;--ui-color-accent-main-success:#1CAE6A;--ui-color-accent-main-success-alt:#00904D;--ui-color-accent-main-success-alt-2:#008648;--ui-color-accent-main-link:#BAD7FF;--ui-color-accent-main-link-underline:#BAD7FF4D;--ui-color-accent-main-warning:#F2A100;--ui-color-accent-main-alert:#F2473D;--ui-color-accent-soft-blue-1:#0E294B;--ui-color-accent-soft-blue-2:#062040;--ui-color-accent-soft-blue-3:#1A2A33;--ui-color-accent-soft-green-1:#0A4C2E;--ui-color-accent-soft-green-2:#052717;--ui-color-accent-soft-green-3:#041B10;--ui-color-accent-soft-orange-1:#5E3F00;--ui-color-accent-soft-orange-2:#302000;--ui-color-accent-soft-orange-3:#211600;--ui-color-accent-soft-red-1:#5E1C18;--ui-color-accent-soft-red-2:#300E0C;--ui-color-accent-soft-red-3:#210A08;--ui-color-accent-soft-grey-1:#272727;--ui-color-accent-soft-grey-2:#272727;--ui-color-accent-soft-violet-1:#3E2156;--ui-color-accent-soft-violet-2:#20112C;--ui-color-accent-soft-violet-3:#160C1E;--ui-color-accent-soft-element-blue:#0056BF;--ui-color-accent-soft-element-green:#06A35A;--ui-color-accent-soft-element-orange:#976500;--ui-color-accent-soft-element-red:#B81A15;--ui-color-accent-soft-element-violet:#A859E9;--ui-color-accent-soft-border-blue:#2D61A3;--ui-color-accent-soft-border-red:#A0403A;--ui-color-accent-soft-border-green:#187249;--ui-color-accent-brand-blue:#1181B1;--ui-color-accent-brand-green:#779E00;--ui-color-accent-extra-orange:#E0911D;--ui-color-accent-extra-aqua:#34BBCD;--ui-color-accent-extra-pink:#EC5996;--ui-color-accent-extra-grass:#22AC43;--ui-color-accent-extra-brown:#AF8B35;--ui-color-accent-extra-darkblue:#0091E3;--ui-color-copilot-bg-content-1-alt:#271149;--ui-color-copilot-bg-content-1:#271149;--ui-color-copilot-bg-content-2:#3E1A75;--ui-color-copilot-bg-content-3:#51219A;--ui-color-copilot-accent-less-1:#7037C9;--ui-color-copilot-accent-less-2:#8052C5;--ui-color-copilot-accent-primary:#A161FF;--ui-color-copilot-accent-primary-alt:#6625C6;--ui-color-copilot-element-1:#CDC1E0;--ui-color-copilot-element-2:#DDD6E7;--ui-color-collab-bg-content-1:#182B12;--ui-color-collab-bg-content-2:#1E3617;--ui-color-collab-bg-content-3:#366829;--ui-color-collab-accent-less-1:#8CEF73;--ui-color-collab-accent-less-2:#6BE860;--ui-color-collab-accent-primary:#55EF7B;--ui-color-collab-accent-primary-alt:#76FD97;--ui-color-collab-element-1:#A0FFB7;--ui-color-collab-element-2:#CEF6D7;--ui-color-black-solid:#000000;--ui-tech-grid-sep-op:5px;--ui-color-tech-push:#00000014;--ui-color-tech-focus:#0000000D;--ui-color-tech-opacity:#FFFFFF00;--ui-color-tech-bg-picture-tint:#0000003D;--ui-color-tech-dark-fixes:#383838;--ui-color-blue-02:#FFFFFF;--ui-color-black-base:#333333;--ui-color-blue-04:#FFFFFF;--ui-color-blue-06:#FFFFFF;--ui-color-blue-08:#FFFFFF;--ui-color-g-content-glass-1:#FFFFFFE6;--ui-color-g-content-glass-2:#FFFFFFB3;--ui-color-g-content-glass-3:#FFFFFF66;--ui-color-g-content-glass-grey-1:#878787;--ui-color-g-content-glass-grey-2:#707070;--ui-color-g-content-glass-grey-3:#707070;--ui-color-g-content-black:#FFFFFF;--ui-color-g-content-grey-1:#ABABAB;--ui-color-g-content-grey-2:#696969;--ui-color-g-content-grey-3:#3C3C3C;--ui-color-g-content-grey-4:#363636;--ui-color-g-content-blue-1:#1587FA;--ui-color-g-content-blue-2:#035FCF;--ui-color-g-content-blue-3:#064795;--ui-color-g-glass-green-bg-1:#1BCE7BC7;--ui-color-g-glass-green-bg-2:#008648C7;--ui-color-g-glass-green-bg-3:#2CD586C7;--ui-color-g-glass-green-stroke:#FFFFFF24;--ui-color-g-glass-collab-bg-1:#26B94AC7;--ui-color-g-glass-collab-bg-2:#109D33D1;--ui-color-g-glass-collab-bg-3:#5FCF7ABD;--ui-color-g-glass-collab-stroke:#FFFFFF24;--ui-color-g-glass-copilot-bg-1:#602DB7CC;--ui-color-g-glass-copilot-bg-2:#6D42AFCC;--ui-color-g-glass-copilot-bg-3:#725897CC;--ui-color-g-glass-copilot-stroke:#00000029;--ui-color-g-glass-blue-bg-1:#1B79E6C7;--ui-color-g-glass-blue-bg-2:#0044AAC7;--ui-color-g-glass-blue-bg-3:#3DADFFC7;--ui-color-g-glass-blue-stroke:#FFFFFF24;--ui-color-g-glass-bluish-bg-1:#0A3163CC;--ui-color-g-glass-bluish-bg-2:#25427ACC;--ui-color-g-glass-bluish-bg-3:#224A7DCC;--ui-color-g-glass-bluish-stroke:#1587FA29;--ui-color-g-glass-grey-bg-1:#404040B8;--ui-color-g-glass-grey-bg-2:#0A0A0AB8;--ui-color-g-glass-grey-bg-3:#5A5A5AB8;--ui-color-g-glass-grey-stroke:#2A2A2AA3;--ui-color-g-glass-pink-bg-1:#EB689EC7;--ui-color-g-glass-pink-bg-2:#C92F6FD1;--ui-color-g-glass-pink-bg-3:#FF9CCCBD;--ui-color-g-glass-pink-stroke:#FFFFFF24;--ui-color-g-glass-orange-bg-1:#FF9800C7;--ui-color-g-glass-orange-bg-2:#D06A0CD1;--ui-color-g-glass-orange-bg-3:#FFD27CBD;--ui-color-g-glass-orange-stroke:#FFFFFF24;--ui-color-white-base:#FFFFFF;--ui-color-blue-09:#FFFFFF;--ui-color-blue-10:#F4FCFE;--ui-color-blue-15:#ECFAFE;--ui-color-blue-20:#E5F9FF;--ui-color-blue-25:#D3F4FF;--ui-color-blue-30:#C3F0FF;--ui-color-blue-35:#FFFFFF;--ui-color-blue-40:#7FDEFC;--ui-color-blue-50:#2FC6F6;--ui-color-blue-55:#FFFFFF;--ui-color-blue-57:#FFFFFF;--ui-color-blue-60:#11A9D9;--ui-color-blue-70:#008DBA;--ui-color-blue-80:#00789E;--ui-color-blue-90:#006484;--ui-color-blue-95:#004F69;--ui-color-green-02:#FFFFFF;--ui-color-green-04:#FFFFFF;--ui-color-green-06:#FFFFFF;--ui-color-green-08:#FFFFFF;--ui-color-green-09:#FFFFFF;--ui-color-green-10:#FAFDED;--ui-color-green-15:#F5FCDE;--ui-color-green-20:#F1FBD0;--ui-color-green-25:#FAF6C3;--ui-color-green-30:#E2F1B3;--ui-color-green-35:#CFE780;--ui-color-green-40:#BBDE4D;--ui-color-green-50:#9DCF00;--ui-color-green-55:#95C500;--ui-color-green-60:#8DBB00;--ui-color-green-70:#7FA800;--ui-color-green-80:#688800;--ui-color-green-90:#506900;--ui-color-green-95:#3D4F00;--ui-color-orange-04:#FFFFFF;--ui-color-orange-06:#FFFFFF;--ui-color-orange-08:#FFFFFF;--ui-color-orange-10:#FFFAF0;--ui-color-orange-15:#FFF5E3;--ui-color-orange-20:#FFF1D6;--ui-color-orange-25:#FFE9BE;--ui-color-orange-30:#FFE1A6;--ui-color-orange-40:#FFC34D;--ui-color-orange-50:#FFA900;--ui-color-orange-60:#E89B06;--ui-color-orange-70:#C48300;--ui-color-orange-80:#9F6A00;--ui-color-orange-90:#7A5100;--ui-color-orange-95:#614000;--ui-color-red-02:#FFFFFF;--ui-color-red-04:#FFFFFF;--ui-color-red-06:#FFFFFF;--ui-color-red-08:#FFFFFF;--ui-color-red-10:#FFF8F8;--ui-color-red-15:#FFF0F0;--ui-color-red-20:#FFE8E8;--ui-color-red-25:#FFDCDB;--ui-color-red-30:#FFCDCC;--ui-color-red-40:#FF9A97;--ui-color-red-45:#FF7C78;--ui-color-red-50:#FF5752;--ui-color-red-60:#F4433E;--ui-color-red-70:#E92F2A;--ui-color-red-80:#C21B16;--ui-color-red-90:#9A0703;--ui-color-red-95:#800602;--ui-color-red-solid:#F0371B;--ui-color-gray-01:#FCFDFE;--ui-color-gray-02:#F8FAFB;--ui-color-gray-03:#F5F7F8;--ui-color-gray-04:#F1F4F6;--ui-color-gray-05:#EEF2F4;--ui-color-gray-10:#EDEEF0;--ui-color-gray-15:#E6E7E9;--ui-color-gray-20:#DFE0E3;--ui-color-gray-30:#D5D7DB;--ui-color-gray-35:#C9CCD0;--ui-color-gray-40:#BDC1C6;--ui-color-gray-50:#A8ADB4;--ui-color-gray-60:#959CA4;--ui-color-gray-70:#828B95;--ui-color-gray-80:#6A737F;--ui-color-gray-90:#525C69;--ui-color-beige-base:#FDFAE1;--ui-color-g-plastic-bluish-bg:#0A3163;--ui-color-g-plastic-bluish-stroke:#0C4281;--ui-color-g-plastic-greish-bg:#363636;--ui-color-g-plastic-greish-stroke:#636363;--ui-color-g-plastic-white-bg:#2A2A2A;--ui-color-g-plastic-white-stroke:#535353;--ui-color-design-disabled-bg:var(--ui-color-bg-content-primary);--ui-color-design-disabled-bg-alt:var(--ui-color-bg-content-primary);--ui-color-design-disabled-stroke:var(--ui-color-bg-content-primary);--ui-design-disabled-stroke-weight:0px;--ui-color-design-disabled-content:var(--ui-color-base-7);--ui-color-design-disabled-content-alt:var(--ui-color-base-6);--ui-color-design-disabled-content-icon:var(--ui-color-base-7);--ui-color-design-disabled-content-chevron:var(--ui-color-base-7);--ui-color-design-disabled-content-divider:var(--ui-color-base-8);--ui-color-design-filled-boost-bg-gradient-1:#F9BE74;--ui-color-design-filled-boost-bg-gradient-2:#FB7595;--ui-color-design-filled-boost-bg-gradient-3:#B55CCE;--ui-color-design-filled-boost-stroke:#B55CCE;--ui-design-filled-boost-stroke-weight:0px;--ui-color-design-filled-boost-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-boost-content-divider:#FFFFFF1A;--ui-color-design-outline-boost-bg:var(--ui-color-bg-content-primary);--ui-color-design-outline-boost-stroke:#FFFFFF24;--ui-design-outline-boost-stroke-weight:0px;--ui-color-design-outline-boost-content:var(--ui-color-base-0);--ui-color-design-outline-boost-content-label:var(--ui-color-base-2);--ui-color-design-outline-boost-content-icon-gradient-1:#F9BE74;--ui-color-design-outline-boost-content-icon-gradient-2:#FB7595;--ui-color-design-outline-boost-content-icon-gradient-3:#B55CCE;--ui-color-design-outline-boost-content-chevron:var(--ui-color-base-1);--ui-color-design-outline-boost-content-divider:var(--ui-color-base-7);--ui-color-design-filled-market-bg-gradient-1:#B5ED0A;--ui-color-design-filled-market-bg-gradient-2:#30C6F6;--ui-color-design-filled-market-bg-gradient-3:#4479E0;--ui-color-design-filled-market-stroke:#4479E0;--ui-design-filled-market-stroke-weight:0px;--ui-color-design-filled-market-content:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-icon:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-chevron:var(--ui-color-base-white-fixed);--ui-color-design-filled-market-content-divider:#FFFFFF1A}:root{--ui-bg-blur-accent-more:blur(48px);--ui-bg-blur-accent:blur(24px);--ui-bg-blur-default:blur(12px);--ui-bg-blur-less:blur(6px);--ui-bg-blur-less-more:blur(2px);--ui-bg-blur-none:none;--ui-box-shadow-contrast-default-x:0px;--ui-box-shadow-contrast-default-y:1px;--ui-box-shadow-contrast-default-blur:blur(2px);--ui-box-shadow-contrast-default-spread:0px;--ui-color-box-shadow-contrast-default-color:#0000001A;--ui-box-shadow-contrast-accent-x:0px;--ui-box-shadow-contrast-accent-y:1px;--ui-box-shadow-contrast-accent-blur:blur(2px);--ui-box-shadow-contrast-accent-spread:0px;--ui-color-box-shadow-contrast-accent-color:#00000026;--ui-box-shadow-graphic-glass-content-default-x:0px;--ui-box-shadow-graphic-glass-content-default-y:4px;--ui-box-shadow-graphic-glass-content-default-blur:blur(10px);--ui-box-shadow-graphic-glass-content-default-spread:0px;--ui-color-box-shadow-graphic-glass-content-default-color:#0000000D;--ui-letter-spacing-2xl:0.75px;--ui-letter-spacing-xl:0.6499999761581421px;--ui-letter-spacing-l:-0.05000000074505806px;--ui-letter-spacing-m:-0.10000000149011612px;--ui-letter-spacing-s:-0.20000000298023224px;--ui-letter-spacing-xs:-0.3499999940395355px;--ui-border-width-thin:1px;--ui-border-width-medium:1.5px;--ui-border-width-thick:2px}.--ui-reset-bg-blur{--ui-bg-blur-content:none;--ui-bg-blur-vibrant:none;--ui-bg-blur-accent-more:none;--ui-bg-blur-accent:none;--ui-bg-blur-default:none;--ui-bg-blur-less:none;--ui-bg-blur-less-more:none;--ui-bg-blur-none:none}.--ui-hoverable,.--ui-hoverable-alt,.--ui-hoverable-overlay,.--ui-hoverable-overlay-alt{--ui-color:inherit;--ui-color-hover:unset;--ui-color-active:unset}.--ui-hoverable{--ui-color-hover:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-color-active:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.--ui-hoverable-alt{--ui-color-hover:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-hover-alt-hex) var(--ui-color-bg-state-hover-alt-opacity));--ui-color-active:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-click-alt-hex) var(--ui-color-bg-state-click-alt-opacity))}.--ui-hoverable-overlay{--ui-color-hover:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity));--ui-color-active:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-click-default-overlay-hex) var(--ui-color-bg-state-click-default-overlay-opacity))}.--ui-hoverable-overlay-alt{--ui-color-hover:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-hover-alt-overlay-hex) var(--ui-color-bg-state-hover-alt-overlay-opacity));--ui-color-active:color-mix(in srgb,var(--ui-color) 100%,var(--ui-color-bg-state-click-alt-overlay-hex) var(--ui-color-bg-state-click-alt-overlay-opacity))}

/* /bitrix/js/ui/design-tokens/dist/ui.design-tokens.css */
:root{--ui-text-letter-spacing-auto:auto;--ui-text-letter-spacing-neg-3:-0.01em;--ui-text-letter-spacing-neg-2:-0.02em;--ui-text-letter-spacing-neg-1:-0.03em;--ui-text-letter-spacing-3:0.15em;--ui-text-letter-spacing-2:0.1em;--ui-text-letter-spacing-1:0.025em;--ui-text-decoration-style-dashed:dashed;--ui-text-decoration-style-wavy:wavy;--ui-text-decoration-style-dotted:dotted;--ui-text-decoration-style-double:double;--ui-text-decoration-style-solid:solid;--ui-text-decoration-line-overline:overline;--ui-text-decoration-line-line-through:line-through;--ui-text-decoration-line-underline:underline;--ui-text-transform-lowercase:lowercase;--ui-text-transform-uppercase:uppercase;--ui-text-transform-capitalize:capitalize;--ui-text-transform-none:none;--ui-space-inset-8xl:72px;--ui-space-inset-7xl:64px;--ui-space-inset-6xl:48px;--ui-space-inset-5xl:40px;--ui-space-inset-4xl:36px;--ui-space-inset-3xl:32px;--ui-space-inset-2xl:28px;--ui-space-inset-xl2:26px;--ui-space-inset-xl:24px;--ui-space-inset-lg2:22px;--ui-space-inset-lg:20px;--ui-space-inset-md2:18px;--ui-space-inset-md:16px;--ui-space-inset-sm2:14px;--ui-space-inset-sm:12px;--ui-space-inset-xs2:10px;--ui-space-inset-xs:8px;--ui-space-inset-2xs2:6px;--ui-space-inset-2xs:4px;--ui-space-inset-3xs:2px;--ui-space-inset-none:0;--ui-space-inline-8xl-neg:-72px;--ui-space-inline-7xl-neg:-64px;--ui-space-inline-6xl-neg:-48px;--ui-space-inline-5xl-neg:-40px;--ui-space-inline-4xl-neg:-36px;--ui-space-inline-3xl-neg:-32px;--ui-space-inline-2xl-neg:-28px;--ui-space-inline-xl2-neg:-26px;--ui-space-inline-xl-neg:-24px;--ui-space-inline-lg2-neg:-22px;--ui-space-inline-lg-neg:-20px;--ui-space-inline-md2-neg:-18px;--ui-space-inline-md-neg:-16px;--ui-space-inline-sm2-neg:-14px;--ui-space-inline-sm-neg:-12px;--ui-space-inline-xs2-neg:-10px;--ui-space-inline-xs-neg:-8px;--ui-space-inline-2xs2-neg:-6px;--ui-space-inline-2xs-neg:-4px;--ui-space-inline-3xs-neg:-2px;--ui-space-inline-8xl:72px;--ui-space-inline-7xl:64px;--ui-space-inline-6xl:48px;--ui-space-inline-5xl:40px;--ui-space-inline-4xl:36px;--ui-space-inline-3xl:32px;--ui-space-inline-2xl:28px;--ui-space-inline-xl2:26px;--ui-space-inline-xl:24px;--ui-space-inline-lg2:22px;--ui-space-inline-lg:20px;--ui-space-inline-md2:18px;--ui-space-inline-md:16px;--ui-space-inline-sm2:14px;--ui-space-inline-sm:12px;--ui-space-inline-xs2:10px;--ui-space-inline-xs:8px;--ui-space-inline-2xs2:6px;--ui-space-inline-2xs:4px;--ui-space-inline-3xs:2px;--ui-space-inline-none:0;--ui-space-stack-8xl-neg:-72px;--ui-space-stack-7xl-neg:-64px;--ui-space-stack-6xl-neg:-48px;--ui-space-stack-5xl-neg:-40px;--ui-space-stack-4xl-neg:-36px;--ui-space-stack-3xl-neg:-32px;--ui-space-stack-2xl-neg:-28px;--ui-space-stack-xl2-neg:-26px;--ui-space-stack-xl-neg:-24px;--ui-space-stack-lg2-neg:-22px;--ui-space-stack-lg-neg:-20px;--ui-space-stack-md2-neg:-18px;--ui-space-stack-md-neg:-16px;--ui-space-stack-sm2-neg:-14px;--ui-space-stack-sm-neg:-12px;--ui-space-stack-xs2-neg:-10px;--ui-space-stack-xs-neg:-8px;--ui-space-stack-2xs2-neg:-6px;--ui-space-stack-2xs-neg:-4px;--ui-space-stack-3xs-neg:-2px;--ui-space-stack-8xl:72px;--ui-space-stack-7xl:64px;--ui-space-stack-6xl:48px;--ui-space-stack-5xl:40px;--ui-space-stack-4xl:36px;--ui-space-stack-3xl:32px;--ui-space-stack-2xl:28px;--ui-space-stack-xl2:26px;--ui-space-stack-xl:24px;--ui-space-stack-lg2:22px;--ui-space-stack-lg:20px;--ui-space-stack-md2:18px;--ui-space-stack-md:16px;--ui-space-stack-sm2:14px;--ui-space-stack-sm:12px;--ui-space-stack-xs2:10px;--ui-space-stack-xs:8px;--ui-space-stack-2xs2:6px;--ui-space-stack-2xs:4px;--ui-space-stack-3xs:2px;--ui-space-stack-none:0;--ui-size-8xl:72px;--ui-size-7xl:64px;--ui-size-6xl:48px;--ui-size-5xl:40px;--ui-size-4xl:36px;--ui-size-3xl:32px;--ui-size-2xl:28px;--ui-size-xl2:26px;--ui-size-xl:24px;--ui-size-lg2:22px;--ui-size-lg:20px;--ui-size-md2:18px;--ui-size-md:16px;--ui-size-sm2:14px;--ui-size-sm:12px;--ui-size-xs2:10px;--ui-size-xs:8px;--ui-size-2xs2:6px;--ui-size-2xs:4px;--ui-size-3xs:2px;--ui-size-none:0;--ui-shadow-left-4xl:-16px 0px 24px 0px rgba(0,0,0,0.11);--ui-shadow-left-3xl:-12px 0px 17px 0px rgba(0,0,0,0.1);--ui-shadow-left-2xl:-8px 0px 10px 0px rgba(0,0,0,0.1);--ui-shadow-left-xl:-6px 0px 10px 0px rgba(0,0,0,0.1);--ui-shadow-left-l:-4px 0px 5px 0px rgba(0,0,0,0.08);--ui-shadow-left-m:-3px 0px 4px 0px rgba(0,0,0,0.08);--ui-shadow-left-s:-2px 0px 4px 0px rgba(0,0,0,0.08);--ui-shadow-left-xs:-2px 0px 2px 0px rgba(0,0,0,0.07);--ui-shadow-left-2xs:-1px 0px 2px 0px rgba(0,0,0,0.06);--ui-shadow-bottom-4xl:0px 16px 24px 0px rgba(0,0,0,0.11);--ui-shadow-bottom-3xl:0px 12px 17px 0px rgba(0,0,0,0.1);--ui-shadow-bottom-2xl:0px 8px 10px 0px rgba(0,0,0,0.1);--ui-shadow-bottom-xl:0px 6px 10px 0px rgba(0,0,0,0.1);--ui-shadow-bottom-l:0px 4px 5px 0px rgba(0,0,0,0.08);--ui-shadow-bottom-m:0px 3px 4px 0px rgba(0,0,0,0.08);--ui-shadow-bottom-s:0px 2px 4px 0px rgba(0,0,0,0.08);--ui-shadow-bottom-xs:0px 2px 2px 0px rgba(0,0,0,0.07);--ui-shadow-bottom-2xs:0px 1px 2px 0px rgba(0,0,0,0.06);--ui-shadow-right-4xl:16px 0px 24px 0px rgba(0,0,0,0.11);--ui-shadow-right-3xl:12px 0px 17px 0px rgba(0,0,0,0.1);--ui-shadow-right-2xl:8px 0px 10px 0px rgba(0,0,0,0.1);--ui-shadow-right-xl:6px 0px 10px 0px rgba(0,0,0,0.1);--ui-shadow-right-l:4px 0px 5px 0px rgba(0,0,0,0.08);--ui-shadow-right-m:3px 0px 4px 0px rgba(0,0,0,0.08);--ui-shadow-right-s:2px 0px 4px 0px rgba(0,0,0,0.08);--ui-shadow-right-xs:2px 0px 2px 0px rgba(0,0,0,0.07);--ui-shadow-right-2xs:1px 0px 2px 0px rgba(0,0,0,0.06);--ui-shadow-top-4xl:0px -16px 24px 0px rgba(0,0,0,0.11);--ui-shadow-top-3xl:0px -12px 17px 0px rgba(0,0,0,0.1);--ui-shadow-top-2xl:0px -8px 10px 0px rgba(0,0,0,0.1);--ui-shadow-top-xl:0px -6px 10px 0px rgba(0,0,0,0.1);--ui-shadow-top-l:0px -4px 5px 0px rgba(0,0,0,0.08);--ui-shadow-top-m:0px -3px 4px 0px rgba(0,0,0,0.08);--ui-shadow-top-s:0px -2px 4px 0px rgba(0,0,0,0.08);--ui-shadow-top-xs:0px -2px 2px 0px rgba(0,0,0,0.07);--ui-shadow-top-2xs:0px -1px 2px 0px rgba(0,0,0,0.06);--ui-opacity-none:0;--ui-opacity-full:1;--ui-opacity-90:0.9;--ui-opacity-80:0.8;--ui-opacity-70:0.7;--ui-opacity-60:0.6;--ui-opacity-50:0.5;--ui-opacity-40:0.4;--ui-opacity-30:0.3;--ui-opacity-20:0.2;--ui-opacity-10:0.1;--ui-opacity-5:0.05;--ui-font-line-height-3xl:2;--ui-font-line-height-2xl:1.75;--ui-font-line-height-xl:1.62;--ui-font-line-height-lg:1.5;--ui-font-line-height-md:1.4;--ui-font-line-height-sm:1.35;--ui-font-line-height-2xs:1.3;--ui-font-line-height-3xs:1.2;--ui-font-line-height-reset:1;--ui-font-size-5xl:28px;--ui-font-size-4xl:24px;--ui-font-size-3xl:22px;--ui-font-size-2xl:18px;--ui-font-size-xl:16px;--ui-font-size-lg:15px;--ui-font-size-md:14px;--ui-font-size-sm:13px;--ui-font-size-xs:12px;--ui-font-size-3xs:11px;--ui-font-size-4xs:10px;--ui-font-size-5xs:9px;--ui-font-size-6xs:8px;--ui-font-size-7xs:7px;--ui-font-weight-extra-black:950;--ui-font-weight-black:900;--ui-font-weight-extra-bold:800;--ui-font-weight-bold:700;--ui-font-weight-semi-bold:600;--ui-font-weight-medium:500;--ui-font-weight-normal:400;--ui-font-weight-regular:400;--ui-font-weight-light:300;--ui-font-weight-extra-light:200;--ui-font-weight-thin:100;--ui-font-family-helvetica:"Helvetica Neue",Helvetica,Arial,sans-serif;--ui-font-family-system-mono:ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--ui-font-family-system:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--ui-color-palette-beige-base:#fdfae1;--ui-color-palette-beige-base-rgb:253,250,225;--ui-color-palette-gray-02:#f8fafb;--ui-color-palette-gray-02-rgb:248,250,251;--ui-color-palette-gray-03:#f5f7f8;--ui-color-palette-gray-03-rgb:245,247,248;--ui-color-palette-gray-04:#f1f4f6;--ui-color-palette-gray-04-rgb:241,244,246;--ui-color-palette-gray-05:#eef2f4;--ui-color-palette-gray-05-rgb:238,242,244;--ui-color-palette-gray-90:#525c69;--ui-color-palette-gray-90-rgb:82,92,105;--ui-color-palette-gray-80:#6a737f;--ui-color-palette-gray-80-rgb:106,115,127;--ui-color-palette-gray-70:#828b95;--ui-color-palette-gray-70-rgb:130,139,149;--ui-color-palette-gray-60:#959ca4;--ui-color-palette-gray-60-rgb:149,156,164;--ui-color-palette-gray-50:#a8adb4;--ui-color-palette-gray-50-rgb:168,173,180;--ui-color-palette-gray-40:#bdc1c6;--ui-color-palette-gray-40-rgb:189,193,198;--ui-color-palette-gray-35:#c9ccd0;--ui-color-palette-gray-35-rgb:201,204,208;--ui-color-palette-gray-30:#d5d7db;--ui-color-palette-gray-30-rgb:213,215,219;--ui-color-palette-gray-20:#dfe0e3;--ui-color-palette-gray-20-rgb:223,224,227;--ui-color-palette-gray-15:#e6e7e9;--ui-color-palette-gray-15-rgb:230,231,233;--ui-color-palette-gray-10:#edeef0;--ui-color-palette-gray-10-rgb:237,238,240;--ui-color-palette-red-solid:#f0371b;--ui-color-palette-red-solid-rgb:240,55,27;--ui-color-palette-red-95:#800602;--ui-color-palette-red-95-rgb:128,6,2;--ui-color-palette-red-90:#9a0703;--ui-color-palette-red-90-rgb:154,7,3;--ui-color-palette-red-80:#c21b16;--ui-color-palette-red-80-rgb:194,27,22;--ui-color-palette-red-70:#e92f2a;--ui-color-palette-red-70-rgb:233,47,42;--ui-color-palette-red-60:#f4433e;--ui-color-palette-red-60-rgb:244,67,62;--ui-color-palette-red-50:#ff5752;--ui-color-palette-red-50-rgb:255,87,82;--ui-color-palette-red-45:#ff7c78;--ui-color-palette-red-45-rgb:255,124,120;--ui-color-palette-red-40:#ff9a97;--ui-color-palette-red-40-rgb:255,154,151;--ui-color-palette-red-30:#ffcdcc;--ui-color-palette-red-30-rgb:255,205,204;--ui-color-palette-red-25:#ffdcdb;--ui-color-palette-red-25-rgb:255,220,219;--ui-color-palette-red-20:#ffe8e8;--ui-color-palette-red-20-rgb:255,232,232;--ui-color-palette-red-15:#fff0f0;--ui-color-palette-red-15-rgb:255,240,240;--ui-color-palette-red-10:#fff8f8;--ui-color-palette-red-10-rgb:255,248,248;--ui-color-palette-orange-95:#614000;--ui-color-palette-orange-95-rgb:97,64,0;--ui-color-palette-orange-90:#7a5100;--ui-color-palette-orange-90-rgb:122,81,0;--ui-color-palette-orange-80:#9f6a00;--ui-color-palette-orange-80-rgb:159,106,0;--ui-color-palette-orange-70:#c48300;--ui-color-palette-orange-70-rgb:196,131,0;--ui-color-palette-orange-60:#e89b06;--ui-color-palette-orange-60-rgb:232,155,6;--ui-color-palette-orange-50:#ffa900;--ui-color-palette-orange-50-rgb:255,169,0;--ui-color-palette-orange-40:#ffc34d;--ui-color-palette-orange-40-rgb:255,195,77;--ui-color-palette-orange-30:#ffe1a6;--ui-color-palette-orange-30-rgb:255,225,166;--ui-color-palette-orange-25:#ffe9be;--ui-color-palette-orange-25-rgb:255,233,190;--ui-color-palette-orange-20:#fff1d6;--ui-color-palette-orange-20-rgb:255,241,214;--ui-color-palette-orange-15:#fff5e3;--ui-color-palette-orange-15-rgb:255,245,227;--ui-color-palette-orange-10:#fffaf0;--ui-color-palette-orange-10-rgb:255,250,240;--ui-color-palette-green-95:#3d4f00;--ui-color-palette-green-95-rgb:61,79,0;--ui-color-palette-green-90:#506900;--ui-color-palette-green-90-rgb:80,105,0;--ui-color-palette-green-80:#688800;--ui-color-palette-green-80-rgb:104,136,0;--ui-color-palette-green-70:#7fa800;--ui-color-palette-green-70-rgb:127,168,0;--ui-color-palette-green-60:#8dbb00;--ui-color-palette-green-60-rgb:141,187,0;--ui-color-palette-green-55:#95c500;--ui-color-palette-green-55-rgb:149,197,0;--ui-color-palette-green-50:#9dcf00;--ui-color-palette-green-50-rgb:157,207,0;--ui-color-palette-green-40:#bbde4d;--ui-color-palette-green-40-rgb:187,222,77;--ui-color-palette-green-35:#cfe780;--ui-color-palette-green-35-rgb:207,231,128;--ui-color-palette-green-30:#e2f1b3;--ui-color-palette-green-30-rgb:226,241,179;--ui-color-palette-green-25:#faf6c3;--ui-color-palette-green-25-rgb:250,246,195;--ui-color-palette-green-20:#f1fbd0;--ui-color-palette-green-20-rgb:241,251,208;--ui-color-palette-green-15:#f5fcde;--ui-color-palette-green-15-rgb:245,252,222;--ui-color-palette-green-10:#fafded;--ui-color-palette-green-10-rgb:250,253,237;--ui-color-palette-blue-95:#004f69;--ui-color-palette-blue-95-rgb:0,79,105;--ui-color-palette-blue-90:#006484;--ui-color-palette-blue-90-rgb:0,100,132;--ui-color-palette-blue-80:#00789e;--ui-color-palette-blue-80-rgb:0,120,158;--ui-color-palette-blue-70:#008dba;--ui-color-palette-blue-70-rgb:0,141,186;--ui-color-palette-blue-60:#11a9d9;--ui-color-palette-blue-60-rgb:17,169,217;--ui-color-palette-blue-50:#2fc6f6;--ui-color-palette-blue-50-rgb:47,198,246;--ui-color-palette-blue-40:#7fdefc;--ui-color-palette-blue-40-rgb:127,222,252;--ui-color-palette-blue-30:#c3f0ff;--ui-color-palette-blue-30-rgb:195,240,255;--ui-color-palette-blue-25:#d3f4ff;--ui-color-palette-blue-25-rgb:211,244,255;--ui-color-palette-blue-20:#e5f9ff;--ui-color-palette-blue-20-rgb:229,249,255;--ui-color-palette-blue-15:#ecfafe;--ui-color-palette-blue-15-rgb:236,250,254;--ui-color-palette-blue-10:#f4fcfe;--ui-color-palette-blue-10-rgb:244,252,254;--ui-color-palette-white-base:#ffffff;--ui-color-palette-white-base-rgb:255,255,255;--ui-color-palette-black-base:#333333;--ui-color-palette-black-base-rgb:51,51,51;--ui-color-palette-black-solid:#000000;--ui-color-palette-black-solid-rgb:0,0,0;--ui-color-overlay-base:rgba(255,255,255,0.5);--ui-color-accent-yellow:#fef3b8;--ui-color-accent-yellow-rgb:254,243,184;--ui-color-accent-purple:#a77bde;--ui-color-accent-purple-rgb:167,123,222;--ui-color-accent-turquoise:#05b5ab;--ui-color-accent-turquoise-rgb:5,181,171;--ui-color-accent-green:#29ad49;--ui-color-accent-green-rgb:41,173,73;--ui-color-accent-brown:#ae914b;--ui-color-accent-brown-rgb:174,145,75;--ui-color-accent-pink:#fb6dba;--ui-color-accent-pink-rgb:251,109,186;--ui-color-accent-aqua:#55d0e0;--ui-color-accent-aqua-rgb:85,208,224;--ui-color-accent-light-blue:#559be6;--ui-color-accent-light-blue-rgb:85,155,230;--ui-color-tag-9:#e2e3e5;--ui-color-tag-9-rgb:226,227,229;--ui-color-tag-8:#ccd3dd;--ui-color-tag-8-rgb:204,211,221;--ui-color-tag-7:#dfc684;--ui-color-tag-7-rgb:223,198,132;--ui-color-tag-6:#ace5ec;--ui-color-tag-6-rgb:172,229,236;--ui-color-tag-5:#c2d1f0;--ui-color-tag-5-rgb:194,209,240;--ui-color-tag-4:#87eda0;--ui-color-tag-4-rgb:135,237,160;--ui-color-tag-3:#dbf087;--ui-color-tag-3-rgb:219,240,135;--ui-color-tag-2:#00baf2;--ui-color-tag-2-rgb:0,186,242;--ui-color-tag-1:#bcedfc;--ui-color-tag-1-rgb:188,237,252;--ui-color-link-primary-base:#2066b0;--ui-color-link-primary-base-rgb:32,102,176;--ui-color-background-none:none;--ui-color-background-transparent:transparent;--ui-color-copilot-primary:#8e52ec;--ui-color-copilot-primary-rgb:142,82,236;--ui-color-copilot-secondary:#b095dc;--ui-color-copilot-secondary-rgb:176,149,220;--ui-color-copilot-dark:#682ac6;--ui-color-copilot-dark-rgb:104,42,198;--ui-border-width-thick:2px;--ui-border-width-thin:1px;--ui-border-radius-pill:99rem;--ui-border-radius-circle:50%;--ui-border-radius-3xl:20px;--ui-border-radius-2xl:16px;--ui-border-radius-xl:14px;--ui-border-radius-lg:12px;--ui-border-radius-md:10px;--ui-border-radius-sm:8px;--ui-border-radius-xs:6px;--ui-border-radius-2xs:4px;--ui-border-radius-3xs:2px;--ui-border-radius-none:0;--ui-typography-text-lg-font-weight:400;--ui-typography-text-lg-line-height:1.4;--ui-typography-text-lg-font-size:var(--ui-font-size-lg);--ui-typography-text-md-font-weight:400;--ui-typography-text-md-line-height:1.4;--ui-typography-text-md-font-size:var(--ui-font-size-md);--ui-typography-text-sm-font-weight:400;--ui-typography-text-sm-line-height:1.4;--ui-typography-text-sm-font-size:var(--ui-font-size-sm);--ui-typography-text-xs-font-weight:400;--ui-typography-text-xs-line-height:1.35;--ui-typography-text-xs-font-size:var(--ui-font-size-xs);--ui-typography-heading-h6-color:var(--ui-color-palette-black-base);--ui-typography-heading-h6-font-weight:600;--ui-typography-heading-h6-line-height:1.4;--ui-typography-heading-h6-font-size:var(--ui-font-size-md);--ui-typography-heading-h5-color:var(--ui-color-palette-black-base);--ui-typography-heading-h5-font-weight:400;--ui-typography-heading-h5-line-height:1.35;--ui-typography-heading-h5-font-size:var(--ui-font-size-xl);--ui-typography-heading-h4-color:var(--ui-color-palette-black-base);--ui-typography-heading-h4-font-weight:400;--ui-typography-heading-h4-line-height:1.35;--ui-typography-heading-h4-font-size:var(--ui-font-size-2xl);--ui-typography-heading-h3-color:var(--ui-color-palette-black-base);--ui-typography-heading-h3-font-weight:300;--ui-typography-heading-h3-line-height:1.3;--ui-typography-heading-h3-font-size:var(--ui-font-size-3xl);--ui-typography-heading-h2-color:var(--ui-color-palette-black-base);--ui-typography-heading-h2-font-weight:300;--ui-typography-heading-h2-line-height:1.3;--ui-typography-heading-h2-font-size:var(--ui-font-size-4xl);--ui-typography-heading-h1-color:var(--ui-color-palette-black-base);--ui-typography-heading-h1-font-weight:300;--ui-typography-heading-h1-line-height:1.2;--ui-typography-heading-h1-font-size:var(--ui-font-size-5xl);--ui-color-base-default:var(--ui-color-palette-black-base);--ui-color-base-default-rgb:var(--ui-color-palette-black-base-rgb);--ui-color-base-solid:var(--ui-color-palette-black-solid);--ui-color-base-solid-rgb:var(--ui-color-palette-black-solid-rgb);--ui-color-base-05:var(--ui-color-palette-gray-05);--ui-color-base-05-rgb:var(--ui-color-palette-gray-05-rgb);--ui-color-base-04:var(--ui-color-palette-gray-04);--ui-color-base-04-rgb:var(--ui-color-palette-gray-04-rgb);--ui-color-base-03:var(--ui-color-palette-gray-03);--ui-color-base-03-rgb:var(--ui-color-palette-gray-03-rgb);--ui-color-base-02:var(--ui-color-palette-gray-02);--ui-color-base-02-rgb:var(--ui-color-palette-gray-02-rgb);--ui-color-base-90:var(--ui-color-palette-gray-90);--ui-color-base-90-rgb:var(--ui-color-palette-gray-90-rgb);--ui-color-base-80:var(--ui-color-palette-gray-80);--ui-color-base-80-rgb:var(--ui-color-palette-gray-80-rgb);--ui-color-base-70:var(--ui-color-palette-gray-70);--ui-color-base-70-rgb:var(--ui-color-palette-gray-70-rgb);--ui-color-base-60:var(--ui-color-palette-gray-60);--ui-color-base-60-rgb:var(--ui-color-palette-gray-60-rgb);--ui-color-base-50:var(--ui-color-palette-gray-50);--ui-color-base-50-rgb:var(--ui-color-palette-gray-50-rgb);--ui-color-base-40:var(--ui-color-palette-gray-40);--ui-color-base-40-rgb:var(--ui-color-palette-gray-40-rgb);--ui-color-base-35:var(--ui-color-palette-gray-35);--ui-color-base-35-rgb:var(--ui-color-palette-gray-35-rgb);--ui-color-base-30:var(--ui-color-palette-gray-30);--ui-color-base-30-rgb:var(--ui-color-palette-gray-30-rgb);--ui-color-base-20:var(--ui-color-palette-gray-20);--ui-color-base-20-rgb:var(--ui-color-palette-gray-20-rgb);--ui-color-base-15:var(--ui-color-palette-gray-15);--ui-color-base-15-rgb:var(--ui-color-palette-gray-15-rgb);--ui-color-base-10:var(--ui-color-palette-gray-10);--ui-color-base-10-rgb:var(--ui-color-palette-gray-10-rgb);--ui-color-background-note:var(--ui-color-palette-beige-base);--ui-color-background-note-rgb:var(--ui-color-palette-beige-base-rgb);--ui-color-background-on-alert:var(--ui-color-palette-red-70);--ui-color-background-on-alert-rgb:var(--ui-color-palette-red-70-rgb);--ui-color-background-alert:var(--ui-color-palette-red-20);--ui-color-background-alert-rgb:var(--ui-color-palette-red-20-rgb);--ui-color-background-on-warning:var(--ui-color-palette-orange-70);--ui-color-background-on-warning-rgb:var(--ui-color-palette-orange-70-rgb);--ui-color-background-warning:var(--ui-color-palette-orange-20);--ui-color-background-warning-rgb:var(--ui-color-palette-orange-20-rgb);--ui-color-background-on-success:var(--ui-color-palette-green-70);--ui-color-background-on-success-rgb:var(--ui-color-palette-green-70-rgb);--ui-color-background-success:var(--ui-color-palette-green-20);--ui-color-background-success-rgb:var(--ui-color-palette-green-20-rgb);--ui-color-background-on-info:var(--ui-color-palette-blue-70);--ui-color-background-on-info-rgb:var(--ui-color-palette-blue-70-rgb);--ui-color-background-info:var(--ui-color-palette-blue-20);--ui-color-background-info-rgb:var(--ui-color-palette-blue-20-rgb);--ui-color-background-tertiary:var(--ui-color-palette-gray-05);--ui-color-background-tertiary-rgb:var(--ui-color-palette-gray-05-rgb);--ui-color-background-secondary:var(--ui-color-palette-gray-10);--ui-color-background-secondary-rgb:var(--ui-color-palette-gray-10-rgb);--ui-color-background-primary:var(--ui-color-palette-white-base);--ui-color-background-primary-rgb:var(--ui-color-palette-white-base-rgb);--ui-color-text-warning:var(--ui-color-palette-orange-50);--ui-color-text-warning-rgb:var(--ui-color-palette-orange-50-rgb);--ui-color-text-alert:var(--ui-color-palette-red-50);--ui-color-text-alert-rgb:var(--ui-color-palette-red-50-rgb);--ui-color-text-subtle:var(--ui-color-palette-gray-70);--ui-color-text-subtle-rgb:var(--ui-color-palette-gray-70-rgb);--ui-color-text-secondary:var(--ui-color-palette-gray-90);--ui-color-text-secondary-rgb:var(--ui-color-palette-gray-90-rgb);--ui-color-text-primary:var(--ui-color-palette-black-base);--ui-color-text-primary-rgb:var(--ui-color-palette-black-base-rgb);--ui-color-extranet:var(--ui-color-palette-orange-60);--ui-color-extranet-rgb:var(--ui-color-palette-orange-60-rgb);--ui-color-on-primary-alt:var(--ui-color-palette-white-base);--ui-color-on-primary-alt-rgb:var(--ui-color-palette-white-base-rgb);--ui-color-primary-alt:var(--ui-color-palette-green-50);--ui-color-primary-alt-rgb:var(--ui-color-palette-green-50-rgb);--ui-color-on-primary:var(--ui-color-palette-white-base);--ui-color-on-primary-rgb:var(--ui-color-palette-white-base-rgb);--ui-color-primary:var(--ui-color-palette-blue-50);--ui-color-primary-rgb:var(--ui-color-palette-blue-50-rgb)}.ui-typography-heading-h1{font-size:var(--ui-typography-heading-h1-font-size);line-height:var(--ui-typography-heading-h1-line-height);font-weight:var(--ui-typography-heading-h1-font-weight);color:var(--ui-typography-heading-h1-color)}.ui-typography-heading-h2{font-size:var(--ui-typography-heading-h2-font-size);line-height:var(--ui-typography-heading-h2-line-height);font-weight:var(--ui-typography-heading-h2-font-weight);color:var(--ui-typography-heading-h2-color)}.ui-typography-heading-h3{font-size:var(--ui-typography-heading-h3-font-size);line-height:var(--ui-typography-heading-h3-line-height);font-weight:var(--ui-typography-heading-h3-font-weight);color:var(--ui-typography-heading-h3-color)}.ui-typography-heading-h4{font-size:var(--ui-typography-heading-h4-font-size);line-height:var(--ui-typography-heading-h4-line-height);font-weight:var(--ui-typography-heading-h4-font-weight);color:var(--ui-typography-heading-h4-color)}.ui-typography-heading-h5{font-size:var(--ui-typography-heading-h5-font-size);line-height:var(--ui-typography-heading-h5-line-height);font-weight:var(--ui-typography-heading-h5-font-weight);color:var(--ui-typography-heading-h5-color)}.ui-typography-heading-h6{font-size:var(--ui-typography-heading-h6-font-size);line-height:var(--ui-typography-heading-h6-line-height);font-weight:var(--ui-typography-heading-h6-font-weight);color:var(--ui-typography-heading-h6-color)}.ui-typography-text-xs{font-size:var(--ui-typography-text-xs-font-size);line-height:var(--ui-typography-text-xs-line-height);font-weight:var(--ui-typography-text-xs-font-weight)}.ui-typography-text-sm{font-size:var(--ui-typography-text-sm-font-size);line-height:var(--ui-typography-text-sm-line-height);font-weight:var(--ui-typography-text-sm-font-weight)}.ui-typography-text-md{font-size:var(--ui-typography-text-md-font-size);line-height:var(--ui-typography-text-md-line-height);font-weight:var(--ui-typography-text-md-font-weight)}.ui-typography-text-lg{font-size:var(--ui-typography-text-lg-font-size);line-height:var(--ui-typography-text-lg-line-height);font-weight:var(--ui-typography-text-lg-font-weight)}

/* /bitrix/js/main/popup/dist/main.popup.bundle.css */
.popup-window{background-color:var(--popup-window-background-color,#fff);-webkit-box-shadow:var(--popup-window-box-shadow,0 7px 21px rgba(83,92,105,.12),0 -1px 6px 0 rgba(83,92,105,.06));box-shadow:var(--popup-window-box-shadow,0 7px 21px rgba(83,92,105,.12),0 -1px 6px 0 rgba(83,92,105,.06));padding:10px;font:13px var(--ui-font-family-primary,var(--ui-font-family-helvetica));-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;border-radius:var(--popup-window-border-radius);border:var(--popup-window-border,none);will-change:opacity}.popup-window-disable-scroll{overflow:hidden}.popup-window.--fixed{position:fixed !important}.popup-window.--open{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.popup-window.popup-window-with-titlebar{padding:0 10px 10px}.popup-window-delimiter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--popup-window-delimiter-height,1px);position:relative;margin:var(--popup-window-delimiter-margin)}.popup-window-delimiter:before{content:"";position:absolute;left:0;right:0;display:block;height:1px;background-color:var(--popup-window-delimiter-bg-color,#f0f1f2)}.popup-window-delimiter-section{display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--popup-window-delimiter-section-height,25px);text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--popup-window-delimiter-margin)}.popup-window-delimiter-section:before,.popup-window-delimiter-section:after{display:block;content:"";-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:15px;height:1px;background-color:var(--popup-window-delimiter-bg-color,#f0f1f2)}.popup-window-delimiter-section:before{display:var(--popup-window-delimiter-left-line-display,block)}.popup-window-delimiter-section:after{display:var(--popup-window-delimiter-right-line-display,block)}.popup-window-delimiter-text{padding:var(--popup-window-delimiter-text-padding,0 12px);background:#fff;color:var(--popup-window-delimiter-text-color,#b1b6bc);font-size:var(--popup-window-delimiter-text-transform,10px);font-weight:var(--popup-window-delimiter-font-weight,var(--ui-font-weight-bold));text-transform:var(--popup-window-delimiter-text-transform,uppercase);white-space:nowrap;overflow-x:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.popup-window-buttons{text-align:center;padding:20px 0 10px;position:relative}.popup-window-button{display:inline-block;height:39px;line-height:39px;margin:0 12px 0 0;background:#ecedef;border-radius:var(--popup-window-button-border-radius,2px);cursor:pointer;color:#7a818a;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-bold,700);font-size:12px;outline:none;padding:0 18px;vertical-align:middle;text-decoration:none;text-transform:uppercase;text-shadow:none;white-space:nowrap;-webkit-box-shadow:0 0 0 1px #c6cdd3 inset;box-shadow:0 0 0 1px #c6cdd3 inset;-webkit-font-smoothing:antialiased;-webkit-transition:background-color 0.2s linear,color 0.2s linear;-o-transition:background-color 0.2s linear,color 0.2s linear;transition:background-color 0.2s linear,color 0.2s linear}.popup-window-button:before,.popup-window-button:after{display:none}.popup-window-button:hover{background:#cfd4d8;color:#535c69}.popup-window-button:last-child{margin-right:0}.popup-window-button-accept,.popup-window-button-create{background:#bbed21;-webkit-box-shadow:none;box-shadow:none;color:#535c69}.popup-window-button-accept:hover,.popup-window-button-create:hover{background:#d2f95f;color:#535c69}.popup-window-button-wait{color:transparent !important;position:relative}.popup-window-button-wait .popup-window-button-text{opacity:0}.popup-window-button-wait:before{background:none !important;-webkit-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff;border-radius:50%;color:#fff;display:block !important;content:'_' !important;font-size:10px;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));line-height:10px;height:21px;top:10px;left:50%;margin:0 0 0 -11px;padding-right:6px;position:absolute;text-align:right;width:15px}.popup-window-button-wait:after{background:#fff !important;content:' ' !important;display:block !important;height:7px;position:absolute;top:13px;left:50%;padding:0;width:1px;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-animation:popup-window-button-animation 1s infinite linear;animation:popup-window-button-animation 1s infinite linear}.popup-window-button-create.popup-window-button-wait:before,.popup-window-button-accept.popup-window-button-wait:before{color:#535c69;-webkit-box-shadow:inset 0 0 0 1px #535c69;box-shadow:inset 0 0 0 1px #535c69}.popup-window-button-create.popup-window-button-wait:after,.popup-window-button-accept.popup-window-button-wait:after{background:#535c69 !important}@-webkit-keyframes popup-window-button-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes popup-window-button-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.popup-window-button-decline{background:#f1361b;color:#fff;-webkit-box-shadow:none;box-shadow:none}.popup-window-button-decline:hover{background:#cc1a00;color:#fff}.popup-window-button-cancel{font-weight:normal}.popup-window-button-blue{background-color:#3bc8f5;-webkit-box-shadow:none;box-shadow:none;color:#fff}.popup-window-button-blue:hover{background-color:#3fddff;color:#fff}.popup-window-button-blue:active{background-color:#13b1e3;color:#fff}.popup-window-button-link,.popup-window-button-link-cancel,.popup-window-button-link:hover,.popup-window-button-link:active{background:none;-webkit-box-shadow:none;box-shadow:none}.popup-window-button-link{border-bottom:1px solid #c0c2c5;border-radius:0;color:#535c69;cursor:pointer;height:17px;line-height:17px;-webkit-transition:border-bottom-color 0.15s linear;-o-transition:border-bottom-color 0.15s linear;transition:border-bottom-color 0.15s linear;padding:0}.popup-window-button-link:hover,.popup-window-button-link:active{border-bottom-color:#535c69;color:#535c69;line-height:17px;height:17px}.popup-window-button-link-cancel{color:#f1361b;border-bottom-color:#ffb4a9}.popup-window-button.popup-window-button-link-cancel:hover,.popup-window-button.popup-window-button-link-cancel:active{border-bottom-color:#f1361b;color:#f1361b}.popup-window-button-disable{cursor:default;opacity:0.3}.popup-window-titlebar{height:49px}.popup-window-titlebar-text,.popup-window-titlebar-text-version{-webkit-box-sizing:border-box;box-sizing:border-box;color:#80868e;display:inline-block;font-size:14px;font-weight:var(--ui-font-weight-bold);max-width:100%;line-height:49px;overflow:hidden;padding:0 30px 0 4px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.popup-window-titlebar-text-version{font-weight:normal;font-size:13px;padding-left:0}.popup-window-content{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:var(--popup-window-content-border-radius);scrollbar-width:thin;scrollbar-color:var(--popup-window-scrollbar-thumb-background,rgba(82,92,105,0.2))}.popup-window-content::-webkit-scrollbar{width:12px}.popup-window-content::-webkit-scrollbar-track{background-color:var(--popup-window-scrollbar-track-background,rgba(82,92,105,0.05));margin:8px 0;border-right:4px solid transparent;border-left:4px solid transparent;background-clip:content-box}.popup-window-content::-webkit-scrollbar-thumb{background-color:var(--popup-window-scrollbar-thumb-background,rgba(82,92,105,0.2));margin:8px 0;border-right:4px solid transparent;border-left:4px solid transparent;background-clip:content-box}.popup-window-content::-webkit-scrollbar-thumb:hover{background-color:var(--popup-window-scrollbar-thumb-hover-background,rgba(82,92,105,0.5))}.popup-window-with-titlebar .popup-window-content,.popup-window-content-gray .popup-window-content{background-color:#eef2f4}.popup-window-content-white .popup-window-content{background-color:#fff}.popup-window-with-titlebar .popup-window-content{padding:20px}.popup-window-close-icon{cursor:pointer;height:27px;outline:none;opacity:0.5;position:absolute;right:3px;top:5px;width:27px;-webkit-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.popup-window-close-icon:after{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:10px;height:10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.666.621a.5.5 0 00-.707 0L5.002 3.58 2.044.62a.5.5 0 00-.707 0l-.714.714a.5.5 0 000 .707L3.581 5 .623 7.957a.5.5 0 000 .708l.714.713a.5.5 0 00.707 0L5.002 6.42l2.957 2.958a.5.5 0 00.708 0l.713-.714a.5.5 0 000-.707L6.422 5 9.38 2.042a.5.5 0 000-.707L8.666.62z' fill='%23828b95'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;content:""}.popup-window-close-icon.--large:after{width:12px;height:12px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.664 6l3.89 3.891a.6.6 0 010 .848l-.813.815a.6.6 0 01-.85 0l-3.89-3.89-3.89 3.89a.6.6 0 01-.849 0l-.814-.815a.6.6 0 010-.848l3.89-3.89L.448 2.11a.6.6 0 010-.849l.814-.814a.6.6 0 01.849 0L6 4.337l3.89-3.89a.6.6 0 01.85 0l.814.814a.6.6 0 010 .849L7.665 6z' fill='%23828b95'/%3E%3C/svg%3E")}.popup-window-close-icon.--large{top:10px;right:10px}.popup-window-close-icon.popup-window-titlebar-close-icon.--large,.popup-window-titlebar-close-icon{top:10px;right:7px}.popup-window-close-icon:hover{opacity:1}.popup-window-angly{display:none;height:22px;position:absolute;overflow:hidden;width:33px;pointer-events:none}.popup-window-angly--arrow{background-color:#fff;-webkit-box-shadow:0 0 21px rgba(83,92,105,.13);box-shadow:0 0 21px rgba(83,92,105,.13);content:'';height:15px;position:absolute;left:9px;top:16px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;width:15px}.popup-window-angly-top{display:block;left:10px;margin:0;top:-22px}.popup-window-angly-top .popup-window-angly--arrow{}.popup-window-angly-right{display:block;right:-17px;top:10px;height:30px;width:17px}.popup-window-angly-right .popup-window-angly--arrow{left:-9px;top:8px}.popup-window-angly-bottom{bottom:-20px;display:block;height:20px;margin-left:10px}.popup-window-angly-bottom .popup-window-angly--arrow{top:-9px}.popup-window-angly-left{display:block;left:-14px;top:10px;height:30px;width:14px}.popup-window-angly-left .popup-window-angly--arrow{left:8px;top:8px}.popup-window-overlay{position:absolute;top:0;left:0;display:none;background:#333;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}.popup-window-resize{opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;position:absolute;right:2px;bottom:2px;width:12px;height:12px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAADBJREFUGBljYMADLl269B+PNESKNopwmoosgcxGcSeyBDKbKEUoGpA5uNgoplKNAwBv1DPc646T+wAAAABJRU5ErkJggg==");background-repeat:no-repeat;background-position:center;cursor:nwse-resize}.popup-window:hover .popup-window-resize{opacity:1}.menu-popup{padding:var(--menu-popup-padding,8px 0)}.menu-popup-title{margin:0 0 7px 0;padding:0 0 0 4px;color:#4c4c4c;white-space:nowrap;font:normal normal normal 12px/normal var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.menu-popup .menu-popup-item{background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:36px;position:relative;text-decoration:none;outline:none;white-space:nowrap}.menu-popup .menu-popup-item[style*="block"]{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.menu-popup .menu-popup-item-disabled{pointer-events:none;opacity:0.4;cursor:default}.menu-popup .menu-popup-item-disabled .main-ui-loader-svg-circle{stroke:#4a4e53;stroke-width:3}.menu-popup-item-icon{display:inline-block;margin-left:15px;vertical-align:middle;width:var(--menu-popup-item-icon-width,19px);height:var(--menu-popup-item-icon-height,16px)}.menu-popup-item-text{display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));font-size:var(--menu-popup-item-font-size);color:var(--menu-popup-item-color,#525c68);line-height:36px;padding:0 15px 0 9px;text-decoration:none;vertical-align:middle;-webkit-transition:color 0.2s linear;-o-transition:color 0.2s linear;transition:color 0.2s linear}.menu-popup .menu-popup-items .main-buttons-submenu-item.main-buttons-submenu-separator.main-buttons-hidden-label .menu-popup-item-text span{top:-10px !important}.menu-popup-item-text .tariff-lock{margin:0 5px 2px 5px;vertical-align:middle}.popup-window-fixed-width .menu-popup-item-text{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.menu-popup-no-icon .menu-popup-item-text{padding:var(--menu-popup-item-padding,0 15px)}.menu-popup-item-submenu .menu-popup-item-text{padding-right:var(--menu-popup-item-has-submenu-padding,28px)}.menu-popup-item:hover,.menu-popup-item.menu-popup-item-open{background-color:var(--menu-popup-item-bg-color-hover,#f5f5f6)}.menu-popup-item:active{background-color:var(--menu-popup-item-bg-color-active,#f5f5f6)}.menu-popup-item:hover .menu-popup-item-text{color:var(--menu-popup-item-color-hover,#3b434f)}.menu-popup-item:active .menu-popup-item-text{color:var(--menu-popup-item-color-active)}.menu-popup-item.menu-popup-item-disabled:hover{background:initial}.menu-popup-item-submenu:after{position:absolute;right:var(--menu-popup-item-chevron-right,11px);width:var(--menu-popup-item-chevron-width,6px);height:var(--menu-popup-item-chevron-height,9px);background-image:var(--menu-popup-item-chevron-image,url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0tLjAxIDEuMTg3bDIuOTIyIDIuOTItMi45MiAyLjkyMyAxLjE3MyAxLjE3MyAyLjkyLTIuOTJMNS4yNiA0LjEwNyAxLjE2NC4wMTMiIGZpbGw9IiNBOEFCQjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==));background-size:cover;content:""}.bx-admin-submenu-opened{background:#f0f0f0 !important;border-radius:3px}.menu-popup-no-icon .menu-popup-item-icon{display:none}.menu-popup-item-view .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.37 0a6.37 6.37 0 015.326 9.861l3.309 3.307c.392.392.39 1.03.005 1.415l-.427.427c-.39.389-1.025.384-1.415-.005l-3.307-3.309A6.37 6.37 0 118.369 0zm0 1.82a4.55 4.55 0 100 9.098 4.55 4.55 0 000-9.098z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-edit .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M14.42 1l2.55 2.577-9.978 9.951-2.55-2.577L14.418 1zM3.008 14.638a.267.267 0 00.067.255c.067.067.164.093.255.067l2.851-.768-2.405-2.405-.768 2.85z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-create .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8.978 0v6h6.064v2.948l-6.064-.001v6.043H6l-.001-6.043H0V6h5.999L6 0h2.978z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-create-quick .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.39 8.032v3l3.01.002v2l-3.01-.001v3.003h-2v-3.003h-3.005v-2h3.006V8.032h2zM12.23 0L6.77 6.044h5.46l-8.865 9.409L6.77 8.744H2L5.009 0h7.22z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-take .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M7.477 14.702L2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-begin .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M9.632 1a7.632 7.632 0 110 15.265A7.632 7.632 0 019.632 1zm0 1.752a5.88 5.88 0 100 11.761 5.88 5.88 0 000-11.761zM8.296 5.119a.7.7 0 01.375.11l4.418 2.806a.7.7 0 010 1.182L8.67 12.024a.7.7 0 01-1.075-.59V5.818a.7.7 0 01.7-.7z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-decline .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M6.161 2l.017 2.83h2.138a4.433 4.433 0 014.433 4.434v.129a4.433 4.433 0 01-4.433 4.433H4.91c-.24 0-.474-.019-.702-.055v-1.949h3.908l.163-.005a2.48 2.48 0 002.317-2.475l-.005-.163A2.48 2.48 0 008.116 6.86H6.19l.017 3.048L2 5.932 6.161 2zm10.043 1.887v9.662h-2.008V3.887h2.008z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-reopen .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M9.514 2a6.508 6.508 0 015.42 2.899l1.794-1.796v5.681h-5.68l2.238-2.238a4.254 4.254 0 10-3.772 6.222l.146-.005-.173 2.264-.207-.004A6.514 6.514 0 019.514 2z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-complete .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M4 2h11.648L13.1 6.015l2.548 4.016-9.661-.001v4.963H4V2z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-hold .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M8 2v12H5V2h3zm5.986 0v12h-3V2h3z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-accept .menu-popup-item-icon{background-repeat:no-repeat;background-image:var(--menu-popup-item-accept-image,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M7.477 14.702L2 9.39l2.267-2.209 3.21 3.102L16.002 2l2.267 2.209z'/%3E%3C/svg%3E"));background-color:transparent}.menu-popup-item-remake .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.246 8.07l1.398 2.234a2 2 0 01-1.695 3.06l-3.038-.001v2.439L8.56 12.45l3.352-3.352-.001 2.065 2.676.001-1.247-1.993 1.906-1.101zM5.58 5.71l1.227 4.578L4.849 9.16l-1.253 2.005h3.056v2.2H3.236a2 2 0 01-1.695-3.06L2.944 8.06 1 6.936 5.579 5.71zM10.153.304a2 2 0 01.635.635l1.746 2.791L14.5 2.597l-1.227 4.578L8.694 5.95l1.933-1.117-1.535-2.455L7.6 4.761l-1.906-1.1L7.397.94a2 2 0 012.756-.635z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-delete .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M15.406 3.889l-3.8 3.8 3.841 3.841-1.867 1.867-3.841-3.842-3.826 3.828-1.887-1.886L7.853 7.67l-3.8-3.8L5.92 2.003l3.8 3.8 3.8-3.8z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-copy .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M4.898 9.472V3.094c0-.108.088-.196.196-.196h6.378c.107 0 .195.088.195.196V3.4h1.899v-1.76a.642.642 0 00-.64-.641H3.64a.642.642 0 00-.64.64v9.285c0 .353.288.64.64.64h1.655V9.668h-.201a.196.196 0 01-.196-.195zm10.223 3.442a.208.208 0 01-.207.207H8.161a.208.208 0 01-.207-.207V6.161c0-.113.094-.207.207-.207h6.753c.114 0 .207.094.207.207v6.753zm1.148-8.86H6.713a.66.66 0 00-.659.66v9.555a.66.66 0 00.66.659h9.555a.661.661 0 00.659-.66V4.714a.66.66 0 00-.66-.659z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-delegate .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M10.283 2.73c-.485-.8 3.605-1.466 3.877.984a7.774 7.774 0 010 2.227s.611-.073.203 1.137c0 0-.225.87-.57.675 0 0 .056 1.1-.487 1.287 0 0 .04.586.04.625l.453.07s-.014.49.077.542c.414.279.868.49 1.345.626 1.41.372 2.126 1.012 2.126 1.571l.388 2.55H5.908s.079-1.256.293-2.127c.215-.87 1.42-1.516 2.53-2.013.575-.258.7-.412 1.278-.676a2.04 2.04 0 00.039-.487l.491-.06s.065.122-.039-.597c0 0-.552-.15-.578-1.294 0 0-.415.143-.44-.55-.018-.47-.372-.878.137-1.216l-.26-.72s-.272-2.78.924-2.555zm-7.307.929l4.167 4.168-4.167 4.167-.001-3.001H0v-2h2.975V3.659z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-add-to-tm .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3E%3Cpath fill='%23525C69' fill-rule='evenodd' d='M12.293 1.542a7.494 7.494 0 014.696 6.952 7.348 7.348 0 01-7.196 7.49 7.494 7.494 0 112.5-14.442zM5.428 4.587a5.64 5.64 0 004.291 9.543 5.53 5.53 0 005.416-5.636 5.64 5.64 0 00-9.707-3.907zM8.13 9.989V5.417h2v2.572h2.508v2H8.13z'/%3E%3C/svg%3E") no-repeat}.menu-popup-item-accept-sm .menu-popup-item-icon{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16' viewBox='-4 -4 19 16'%3E%3Cpath fill='%232066B0' d='M1.36 3.446L4.013 6.1 10.316 0l1.36 1.36-6.299 6.1-1.364 1.36-1.36-1.36L0 4.806z'/%3E%3C/svg%3E") no-repeat}.popup-window-button-left,.popup-window-button-right{display:none}.popup-window-dark{background-color:rgba(0,0,0,0.8);border-radius:var(--popup-window-border-radius,4px);-webkit-box-shadow:0 19px 24px rgba(88,112,118,0.17);box-shadow:0 19px 24px rgba(88,112,118,0.17)}.popup-window-dark .popup-window-content{background-color:transparent;color:#fff;margin:0}.popup-window-dark .popup-window-angly--arrow{background-color:rgba(0,0,0,0.8)}.popup-window-dark .popup-window-titlebar-text{color:#fff}.popup-window-dark .popup-window-close-icon:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.666.621a.5.5 0 00-.707 0L5.002 3.58 2.044.62a.5.5 0 00-.707 0l-.714.714a.5.5 0 000 .707L3.581 5 .623 7.957a.5.5 0 000 .708l.714.713a.5.5 0 00.707 0L5.002 6.42l2.957 2.958a.5.5 0 00.708 0l.713-.714a.5.5 0 000-.707L6.422 5 9.38 2.042a.5.5 0 000-.707L8.666.62z' fill='%23FFF'/%3E%3C/svg%3E")}.popup-window-dark .popup-window-close-icon.--large:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.664 6l3.89 3.891a.6.6 0 010 .848l-.813.815a.6.6 0 01-.85 0l-3.89-3.89-3.89 3.89a.6.6 0 01-.849 0l-.814-.815a.6.6 0 010-.848l3.89-3.89L.448 2.11a.6.6 0 010-.849l.814-.814a.6.6 0 01.849 0L6 4.337l3.89-3.89a.6.6 0 01.85 0l.814.814a.6.6 0 010 .849L7.665 6z' fill='%23FFF'/%3E%3C/svg%3E")}.popup-window-tabs-box{padding:10px 0 4px}.popup-window-tabs{position:relative;padding:0 20px 0 0;margin:0;height:42px;font-size:0;z-index:1}.popup-window-tab{display:inline-block;height:42px;margin:0 7px 0 0;padding:0 12px;border:none;vertical-align:top;font-size:14px;font-weight:var(--ui-font-weight-bold);font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));line-height:41px;color:#535c69;background-color:#ecf2f3;text-shadow:none;cursor:pointer;-webkit-transition:background-color 0.15s linear;-o-transition:background-color 0.15s linear;transition:background-color 0.15s linear}.popup-window-tab:hover{background-color:#f7f9f9}.popup-window-tab-selected{position:relative;z-index:2;padding:0 11px;background-color:#fff !important;line-height:40px;border-radius:2px 2px 0 0;border:1px solid #c6cdd3;border-bottom:none;cursor:default}.popup-window-tabs-content{margin:0;padding:10px;border:1px solid #c6cdd3;border-radius:0 3px 3px}.popup-window-tab-content{display:none;padding:20px;background:#eef2f4}.popup-window-tabs-content-white .popup-window-tab-content{padding:10px;background:#fff}.popup-window-tab-content-selected{display:block}.popup-window-show-animation-opacity{-webkit-animation:popupWindowShowAnimationOpacity 100ms;animation:popupWindowShowAnimationOpacity 100ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes popupWindowShowAnimationOpacity{0%{opacity:0}100%{opacity:1}}@keyframes popupWindowShowAnimationOpacity{0%{opacity:0}100%{opacity:1}}.popup-window-show-animation-opacity-transform{-webkit-animation:popupWindowShowAnimationOpacityTransform 100ms;animation:popupWindowShowAnimationOpacityTransform 100ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes popupWindowShowAnimationOpacityTransform{0%{opacity:0;-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0px,0);-ms-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}}@keyframes popupWindowShowAnimationOpacityTransform{0%{opacity:0;-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0px,0);-ms-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}}.popup-window-close-animation-opacity{-webkit-animation:popupWindowCloseAnimationOpacity 150ms;animation:popupWindowCloseAnimationOpacity 150ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes popupWindowCloseAnimationOpacity{0%{opacity:1}100%{opacity:0}}@keyframes popupWindowCloseAnimationOpacity{0%{opacity:1}100%{opacity:0}}.popup-window-close-animation-opacity-transform{-webkit-animation:popupWindowCloseAnimationOpacity 150ms;animation:popupWindowCloseAnimationOpacity 150ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes popupWindowCloseAnimationOpacityTransform{0%{opacity:1;-webkit-transform:translate3d(0,0px,0);-ms-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}100%{opacity:0;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}}@keyframes popupWindowCloseAnimationOpacityTransform{0%{opacity:1;-webkit-transform:translate3d(0,0px,0);-ms-transform:translate3d(0,0px,0);transform:translate3d(0,0px,0)}100%{opacity:0;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}}.popup-window-show-animation-scale{-webkit-animation:popup-window-show-animation-scale 400ms;animation:popup-window-show-animation-scale 400ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes popup-window-show-animation-scale{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes popup-window-show-animation-scale{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}

/* /bitrix/js/ui/switcher/dist/ui.switcher.bundle.css */
.ui-switcher{position:relative;display:inline-block;height:22px;width:53px;border-radius:32px;overflow:hidden;box-sizing:border-box;cursor:pointer;z-index:4;-webkit-user-select:none;user-select:none}.ui-switcher-enabled,.ui-switcher-disabled{display:inline-block;position:absolute;left:0;width:100%;height:100%;color:rgba(var(--ui-color-on-primary-rgb),var(--ui-opacity-40));font-size:var(--ui-font-size-6xs);line-height:22px;font-family:var(--ui-font-family-open-sans);font-weight:var(--ui-font-weight-bold,700);text-transform:uppercase;vertical-align:middle;transition:opacity .2s ease-out;overflow:hidden;box-sizing:border-box;z-index:1}.ui-switcher-enabled{padding:0 25px 0 0;background-color:var(--ui-color-primary);text-align:right;z-index:2}.ui-switcher-disabled{padding:0 0 0 22px;background-color:var(--ui-color-base-15);color:var(--ui-color-base-40)}.ui-switcher-cursor{position:absolute;top:50%;left:0;width:16px;height:16px;border-radius:50%;background:var(--ui-color-background-primary);box-shadow:0 1px 1px rgba(0,0,0,.09);transform:translate(33px,-50%);transition:transform .2s ease-out;z-index:3}.ui-switcher-cursor svg{top:0;bottom:0;left:0;right:0;margin:auto;height:inherit;width:inherit;animation:rotate 1s linear infinite;transform-origin:center center}.ui-switcher-cursor svg circle{stroke:#ccc;stroke-dasharray:60,200;stroke-dashoffset:0;animation:dash 1.5s linear infinite;stroke-linecap:round}.ui-switcher-size-xs.ui-switcher{width:25px;height:13px}.ui-switcher-size-xs .ui-switcher-cursor{width:9px;height:9px}.ui-switcher-size-xs .ui-switcher-enabled,.ui-switcher-size-xs .ui-switcher-disabled{padding:0;font-size:0}.ui-switcher-size-xs .ui-switcher-cursor{transform:translate(12px,-50%)}.ui-switcher-size-sm.ui-switcher{width:43px;height:17px}.ui-switcher-size-sm .ui-switcher-cursor{width:11px;height:11px}.ui-switcher-size-sm .ui-switcher-enabled,.ui-switcher-size-sm .ui-switcher-disabled{font-size:var(--ui-font-size-7xs);line-height:17px;font-family:var(--ui-font-family-open-sans);font-weight:var(--ui-font-weight-bold,700)}.ui-switcher-size-sm .ui-switcher-enabled{padding:0 21px 0 0}.ui-switcher-size-sm .ui-switcher-disabled{padding:0 0 0 17px}.ui-switcher-size-sm .ui-switcher-cursor{transform:translate(27px,-50%)}.ui-switcher-color-green .ui-switcher-enabled{background-color:#bbed22;text-align:right;color:rgba(var(--ui-color-text-secondary-rgb),var(--ui-opacity-30))}.ui-switcher-off .ui-switcher-cursor{transform:translate(4px,-50%)}.ui-switcher-off .ui-switcher-disabled{opacity:1}.ui-switcher-off .ui-switcher-enabled{opacity:0}.ui-switcher-lock{opacity:.4;cursor:not-allowed}.ui-switcher.--air{--ui-switcher-width:30px;--ui-switcher-height:15px;--ui-switcher-bg:var(--ui-color-design-filled-bg);--ui-switcher-off-bg:var(--ui-color-base-6);--ui-switcher-cursor-size:11px;--ui-switcher-cursor-bg:var(--ui-color-base-white-fixed);--ui-switcher-off-cursor-translate:2px;--ui-switcher-on-cursor-translate:calc(var(--ui-switcher-width) - var(--ui-switcher-cursor-size) - var(--ui-switcher-off-cursor-translate));width:var(--ui-switcher-width);height:var(--ui-switcher-height);background-color:var(--ui-switcher-bg);border-radius:512px}.ui-switcher.--air.ui-switcher-size-xss{--ui-switcher-width:19px;--ui-switcher-height:10px;--ui-switcher-cursor-size:6px;--ui-switcher-off-cursor-translate:2px}.ui-switcher.--air.ui-switcher-size-xs{--ui-switcher-width:23px;--ui-switcher-height:12px;--ui-switcher-cursor-size:8px;--ui-switcher-off-cursor-translate:2px}.ui-switcher.--air.ui-switcher-size-sm{--ui-switcher-width:27px;--ui-switcher-height:14px;--ui-switcher-cursor-size:10px;--ui-switcher-off-cursor-translate:2px}.ui-switcher.--air.ui-switcher-size-md{--ui-switcher-width:30px;--ui-switcher-height:15px;--ui-switcher-cursor-size:11px;--ui-switcher-off-cursor-translate:2px}.ui-switcher.--air.ui-switcher-size-lg{--ui-switcher-width:40px;--ui-switcher-height:19px;--ui-switcher-cursor-size:15px;--ui-switcher-off-cursor-translate:2px}.ui-switcher.--air.ui-switcher-size-xl{--ui-switcher-width:51px;--ui-switcher-height:25px;--ui-switcher-cursor-size:19px;--ui-switcher-off-cursor-translate:3px}.ui-switcher.--air,.ui-switcher.--air.--style-filled{--ui-switcher-bg:var(--ui-color-design-filled-bg);--ui-switcher-off-bg:var(--ui-color-base-6);--ui-switcher-cursor-bg:var(--ui-color-design-filled-content)}.ui-switcher.--air.--style-tinted{--ui-switcher-bg:var(--ui-color-design-tinted-a1-bg);--ui-switcher-off-bg:var(--ui-color-base-7);--ui-switcher-cursor-bg:var(--ui-color-design-tinted-a1-content)}.ui-switcher.--air,.ui-switcher.--air.ui-switcher-size-xss,.ui-switcher.--air.ui-switcher-size-xs,.ui-switcher.--air.ui-switcher-size-sm,.ui-switcher.--air.ui-switcher-size-md,.ui-switcher.--air.ui-switcher-size-l,.ui-switcher.--air.ui-switcher-size-xl{width:var(--ui-switcher-width);height:var(--ui-switcher-height)}.ui-switcher.--air.ui-switcher-off{--ui-switcher-bg:var(--ui-switcher-off-bg)}.ui-switcher.--air .ui-switcher-enabled,.ui-switcher.--air.ui-switcher-size-xss .ui-switcher-enabled,.ui-switcher.--air.ui-switcher-size-xs .ui-switcher-enabled,.ui-switcher.--air.ui-switcher-size-sm .ui-switcher-enabled,.ui-switcher.--air.ui-switcher-size-md .ui-switcher-enabled,.ui-switcher.--air.ui-switcher-size-l .ui-switcher-enabled,.ui-switcher.--air.ui-switcher-size-xl .ui-switcher-enabled,.ui-switcher.--air .ui-switcher-disabled,.ui-switcher.--air.ui-switcher-size-xss .ui-switcher-disabled,.ui-switcher.--air.ui-switcher-size-xs .ui-switcher-disabled,.ui-switcher.--air.ui-switcher-size-sm .ui-switcher-disabled,.ui-switcher.--air.ui-switcher-size-md .ui-switcher-disabled,.ui-switcher.--air.ui-switcher-size-l .ui-switcher-disabled,.ui-switcher.--air.ui-switcher-size-xl .ui-switcher-disabled{font-size:0;padding:0}.ui-switcher.--air .ui-switcher-enabled,.ui-switcher.--air .ui-switcher-disabled{background-color:var(--ui-switcher-bg)}.ui-switcher.--air.ui-switcher-lock{--ui-switcher-bg:var(--ui-color-base-7);--ui-switcher-cursor-bg:var(--ui-color-base-6);opacity:1;cursor:not-allowed}.ui-switcher.--air .ui-switcher-cursor,.ui-switcher.--air.ui-switcher-size-xss .ui-switcher-cursor,.ui-switcher.--air.ui-switcher-size-xs .ui-switcher-cursor,.ui-switcher.--air.ui-switcher-size-sm .ui-switcher-cursor,.ui-switcher.--air.ui-switcher-size-md .ui-switcher-cursor,.ui-switcher.--air.ui-switcher-size-l .ui-switcher-cursor,.ui-switcher.--air.ui-switcher-size-xl .ui-switcher-cursor{width:var(--ui-switcher-cursor-size);height:var(--ui-switcher-cursor-size);top:50%;left:0;transform:translate(var(--ui-switcher-on-cursor-translate),-50%);background-color:var(--ui-switcher-cursor-bg);box-shadow:none}.ui-switcher.--air.ui-switcher-off .ui-switcher-cursor{transform:translate(var(--ui-switcher-off-cursor-translate),-50%)}

/* /bitrix/js/ui/cnt/ui.cnt.css */
:root{--ui-counter-current-size:16px;--ui-counter-size-sm:13px;--ui-counter-size-md:16px;--ui-counter-size-lg:19px;--ui-counter-font-size:11px;--ui-counter-font-weight:var(--ui-font-weight-bold);--ui-counter-current-bg-color:#f54819;--ui-counter-bg-color-gray:#a8adb4;--ui-counter-bg-color-success:#9dcf00;--ui-counter-bg-color-primary:#2fc6f6;--ui-counter-bg-color-danger:#f54819;--ui-counter-bg-color-warning:#FBAF16;--ui-counter-bg-color-light:#fff;--ui-counter-bg-color-white:#fff;--ui-counter-bg-color-theme:rgba(82,92,105,.15);--ui-counter-bg-color-dark:rgba(255,255,255,.19);--ui-counter-current-border-color:transparent;--ui-counter-border-color-light:#fff}:root .bitrix24-light-theme{--ui-counter-bg-color-theme:rgba(255,255,255,.3)}.ui-counter{display:inline-flex;align-items:center;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-size:var(--ui-counter-font-size);line-height:var(--ui-counter-current-size);font-weight:var(--ui-font-weight-regular,400);position:relative}.ui-counter-inner{text-align:center;position:relative;color:#fff;vertical-align:middle;min-width:calc(var(--ui-counter-current-size) + 2px);box-sizing:border-box;padding:0 4px;border-radius:calc(var(--ui-counter-current-size) / 2);background-color:var(--ui-counter-current-bg-color);border:1px solid var(--ui-counter-current-border-color);overflow:hidden;line-height:inherit;height:var(--ui-counter-current-size);display:inline-flex;align-items:center;justify-content:center;z-index:1}.ui-counter-secondary{position:absolute;left:3px;background-color:var(--ui-counter-current-bg-color);width:100%;height:100%;border-radius:calc(var(--ui-counter-current-size) / 2)}.ui-counter-secondary:before{content:'';width:100%;height:100%;position:absolute;left:-2px;background:var(--ui-color-background-primary);border-radius:calc(var(--ui-counter-current-size) / 2)}.ui-counter-gray{--ui-counter-current-bg-color:var(--ui-counter-bg-color-gray)}.ui-counter-primary{--ui-counter-current-bg-color:var(--ui-counter-bg-color-primary)}.ui-counter-danger{--ui-counter-current-bg-color:var(--ui-counter-bg-color-danger)}.ui-counter-success{--ui-counter-current-bg-color:var(--ui-counter-bg-color-success)}.ui-counter-warning{--ui-counter-current-bg-color:var(--ui-counter-bg-color-warning)}.ui-counter-light .ui-counter-inner{box-shadow:inset 0 0 0 1px rgba(168,173,180,.5);--ui-counter-current-bg-color:var(--ui-counter-bg-color-light)}.ui-counter-light .ui-counter-inner{color:#535c69 !important}.ui-counter-white{--ui-counter-current-bg-color:var(--ui-counter-bg-color-white)}.ui-counter-white .ui-counter-inner{color:#CBD0D3 !important}.ui-counter-theme{--ui-counter-current-bg-color:var(--ui-counter-bg-color-theme)}.ui-counter-theme .ui-counter-inner{color:rgba(82,92,105,1)}.bitrix24-light-theme .ui-counter-theme .ui-counter-inner{color:#fff}.ui-counter-dark .ui-counter-inner{--ui-counter-current-bg-color:var(--ui-counter-bg-color-dark);box-shadow:inset 0 0 0 1px rgba(255,255,255,.21)}.ui-counter-sm{--ui-counter-current-size:var(--ui-counter-size-sm);--ui-counter-font-weight:400;--ui-counter-font-size:10px}.ui-counter-md{--ui-counter-font-weight:600;--ui-counter-current-size:var(--ui-counter-size-md)}.ui-counter-lg{--ui-counter-font-weight:600;--ui-counter-current-size:var(--ui-counter-size-lg)}.ui-counter-plus,.ui-counter-minus{animation-duration:250ms;animation-iteration-count:1;animation-timing-function:linear}.ui-counter-plus{animation-name:uiCounterPlus}.ui-counter-minus{animation-name:uiCounterMinus}@keyframes uiCounterPlus{0%,100%{top:0;opacity:1}33%,77%{opacity:1}49%{top:var(--ui-counter-current-size)}50%{opacity:0}51%{top:calc(var(--ui-counter-current-size) * -1)}}@keyframes uiCounterMinus{0%,100%{top:0;opacity:1}45%{top:calc(var(--ui-counter-current-size) * -1);opacity:1}50%{opacity:0}55%{top:var(--ui-counter-current-size);opacity:1}}.ui-counter-hide,.ui-counter-show{animation-duration:250ms;animation-iteration-count:1;animation-timing-function:linear;animation-fill-mode:both}.ui-counter-hide{animation-name:uiCounterHide}.ui-counter-show{animation-name:uiCounterShow}@keyframes uiCounterShow{from{opacity:0;top:calc(var(--ui-counter-current-size) * -1)}to{top:0;opacity:1}}@keyframes uiCounterHide{from{top:0;opacity:1}to{opacity:0;top:calc(var(--ui-counter-current-size) * -1)}}.ui-counter-border{--ui-counter-current-border-color:var(--ui-counter-border-color-light)}

/* /bitrix/js/ui/cnt/dist/cnt.bundle.css */
.ui-counter__scope.--air{--ui-counter-size:var(--ui-counter-size-md);--ui-counter-bg-color:red;--ui-counter-color:red;--ui-counter-size-lg:18px;--ui-counter-size-md:16px;--ui-counter-size-sm:14px;--ui-counter-font-size:11px;--ui-counter-symbol-font-size:11px;--ui-counter-inline-space:6px;--ui-counter-symbol-compenstation:0px;--ui-counter-border-color:transparent;--ui-counter-border-width:0}.ui-counter.--air{display:inline-flex;align-items:center;font-family:var(--ui-font-family-primary);font-size:var(--ui-counter-font-size);font-weight:var(--ui-font-weight-medium);position:relative;overflow:unset}.ui-counter.--air .ui-counter-inner,.bitrix24-light-theme .ui-counter.--air .ui-counter-inner,.bitrix24-dark-theme .ui-counter.--air .ui-counter-inner{box-sizing:border-box;position:relative;min-width:var(--ui-counter-size);height:var(--ui-counter-size);padding:0 var(--ui-counter-inline-space);display:inline-flex;align-items:center;justify-content:center;background-color:transparent;background:var(--ui-counter-bg-color);border-radius:var(--ui-counter-current-size);border:var(--ui-counter-border-width) solid var(--ui-counter-border-color);text-align:center;color:var(--ui-counter-color);line-height:inherit;vertical-align:middle;overflow:hidden;z-index:1}.ui-counter.--air.--hide-zero[data-value="0"]{display:none}.ui-counter.--air.--one-digit .ui-counter-inner{padding-inline:0}.ui-counter.--air .ui-counter__symbol{color:inherit;font-size:var(--ui-counter-symbol-font-size);opacity:0.96;letter-spacing:var(--ui-letter-spacing-xl);margin-right:var(--ui-counter-symbol-compenstation)}.ui-counter.--air .ui-counter__symbol:empty{margin-right:0}.ui-counter.--air.--style-filled-extra{--ui-counter-bg-color:var(--gradient-brand,linear-gradient(349deg,#0B83FF 32.07%,#32B2F4 64.58%,#75E4BD 95.91%));--ui-counter-color:var(--ui-color-base-white-fixed)}.ui-counter.--air.--style-filled{--ui-counter-bg-color:var(--ui-color-design-filled-bg);--ui-counter-color:var(--ui-color-design-filled-content);--ui-counter-border-width:var(--ui-design-filled-stroke-weight);--ui-counter-border-color:var(--ui-color-design-filled-stroke)}.ui-counter.--air.--style-filled-inverted{--ui-counter-bg-color:var(--ui-color-design-filled-content);--ui-counter-color:var(--ui-color-design-filled-bg);--ui-counter-border-width:var(--ui-design-filled-stroke-weight);--ui-counter-border-color:var(--ui-color-design-filled-content)}.ui-counter.--air.--style-filled-alert{--ui-counter-bg-color:var(--ui-color-design-filled-alert-bg);--ui-counter-color:var(--ui-color-design-filled-alert-content);--ui-counter-border-width:var(--ui-design-filled-alert-stroke-weight);--ui-counter-border-color:var(--ui-color-design-filled-alert-stroke)}.ui-counter.--air.--style-filled-alert-inverted{--ui-counter-bg-color:var(--ui-color-design-filled-alert-content);--ui-counter-color:var(--ui-color-design-filled-alert-bg);--ui-counter-border-width:0;--ui-counter-border-color:var(--ui-color-design-filled-alert-content)}.ui-counter.--air.--style-filled-warning{--ui-counter-bg-color:var(--ui-color-design-filled-warning-bg);--ui-counter-color:var(--ui-color-design-filled-warning-content);--ui-counter-border-width:var(--ui-design-filled-warning-stroke-weight);--ui-counter-border-color:var(--ui-color-design-filled-warning-stroke)}.ui-counter.--air.--style-filled-success{--ui-counter-bg-color:var(--ui-color-design-filled-success-bg);--ui-counter-color:var(--ui-color-design-filled-success-content);--ui-counter-border-width:var(--ui-design-filled-success-stroke-weight);--ui-counter-border-color:var(--ui-color-design-filled-success-stroke)}.ui-counter.--air.--style-filled-success-inverted{--ui-counter-bg-color:var(--ui-color-design-filled-success-content);--ui-counter-color:var(--ui-color-design-filled-success-bg);--ui-counter-border-width:var(--ui-design-filled-success-stroke-weight);--ui-counter-border-color:var(--ui-color-design-filled-success-content)}.ui-counter.--air.--style-filled-no-accent{--ui-counter-bg-color:var(--ui-color-design-filled-na-bg-secondary);--ui-counter-color:var(--ui-color-design-filled-na-content);--ui-counter-border-width:0}.ui-counter.--air.--style-filled-no-accent-inverted{--ui-counter-bg-color:var(--ui-color-design-filled-na-content);--ui-counter-color:var(--ui-color-design-filled-na-bg-secondary);--ui-counter-border-width:var(--ui-design-filled-na-stroke-weight);--ui-counter-border-color:var(--ui-color-design-filled-na-content)}.ui-counter.--air.--style-tinted-no-accent{--ui-counter-bg-color:var(--ui-color-design-tinted-na-bg);--ui-counter-color:var(--ui-color-design-tinted-na-content);--ui-counter-border-width:0}.ui-counter.--air.--style-outline-no-accent{--ui-counter-bg-color:var(--ui-color-design-outline-na-bg);--ui-counter-color:var(--ui-color-design-outline-na-content);--ui-counter-border-width:var(--ui-design-outline-na-stroke-weight-alt);--ui-counter-border-color:var(--ui-color-design-outline-na-stroke)}.ui-counter-sm.--air{--ui-counter-size:var(--ui-counter-size-sm);--ui-counter-font-size:var(--ui-font-size-4xs);--ui-counter-symbol-font-size:var(--ui-font-size-5xs);--ui-counter-inline-space:4px;--ui-counter-symbol-compenstation:-2px}.ui-counter-md.--air{--ui-counter-size:var(--ui-counter-size-md);--ui-counter-font-size:var(--ui-font-size-xs);--ui-counter-symbol-font-size:var(--ui-font-size-4xs);--ui-counter-inline-space:4px;--ui-counter-symbol-compenstation:-2px}.ui-counter-lg.--air{--ui-counter-size:var(--ui-counter-size-lg);--ui-counter-font-size:var(--ui-font-size-sm);--ui-counter-symbol-font-size:var(--ui-font-size-4xs);--ui-counter-inline-space:6px;--ui-counter-symbol-compenstation:-4px}.ui-counter.--air.ui-counter-border{--ui-counter-border-width:var(--ui-border-width-thin);--ui-counter-border-color:var(--ui-color-base-white-fixed)}

/* /bitrix/js/ui/icon-set/icon-base.css */
.ui-icon-set__scope{--ui-icon-set__icon-base-size:24px;--ui-icon-set__icon-base-color:var(--ui-color-base-90);--ui-icon-set__icon-path:url('')}.ui-icon-set{--ui-icon-set__icon-base-size:24px;--ui-icon-set__icon-base-color:var(--ui-color-base-90);--ui-icon-set__icon-path:url('');display:inline-block;width:var(--ui-icon-set__icon-size,var(--ui-icon-set__icon-base-size));height:var(--ui-icon-set__icon-size,var(--ui-icon-set__icon-base-size));flex-shrink:0;-webkit-mask-image:var(--ui-icon-set__icon-path);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;background:var(--ui-icon-set__icon-color,var(--ui-icon-set__icon-base-color));transition:150ms ease-in-out background}.ui-icon-set:hover{transition-duration:0s}.ui-icon-set.--hoverable-default:hover{background:color-mix(in srgb,var(--ui-icon-set__icon-color,var(--ui-icon-set__icon-base-color)) 100%,var(--ui-color-bg-state-hover-default-overlay-hex) var(--ui-color-bg-state-hover-default-overlay-opacity))}.ui-icon-set.--hoverable-default:active{background:color-mix(in srgb,var(--ui-icon-set__icon-color,var(--ui-icon-set__icon-base-color)) 100%,var(--ui-color-bg-state-click-default-overlay-hex) var(--ui-color-bg-state-click-default-overlay-opacity))}.ui-icon-set.--hoverable-alt:hover{background:color-mix(in srgb,var(--ui-icon-set__icon-color,var(--ui-icon-set__icon-base-color)) 100%,var(--ui-color-bg-state-hover-alt-overlay-hex) var(--ui-color-bg-state-hover-alt-overlay-opacity))}.ui-icon-set.--hoverable-alt:active{background:color-mix(in srgb,var(--ui-icon-set__icon-color,var(--ui-icon-set__icon-base-color)) 100%,var(--ui-color-bg-state-click-alt-overlay-hex) var(--ui-color-bg-state-click-alt-overlay-opacity))}

/* /bitrix/js/ui/icon-set/outline/style.css */
.ui-icon-set,.ui-icon-set__scope{--o-ui-icon-set__path_double-gis:url('/bitrix/js/ui/icon-set/outline/images/double-gis.svg');--o-ui-icon-set__path_three-persons:url('/bitrix/js/ui/icon-set/outline/images/three-persons.svg');--o-ui-icon-set__path_a-letter:url('/bitrix/js/ui/icon-set/outline/images/a-letter.svg');--o-ui-icon-set__path_achievement:url('/bitrix/js/ui/icon-set/outline/images/achievement.svg');--o-ui-icon-set__path_activity:url('/bitrix/js/ui/icon-set/outline/images/activity.svg');--o-ui-icon-set__path_add-chat:url('/bitrix/js/ui/icon-set/outline/images/add-chat.svg');--o-ui-icon-set__path_add-event:url('/bitrix/js/ui/icon-set/outline/images/add-event.svg');--o-ui-icon-set__path_add-funnel:url('/bitrix/js/ui/icon-set/outline/images/add-funnel.svg');--o-ui-icon-set__path_add-person:url('/bitrix/js/ui/icon-set/outline/images/add-person.svg');--o-ui-icon-set__path_add-product:url('/bitrix/js/ui/icon-set/outline/images/add-product.svg');--o-ui-icon-set__path_add-timeline:url('/bitrix/js/ui/icon-set/outline/images/add-timeline.svg');--o-ui-icon-set__path_ai-stars-question:url('/bitrix/js/ui/icon-set/outline/images/ai-stars-question.svg');--o-ui-icon-set__path_ai-stars:url('/bitrix/js/ui/icon-set/outline/images/ai-stars.svg');--o-ui-icon-set__path_alarm:url('/bitrix/js/ui/icon-set/outline/images/alarm.svg');--o-ui-icon-set__path_alert-accent:url('/bitrix/js/ui/icon-set/outline/images/alert-accent.svg');--o-ui-icon-set__path_alert:url('/bitrix/js/ui/icon-set/outline/images/alert.svg');--o-ui-icon-set__path_align-center:url('/bitrix/js/ui/icon-set/outline/images/align-center.svg');--o-ui-icon-set__path_align-justify:url('/bitrix/js/ui/icon-set/outline/images/align-justify.svg');--o-ui-icon-set__path_align-left:url('/bitrix/js/ui/icon-set/outline/images/align-left.svg');--o-ui-icon-set__path_align-right:url('/bitrix/js/ui/icon-set/outline/images/align-right.svg');--o-ui-icon-set__path_apps:url('/bitrix/js/ui/icon-set/outline/images/apps.svg');--o-ui-icon-set__path_attach-2:url('/bitrix/js/ui/icon-set/outline/images/attach-2.svg');--o-ui-icon-set__path_attach:url('/bitrix/js/ui/icon-set/outline/images/attach.svg');--o-ui-icon-set__path_autofill:url('/bitrix/js/ui/icon-set/outline/images/autofill.svg');--o-ui-icon-set__path_back-10:url('/bitrix/js/ui/icon-set/outline/images/back-10.svg');--o-ui-icon-set__path_back-15:url('/bitrix/js/ui/icon-set/outline/images/back-15.svg');--o-ui-icon-set__path_barcode:url('/bitrix/js/ui/icon-set/outline/images/barcode.svg');--o-ui-icon-set__path_battery-1-stick:url('/bitrix/js/ui/icon-set/outline/images/battery-1-stick.svg');--o-ui-icon-set__path_battery-2-sticks:url('/bitrix/js/ui/icon-set/outline/images/battery-2-sticks.svg');--o-ui-icon-set__path_battery-no-charge:url('/bitrix/js/ui/icon-set/outline/images/battery-no-charge.svg');--o-ui-icon-set__path_bluetooth:url('/bitrix/js/ui/icon-set/outline/images/bluetooth.svg');--o-ui-icon-set__path_board:url('/bitrix/js/ui/icon-set/outline/images/board.svg');--o-ui-icon-set__path_bold:url('/bitrix/js/ui/icon-set/outline/images/bold.svg');--o-ui-icon-set__path_bookmark-2:url('/bitrix/js/ui/icon-set/outline/images/bookmark-2.svg');--o-ui-icon-set__path_bookmark:url('/bitrix/js/ui/icon-set/outline/images/bookmark.svg');--o-ui-icon-set__path_bottleneck:url('/bitrix/js/ui/icon-set/outline/images/bottleneck.svg');--o-ui-icon-set__path_bottom-menu:url('/bitrix/js/ui/icon-set/outline/images/bottom-menu.svg');--o-ui-icon-set__path_box-with-lid:url('/bitrix/js/ui/icon-set/outline/images/box-with-lid.svg');--o-ui-icon-set__path_box:url('/bitrix/js/ui/icon-set/outline/images/box.svg');--o-ui-icon-set__path_bug:url('/bitrix/js/ui/icon-set/outline/images/bug.svg');--o-ui-icon-set__path_bulleted-list:url('/bitrix/js/ui/icon-set/outline/images/bulleted-list.svg');--o-ui-icon-set__path_busines-process-stages:url('/bitrix/js/ui/icon-set/outline/images/busines-process-stages.svg');--o-ui-icon-set__path_business-process-progress:url('/bitrix/js/ui/icon-set/outline/images/business-process-progress.svg');--o-ui-icon-set__path_business-process:url('/bitrix/js/ui/icon-set/outline/images/business-process.svg');--o-ui-icon-set__path_calendar-empty:url('/bitrix/js/ui/icon-set/outline/images/calendar-empty.svg');--o-ui-icon-set__path_calendar-share:url('/bitrix/js/ui/icon-set/outline/images/calendar-share.svg');--o-ui-icon-set__path_calendar-with-checks:url('/bitrix/js/ui/icon-set/outline/images/calendar-with-checks.svg');--o-ui-icon-set__path_calendar-with-slots:url('/bitrix/js/ui/icon-set/outline/images/calendar-with-slots.svg');--o-ui-icon-set__path_calendar:url('/bitrix/js/ui/icon-set/outline/images/calendar.svg');--o-ui-icon-set__path_camera-off:url('/bitrix/js/ui/icon-set/outline/images/camera-off.svg');--o-ui-icon-set__path_camera:url('/bitrix/js/ui/icon-set/outline/images/camera.svg');--o-ui-icon-set__path_card:url('/bitrix/js/ui/icon-set/outline/images/card.svg');--o-ui-icon-set__path_cash-terminal:url('/bitrix/js/ui/icon-set/outline/images/cash-terminal.svg');--o-ui-icon-set__path_change-funnel:url('/bitrix/js/ui/icon-set/outline/images/change-funnel.svg');--o-ui-icon-set__path_change-order-2:url('/bitrix/js/ui/icon-set/outline/images/change-order-2.svg');--o-ui-icon-set__path_change-order:url('/bitrix/js/ui/icon-set/outline/images/change-order.svg');--o-ui-icon-set__path_chat-list:url('/bitrix/js/ui/icon-set/outline/images/chat-list.svg');--o-ui-icon-set__path_chats:url('/bitrix/js/ui/icon-set/outline/images/chats.svg');--o-ui-icon-set__path_check-list:url('/bitrix/js/ui/icon-set/outline/images/check-list.svg');--o-ui-icon-set__path_circle-check:url('/bitrix/js/ui/icon-set/outline/images/circle-check.svg');--o-ui-icon-set__path_circle-cross:url('/bitrix/js/ui/icon-set/outline/images/circle-cross.svg');--o-ui-icon-set__path_circle-minus:url('/bitrix/js/ui/icon-set/outline/images/circle-minus.svg');--o-ui-icon-set__path_circle-more:url('/bitrix/js/ui/icon-set/outline/images/circle-more.svg');--o-ui-icon-set__path_circle-plus:url('/bitrix/js/ui/icon-set/outline/images/circle-plus.svg');--o-ui-icon-set__path_clock-back:url('/bitrix/js/ui/icon-set/outline/images/clock-back.svg');--o-ui-icon-set__path_clock:url('/bitrix/js/ui/icon-set/outline/images/clock.svg');--o-ui-icon-set__path_close-chat:url('/bitrix/js/ui/icon-set/outline/images/close-chat.svg');--o-ui-icon-set__path_cloud-download:url('/bitrix/js/ui/icon-set/outline/images/cloud-download.svg');--o-ui-icon-set__path_cloud-sync:url('/bitrix/js/ui/icon-set/outline/images/cloud-sync.svg');--o-ui-icon-set__path_cloud-time:url('/bitrix/js/ui/icon-set/outline/images/cloud-time.svg');--o-ui-icon-set__path_cloud-with-check:url('/bitrix/js/ui/icon-set/outline/images/cloud-with-check.svg');--o-ui-icon-set__path_cloud:url('/bitrix/js/ui/icon-set/outline/images/cloud.svg');--o-ui-icon-set__path_collab:url('/bitrix/js/ui/icon-set/outline/images/collab.svg');--o-ui-icon-set__path_collaboration:url('/bitrix/js/ui/icon-set/outline/images/collaboration.svg');--o-ui-icon-set__path_columns-sidebar-pending:url('/bitrix/js/ui/icon-set/outline/images/columns-sidebar-pending.svg');--o-ui-icon-set__path_columns:url('/bitrix/js/ui/icon-set/outline/images/columns.svg');--o-ui-icon-set__path_company:url('/bitrix/js/ui/icon-set/outline/images/company.svg');--o-ui-icon-set__path_complete-task-list:url('/bitrix/js/ui/icon-set/outline/images/complete-task-list.svg');--o-ui-icon-set__path_contact:url('/bitrix/js/ui/icon-set/outline/images/contact.svg');--o-ui-icon-set__path_copilot:url('/bitrix/js/ui/icon-set/outline/images/copilot.svg');--o-ui-icon-set__path_copy:url('/bitrix/js/ui/icon-set/outline/images/copy.svg');--o-ui-icon-set__path_create-chat:url('/bitrix/js/ui/icon-set/outline/images/create-chat.svg');--o-ui-icon-set__path_create-file:url('/bitrix/js/ui/icon-set/outline/images/create-file.svg');--o-ui-icon-set__path_crm-letters:url('/bitrix/js/ui/icon-set/outline/images/crm-letters.svg');--o-ui-icon-set__path_crm:url('/bitrix/js/ui/icon-set/outline/images/crm.svg');--o-ui-icon-set__path_crossed-eye:url('/bitrix/js/ui/icon-set/outline/images/crossed-eye.svg');--o-ui-icon-set__path_crown:url('/bitrix/js/ui/icon-set/outline/images/crown.svg');--o-ui-icon-set__path_cursor-click:url('/bitrix/js/ui/icon-set/outline/images/cursor-click.svg');--o-ui-icon-set__path_cursors-strike:url('/bitrix/js/ui/icon-set/outline/images/cursors-strike.svg');--o-ui-icon-set__path_day-off:url('/bitrix/js/ui/icon-set/outline/images/day-off.svg');--o-ui-icon-set__path_delay:url('/bitrix/js/ui/icon-set/outline/images/delay.svg');--o-ui-icon-set__path_delegate:url('/bitrix/js/ui/icon-set/outline/images/delegate.svg');--o-ui-icon-set__path_delivery:url('/bitrix/js/ui/icon-set/outline/images/delivery.svg');--o-ui-icon-set__path_demonstration-on:url('/bitrix/js/ui/icon-set/outline/images/demonstration-on.svg');--o-ui-icon-set__path_department:url('/bitrix/js/ui/icon-set/outline/images/department.svg');--o-ui-icon-set__path_design:url('/bitrix/js/ui/icon-set/outline/images/design.svg');--o-ui-icon-set__path_developer-resources:url('/bitrix/js/ui/icon-set/outline/images/developer-resources.svg');--o-ui-icon-set__path_device-rotate:url('/bitrix/js/ui/icon-set/outline/images/device-rotate.svg');--o-ui-icon-set__path_disk-shared:url('/bitrix/js/ui/icon-set/outline/images/disk-shared.svg');--o-ui-icon-set__path_dislike:url('/bitrix/js/ui/icon-set/outline/images/dislike.svg');--o-ui-icon-set__path_distribution:url('/bitrix/js/ui/icon-set/outline/images/distribution.svg');--o-ui-icon-set__path_document-update:url('/bitrix/js/ui/icon-set/outline/images/document-update.svg');--o-ui-icon-set__path_double-check:url('/bitrix/js/ui/icon-set/outline/images/double-check.svg');--o-ui-icon-set__path_download:url('/bitrix/js/ui/icon-set/outline/images/download.svg');--o-ui-icon-set__path_duplicate:url('/bitrix/js/ui/icon-set/outline/images/duplicate.svg');--o-ui-icon-set__path_earth-with-check:url('/bitrix/js/ui/icon-set/outline/images/earth-with-check.svg');--o-ui-icon-set__path_earth-with-clock:url('/bitrix/js/ui/icon-set/outline/images/earth-with-clock.svg');--o-ui-icon-set__path_earth-with-cross:url('/bitrix/js/ui/icon-set/outline/images/earth-with-cross.svg');--o-ui-icon-set__path_earth-with-stop:url('/bitrix/js/ui/icon-set/outline/images/earth-with-stop.svg');--o-ui-icon-set__path_earth-with-tree:url('/bitrix/js/ui/icon-set/outline/images/earth-with-tree.svg');--o-ui-icon-set__path_earth:url('/bitrix/js/ui/icon-set/outline/images/earth.svg');--o-ui-icon-set__path_empty-battery:url('/bitrix/js/ui/icon-set/outline/images/empty-battery.svg');--o-ui-icon-set__path_empty-message:url('/bitrix/js/ui/icon-set/outline/images/empty-message.svg');--o-ui-icon-set__path_enterprise:url('/bitrix/js/ui/icon-set/outline/images/enterprise.svg');--o-ui-icon-set__path_expert-mode:url('/bitrix/js/ui/icon-set/outline/images/expert-mode.svg');--o-ui-icon-set__path_favorite:url('/bitrix/js/ui/icon-set/outline/images/favorite.svg');--o-ui-icon-set__path_feedback:url('/bitrix/js/ui/icon-set/outline/images/feedback.svg');--o-ui-icon-set__path_file-with-check-2:url('/bitrix/js/ui/icon-set/outline/images/file-with-check-2.svg');--o-ui-icon-set__path_file-with-check:url('/bitrix/js/ui/icon-set/outline/images/file-with-check.svg');--o-ui-icon-set__path_file-with-clock:url('/bitrix/js/ui/icon-set/outline/images/file-with-clock.svg');--o-ui-icon-set__path_file:url('/bitrix/js/ui/icon-set/outline/images/file.svg');--o-ui-icon-set__path_filter-2-lines:url('/bitrix/js/ui/icon-set/outline/images/filter-2-lines.svg');--o-ui-icon-set__path_filter-funnel:url('/bitrix/js/ui/icon-set/outline/images/filter-funnel.svg');--o-ui-icon-set__path_filter:url('/bitrix/js/ui/icon-set/outline/images/filter.svg');--o-ui-icon-set__path_find-filters:url('/bitrix/js/ui/icon-set/outline/images/find-filters.svg');--o-ui-icon-set__path_fire:url('/bitrix/js/ui/icon-set/outline/images/fire.svg');--o-ui-icon-set__path_fire_solid:url('/bitrix/js/ui/icon-set/outline/images/fire-solid.svg');--o-ui-icon-set__path_flag-with-cross:url('/bitrix/js/ui/icon-set/outline/images/flag-with-cross.svg');--o-ui-icon-set__path_flag:url('/bitrix/js/ui/icon-set/outline/images/flag.svg');--o-ui-icon-set__path_folder-24:url('/bitrix/js/ui/icon-set/outline/images/folder-24.svg');--o-ui-icon-set__path_folder-plus:url('/bitrix/js/ui/icon-set/outline/images/folder-plus.svg');--o-ui-icon-set__path_folder-success:url('/bitrix/js/ui/icon-set/outline/images/folder-success.svg');--o-ui-icon-set__path_folder-with-card:url('/bitrix/js/ui/icon-set/outline/images/folder-with-card.svg');--o-ui-icon-set__path_folder:url('/bitrix/js/ui/icon-set/outline/images/folder.svg');--o-ui-icon-set__path_form:url('/bitrix/js/ui/icon-set/outline/images/form.svg');--o-ui-icon-set__path_forward-10:url('/bitrix/js/ui/icon-set/outline/images/forward-10.svg');--o-ui-icon-set__path_forward-15:url('/bitrix/js/ui/icon-set/outline/images/forward-15.svg');--o-ui-icon-set__path_forward:url('/bitrix/js/ui/icon-set/outline/images/forward.svg');--o-ui-icon-set__path_freelance:url('/bitrix/js/ui/icon-set/outline/images/freelance.svg');--o-ui-icon-set__path_full-battery:url('/bitrix/js/ui/icon-set/outline/images/full-battery.svg');--o-ui-icon-set__path_gift:url('/bitrix/js/ui/icon-set/outline/images/gift.svg');--o-ui-icon-set__path_glasses:url('/bitrix/js/ui/icon-set/outline/images/glasses.svg');--o-ui-icon-set__path_globe-extranet:url('/bitrix/js/ui/icon-set/outline/images/globe-extranet.svg');--o-ui-icon-set__path_go-to-message:url('/bitrix/js/ui/icon-set/outline/images/go-to-message.svg');--o-ui-icon-set__path_google-maps:url('/bitrix/js/ui/icon-set/outline/images/google-maps.svg');--o-ui-icon-set__path_graduation-cap:url('/bitrix/js/ui/icon-set/outline/images/graduation-cap.svg');--o-ui-icon-set__path_graphs-diagram:url('/bitrix/js/ui/icon-set/outline/images/graphs-diagram.svg');--o-ui-icon-set__path_group:url('/bitrix/js/ui/icon-set/outline/images/group.svg');--o-ui-icon-set__path_hamburger-menu:url('/bitrix/js/ui/icon-set/outline/images/hamburger-menu.svg');--o-ui-icon-set__path_handshake:url('/bitrix/js/ui/icon-set/outline/images/handshake.svg');--o-ui-icon-set__path_headset:url('/bitrix/js/ui/icon-set/outline/images/headset.svg');--o-ui-icon-set__path_heart:url('/bitrix/js/ui/icon-set/outline/images/heart.svg');--o-ui-icon-set__path_high-temperature:url('/bitrix/js/ui/icon-set/outline/images/high-temperature.svg');--o-ui-icon-set__path_home-star:url('/bitrix/js/ui/icon-set/outline/images/home-star.svg');--o-ui-icon-set__path_home:url('/bitrix/js/ui/icon-set/outline/images/home.svg');--o-ui-icon-set__path_hourglass:url('/bitrix/js/ui/icon-set/outline/images/hourglass.svg');--o-ui-icon-set__path_idea-lamp:url('/bitrix/js/ui/icon-set/outline/images/idea-lamp.svg');--o-ui-icon-set__path_image:url('/bitrix/js/ui/icon-set/outline/images/image.svg');--o-ui-icon-set__path_info-circle:url('/bitrix/js/ui/icon-set/outline/images/info-circle.svg');--o-ui-icon-set__path_interval:url('/bitrix/js/ui/icon-set/outline/images/interval.svg');--o-ui-icon-set__path_intranet:url('/bitrix/js/ui/icon-set/outline/images/intranet.svg');--o-ui-icon-set__path_inventory-management:url('/bitrix/js/ui/icon-set/outline/images/inventory-management.svg');--o-ui-icon-set__path_invoice:url('/bitrix/js/ui/icon-set/outline/images/invoice.svg');--o-ui-icon-set__path_issue-invoice:url('/bitrix/js/ui/icon-set/outline/images/issue-invoice.svg');--o-ui-icon-set__path_italic:url('/bitrix/js/ui/icon-set/outline/images/italic.svg');--o-ui-icon-set__path_kanban:url('/bitrix/js/ui/icon-set/outline/images/kanban.svg');--o-ui-icon-set__path_key:url('/bitrix/js/ui/icon-set/outline/images/key.svg');--o-ui-icon-set__path_knowledge-base:url('/bitrix/js/ui/icon-set/outline/images/knowledge-base.svg');--o-ui-icon-set__path_layers:url('/bitrix/js/ui/icon-set/outline/images/layers.svg');--o-ui-icon-set__path_lead:url('/bitrix/js/ui/icon-set/outline/images/lead.svg');--o-ui-icon-set__path_left-right:url('/bitrix/js/ui/icon-set/outline/images/left-right.svg');--o-ui-icon-set__path_like:url('/bitrix/js/ui/icon-set/outline/images/like.svg');--o-ui-icon-set__path_link-settings:url('/bitrix/js/ui/icon-set/outline/images/link-settings.svg');--o-ui-icon-set__path_link:url('/bitrix/js/ui/icon-set/outline/images/link.svg');--o-ui-icon-set__path_links-list:url('/bitrix/js/ui/icon-set/outline/images/links-list.svg');--o-ui-icon-set__path_location-time:url('/bitrix/js/ui/icon-set/outline/images/location-time.svg');--o-ui-icon-set__path_location:url('/bitrix/js/ui/icon-set/outline/images/location.svg');--o-ui-icon-set__path_log-in:url('/bitrix/js/ui/icon-set/outline/images/log-in.svg');--o-ui-icon-set__path_log-out:url('/bitrix/js/ui/icon-set/outline/images/log-out.svg');--o-ui-icon-set__path_lower-right-arrow:url('/bitrix/js/ui/icon-set/outline/images/lower-right-arrow.svg');--o-ui-icon-set__path_magic-wand:url('/bitrix/js/ui/icon-set/outline/images/magic-wand.svg');--o-ui-icon-set__path_mail-counter:url('/bitrix/js/ui/icon-set/outline/images/mail-counter.svg');--o-ui-icon-set__path_mail-forward:url('/bitrix/js/ui/icon-set/outline/images/mail-forward.svg');--o-ui-icon-set__path_mail-in-progress:url('/bitrix/js/ui/icon-set/outline/images/mail-in-progress.svg');--o-ui-icon-set__path_mail-open:url('/bitrix/js/ui/icon-set/outline/images/mail-open.svg');--o-ui-icon-set__path_mail-return:url('/bitrix/js/ui/icon-set/outline/images/mail-return.svg');--o-ui-icon-set__path_mail-send:url('/bitrix/js/ui/icon-set/outline/images/mail-send.svg');--o-ui-icon-set__path_mail:url('/bitrix/js/ui/icon-set/outline/images/mail.svg');--o-ui-icon-set__path_main-tool:url('/bitrix/js/ui/icon-set/outline/images/main-tool.svg');--o-ui-icon-set__path_map:url('/bitrix/js/ui/icon-set/outline/images/map.svg');--o-ui-icon-set__path_market:url('/bitrix/js/ui/icon-set/outline/images/market.svg');--o-ui-icon-set__path_maximize:url('/bitrix/js/ui/icon-set/outline/images/maximize.svg');--o-ui-icon-set__path_maximize-2:url('/bitrix/js/ui/icon-set/outline/images/maximize-2.svg');--o-ui-icon-set__path_meeting-point:url('/bitrix/js/ui/icon-set/outline/images/meeting-point.svg');--o-ui-icon-set__path_mention:url('/bitrix/js/ui/icon-set/outline/images/mention.svg');--o-ui-icon-set__path_message:url('/bitrix/js/ui/icon-set/outline/images/message.svg');--o-ui-icon-set__path_messages:url('/bitrix/js/ui/icon-set/outline/images/messages.svg');--o-ui-icon-set__path_messenger-meta:url('/bitrix/js/ui/icon-set/outline/images/messenger-meta.svg');--o-ui-icon-set__path_messenger:url('/bitrix/js/ui/icon-set/outline/images/messenger.svg');--o-ui-icon-set__path_microphone-off:url('/bitrix/js/ui/icon-set/outline/images/microphone-off.svg');--o-ui-icon-set__path_microphone-on:url('/bitrix/js/ui/icon-set/outline/images/microphone-on.svg');--o-ui-icon-set__path_minimize:url('/bitrix/js/ui/icon-set/outline/images/minimize.svg');--o-ui-icon-set__path_minimize-2:url('/bitrix/js/ui/icon-set/outline/images/minimize-2.svg');--o-ui-icon-set__path_mobile-constructor:url('/bitrix/js/ui/icon-set/outline/images/mobile-constructor.svg');--o-ui-icon-set__path_mobile-service:url('/bitrix/js/ui/icon-set/outline/images/mobile-service.svg');--o-ui-icon-set__path_mobile-stars:url('/bitrix/js/ui/icon-set/outline/images/mobile-stars.svg');--o-ui-icon-set__path_mobile:url('/bitrix/js/ui/icon-set/outline/images/mobile.svg');--o-ui-icon-set__path_moderator:url('/bitrix/js/ui/icon-set/outline/images/moderator.svg');--o-ui-icon-set__path_money:url('/bitrix/js/ui/icon-set/outline/images/money.svg');--o-ui-icon-set__path_moon:url('/bitrix/js/ui/icon-set/outline/images/moon.svg');--o-ui-icon-set__path_move-to-checklist:url('/bitrix/js/ui/icon-set/outline/images/move-to-checklist.svg');--o-ui-icon-set__path_move-to:url('/bitrix/js/ui/icon-set/outline/images/move-to.svg');--o-ui-icon-set__path_multichoice-off:url('/bitrix/js/ui/icon-set/outline/images/multichoice-off.svg');--o-ui-icon-set__path_multichoice-on:url('/bitrix/js/ui/icon-set/outline/images/multichoice-on.svg');--o-ui-icon-set__path_music:url('/bitrix/js/ui/icon-set/outline/images/music.svg');--o-ui-icon-set__path_my-deals:url('/bitrix/js/ui/icon-set/outline/images/my-deals.svg');--o-ui-icon-set__path_my-plan:url('/bitrix/js/ui/icon-set/outline/images/my-plan.svg');--o-ui-icon-set__path_neutral:url('/bitrix/js/ui/icon-set/outline/images/neutral.svg');--o-ui-icon-set__path_new-message:url('/bitrix/js/ui/icon-set/outline/images/new-message.svg');--o-ui-icon-set__path_newsfeed:url('/bitrix/js/ui/icon-set/outline/images/newsfeed.svg');--o-ui-icon-set__path_next:url('/bitrix/js/ui/icon-set/outline/images/next.svg');--o-ui-icon-set__path_no-wifi:url('/bitrix/js/ui/icon-set/outline/images/no-wifi.svg');--o-ui-icon-set__path_non-favorite:url('/bitrix/js/ui/icon-set/outline/images/non-favorite.svg');--o-ui-icon-set__path_note:url('/bitrix/js/ui/icon-set/outline/images/note.svg');--o-ui-icon-set__path_notification-off:url('/bitrix/js/ui/icon-set/outline/images/notification-off.svg');--o-ui-icon-set__path_notification-settings:url('/bitrix/js/ui/icon-set/outline/images/notification-settings.svg');--o-ui-icon-set__path_notification-with-cross:url('/bitrix/js/ui/icon-set/outline/images/notification-with-cross.svg');--o-ui-icon-set__path_notification:url('/bitrix/js/ui/icon-set/outline/images/notification.svg');--o-ui-icon-set__path_numbered-list:url('/bitrix/js/ui/icon-set/outline/images/numbered-list.svg');--o-ui-icon-set__path_observer:url('/bitrix/js/ui/icon-set/outline/images/observer.svg');--o-ui-icon-set__path_online-booking:url('/bitrix/js/ui/icon-set/outline/images/online-booking.svg');--o-ui-icon-set__path_open-channels:url('/bitrix/js/ui/icon-set/outline/images/open-channels.svg');--o-ui-icon-set__path_open-chat:url('/bitrix/js/ui/icon-set/outline/images/open-chat.svg');--o-ui-icon-set__path_chats-with-check:url('/bitrix/js/ui/icon-set/outline/images/chats-with-check.svg?2');--o-ui-icon-set__path_reply:url('/bitrix/js/ui/icon-set/outline/images/reply.svg');--o-ui-icon-set__path_package:url('/bitrix/js/ui/icon-set/outline/images/package.svg');--o-ui-icon-set__path_palette:url('/bitrix/js/ui/icon-set/outline/images/palette.svg');--o-ui-icon-set__path_partner-nfc:url('/bitrix/js/ui/icon-set/outline/images/partner-nfc.svg');--o-ui-icon-set__path_path:url('/bitrix/js/ui/icon-set/outline/images/path.svg');--o-ui-icon-set__path_payment-terminal:url('/bitrix/js/ui/icon-set/outline/images/payment-terminal.svg');--o-ui-icon-set__path_payment:url('/bitrix/js/ui/icon-set/outline/images/payment.svg');--o-ui-icon-set__path_person-checks:url('/bitrix/js/ui/icon-set/outline/images/person-checks.svg');--o-ui-icon-set__path_person-descending:url('/bitrix/js/ui/icon-set/outline/images/person-descending.svg');--o-ui-icon-set__path_person-search:url('/bitrix/js/ui/icon-set/outline/images/person-search.svg');--o-ui-icon-set__path_person-settings:url('/bitrix/js/ui/icon-set/outline/images/person-settings.svg');--o-ui-icon-set__path_person-speak:url('/bitrix/js/ui/icon-set/outline/images/person-speak.svg');--o-ui-icon-set__path_person:url('/bitrix/js/ui/icon-set/outline/images/person.svg');--o-ui-icon-set__path_phone-add:url('/bitrix/js/ui/icon-set/outline/images/phone-add.svg');--o-ui-icon-set__path_phone-broken:url('/bitrix/js/ui/icon-set/outline/images/phone-broken.svg');--o-ui-icon-set__path_phone-down:url('/bitrix/js/ui/icon-set/outline/images/phone-down.svg');--o-ui-icon-set__path_phone-in:url('/bitrix/js/ui/icon-set/outline/images/phone-in.svg');--o-ui-icon-set__path_phone-out:url('/bitrix/js/ui/icon-set/outline/images/phone-out.svg');--o-ui-icon-set__path_phone-up:url('/bitrix/js/ui/icon-set/outline/images/phone-up.svg');--o-ui-icon-set__path_pin-list:url('/bitrix/js/ui/icon-set/outline/images/pin-list.svg');--o-ui-icon-set__path_pin:url('/bitrix/js/ui/icon-set/outline/images/pin.svg');--o-ui-icon-set__path_ping:url('/bitrix/js/ui/icon-set/outline/images/ping.svg');--o-ui-icon-set__path_pitch-zoom:url('/bitrix/js/ui/icon-set/outline/images/pitch-zoom.svg');--o-ui-icon-set__path_planning:url('/bitrix/js/ui/icon-set/outline/images/planning.svg');--o-ui-icon-set__path_point-left:url('/bitrix/js/ui/icon-set/outline/images/point-left.svg');--o-ui-icon-set__path_point-right:url('/bitrix/js/ui/icon-set/outline/images/point-right.svg');--o-ui-icon-set__path_power:url('/bitrix/js/ui/icon-set/outline/images/power.svg');--o-ui-icon-set__path_printer:url('/bitrix/js/ui/icon-set/outline/images/printer.svg');--o-ui-icon-set__path_processes:url('/bitrix/js/ui/icon-set/outline/images/processes.svg');--o-ui-icon-set__path_product:url('/bitrix/js/ui/icon-set/outline/images/product.svg');--o-ui-icon-set__path_prompt-library:url('/bitrix/js/ui/icon-set/outline/images/prompt-library.svg');--o-ui-icon-set__path_prompt-var:url('/bitrix/js/ui/icon-set/outline/images/prompt-var.svg');--o-ui-icon-set__path_pulse:url('/bitrix/js/ui/icon-set/outline/images/pulse.svg');--o-ui-icon-set__path_qr-code:url('/bitrix/js/ui/icon-set/outline/images/qr-code.svg');--o-ui-icon-set__path_quantity:url('/bitrix/js/ui/icon-set/outline/images/quantity.svg');--o-ui-icon-set__path_question-l:url('/bitrix/js/ui/icon-set/outline/images/question-l.svg');--o-ui-icon-set__path_question:url('/bitrix/js/ui/icon-set/outline/images/question.svg');--o-ui-icon-set__path_quote:url('/bitrix/js/ui/icon-set/outline/images/quote.svg');--o-ui-icon-set__path_record-video:url('/bitrix/js/ui/icon-set/outline/images/record-video.svg');--o-ui-icon-set__path_redo:url('/bitrix/js/ui/icon-set/outline/images/redo.svg');--o-ui-icon-set__path_refresh:url('/bitrix/js/ui/icon-set/outline/images/refresh.svg');--o-ui-icon-set__path_related-tasks:url('/bitrix/js/ui/icon-set/outline/images/related-tasks.svg');--o-ui-icon-set__path_remove-person:url('/bitrix/js/ui/icon-set/outline/images/remove-person.svg');--o-ui-icon-set__path_repeat-cycle:url('/bitrix/js/ui/icon-set/outline/images/repeat-cycle.svg');--o-ui-icon-set__path_repeat-sales:url('/bitrix/js/ui/icon-set/outline/images/repeat-sales.svg');--o-ui-icon-set__path_repeat:url('/bitrix/js/ui/icon-set/outline/images/repeat.svg');--o-ui-icon-set__path_resume:url('/bitrix/js/ui/icon-set/outline/images/resume.svg');--o-ui-icon-set__path_robot:url('/bitrix/js/ui/icon-set/outline/images/robot.svg');--o-ui-icon-set__path_rocket:url('/bitrix/js/ui/icon-set/outline/images/rocket.svg');--o-ui-icon-set__path_running-man:url('/bitrix/js/ui/icon-set/outline/images/running-man.svg');--o-ui-icon-set__path_sad:url('/bitrix/js/ui/icon-set/outline/images/sad.svg');--o-ui-icon-set__path_sale-tag:url('/bitrix/js/ui/icon-set/outline/images/sale-tag.svg');--o-ui-icon-set__path_screen:url('/bitrix/js/ui/icon-set/outline/images/screen.svg');--o-ui-icon-set__path_scrum:url('/bitrix/js/ui/icon-set/outline/images/scrum.svg');--o-ui-icon-set__path_search:url('/bitrix/js/ui/icon-set/outline/images/search.svg');--o-ui-icon-set__path_send:url('/bitrix/js/ui/icon-set/outline/images/send.svg');--o-ui-icon-set__path_sended:url('/bitrix/js/ui/icon-set/outline/images/sended.svg');--o-ui-icon-set__path_services:url('/bitrix/js/ui/icon-set/outline/images/services.svg');--o-ui-icon-set__path_set-columns:url('/bitrix/js/ui/icon-set/outline/images/set-columns.svg');--o-ui-icon-set__path_settings:url('/bitrix/js/ui/icon-set/outline/images/settings.svg');--o-ui-icon-set__path_share-task:url('/bitrix/js/ui/icon-set/outline/images/share-task.svg');--o-ui-icon-set__path_share:url('/bitrix/js/ui/icon-set/outline/images/share.svg');--o-ui-icon-set__path_shield-attention:url('/bitrix/js/ui/icon-set/outline/images/shield-attention.svg');--o-ui-icon-set__path_shield-checked:url('/bitrix/js/ui/icon-set/outline/images/shield-checked.svg');--o-ui-icon-set__path_shield:url('/bitrix/js/ui/icon-set/outline/images/shield.svg');--o-ui-icon-set__path_shopping-cart:url('/bitrix/js/ui/icon-set/outline/images/shopping-cart.svg');--o-ui-icon-set__path_shuffle:url('/bitrix/js/ui/icon-set/outline/images/shuffle.svg');--o-ui-icon-set__path_sick:url('/bitrix/js/ui/icon-set/outline/images/sick.svg');--o-ui-icon-set__path_sigma-summ:url('/bitrix/js/ui/icon-set/outline/images/sigma-summ.svg');--o-ui-icon-set__path_sign:url('/bitrix/js/ui/icon-set/outline/images/sign.svg');--o-ui-icon-set__path_smart-activity:url('/bitrix/js/ui/icon-set/outline/images/smart-activity.svg');--o-ui-icon-set__path_smart-process:url('/bitrix/js/ui/icon-set/outline/images/smart-process.svg');--o-ui-icon-set__path_smile:url('/bitrix/js/ui/icon-set/outline/images/smile.svg');--o-ui-icon-set__path_sms:url('/bitrix/js/ui/icon-set/outline/images/sms.svg');--o-ui-icon-set__path_sort-activity:url('/bitrix/js/ui/icon-set/outline/images/sort-activity.svg');--o-ui-icon-set__path_sort-calendar:url('/bitrix/js/ui/icon-set/outline/images/sort-calendar.svg');--o-ui-icon-set__path_sound-off:url('/bitrix/js/ui/icon-set/outline/images/sound-off.svg');--o-ui-icon-set__path_sound-on:url('/bitrix/js/ui/icon-set/outline/images/sound-on.svg');--o-ui-icon-set__path_speaker:url('/bitrix/js/ui/icon-set/outline/images/speaker.svg');--o-ui-icon-set__path_speed-0_5:url('/bitrix/js/ui/icon-set/outline/images/speed-0_5.svg');--o-ui-icon-set__path_speed-0_7:url('/bitrix/js/ui/icon-set/outline/images/speed-0_7.svg');--o-ui-icon-set__path_speed-1:url('/bitrix/js/ui/icon-set/outline/images/speed-1.svg');--o-ui-icon-set__path_speed-1_2:url('/bitrix/js/ui/icon-set/outline/images/speed-1_2.svg');--o-ui-icon-set__path_speed-1_5:url('/bitrix/js/ui/icon-set/outline/images/speed-1_5.svg');--o-ui-icon-set__path_speed-1_7:url('/bitrix/js/ui/icon-set/outline/images/speed-1_7.svg');--o-ui-icon-set__path_speed-2:url('/bitrix/js/ui/icon-set/outline/images/speed-2.svg');--o-ui-icon-set__path_speed-meter:url('/bitrix/js/ui/icon-set/outline/images/speed-meter.svg');--o-ui-icon-set__path_sport-marathon:url('/bitrix/js/ui/icon-set/outline/images/sport-marathon.svg');--o-ui-icon-set__path_stage-minus:url('/bitrix/js/ui/icon-set/outline/images/stage-minus.svg');--o-ui-icon-set__path_stage-plus:url('/bitrix/js/ui/icon-set/outline/images/stage-plus.svg');--o-ui-icon-set__path_stage:url('/bitrix/js/ui/icon-set/outline/images/stage.svg');--o-ui-icon-set__path_stages:url('/bitrix/js/ui/icon-set/outline/images/stages.svg');--o-ui-icon-set__path_stock:url('/bitrix/js/ui/icon-set/outline/images/stock.svg');--o-ui-icon-set__path_stop-hand-crossed:url('/bitrix/js/ui/icon-set/outline/images/stop-hand-crossed.svg');--o-ui-icon-set__path_stop-hand:url('/bitrix/js/ui/icon-set/outline/images/stop-hand.svg');--o-ui-icon-set__path_storage:url('/bitrix/js/ui/icon-set/outline/images/storage.svg');--o-ui-icon-set__path_stress:url('/bitrix/js/ui/icon-set/outline/images/stress.svg');--o-ui-icon-set__path_strikethrough:url('/bitrix/js/ui/icon-set/outline/images/strikethrough.svg');--o-ui-icon-set__path_structure-horizontal:url('/bitrix/js/ui/icon-set/outline/images/structure-horizontal.svg');--o-ui-icon-set__path_structure-vertical:url('/bitrix/js/ui/icon-set/outline/images/structure-vertical.svg');--o-ui-icon-set__path_subtask:url('/bitrix/js/ui/icon-set/outline/images/subtask.svg');--o-ui-icon-set__path_suitcase:url('/bitrix/js/ui/icon-set/outline/images/suitcase.svg');--o-ui-icon-set__path_sun:url('/bitrix/js/ui/icon-set/outline/images/sun.svg');--o-ui-icon-set__path_switch-camera:url('/bitrix/js/ui/icon-set/outline/images/switch-camera.svg');--o-ui-icon-set__path_switcher:url('/bitrix/js/ui/icon-set/outline/images/switcher.svg');--o-ui-icon-set__path_tablet:url('/bitrix/js/ui/icon-set/outline/images/tablet.svg');--o-ui-icon-set__path_tag:url('/bitrix/js/ui/icon-set/outline/images/tag.svg');--o-ui-icon-set__path_tariff-scaner:url('/bitrix/js/ui/icon-set/outline/images/tariff-scaner.svg');--o-ui-icon-set__path_task-list:url('/bitrix/js/ui/icon-set/outline/images/task-list.svg');--o-ui-icon-set__path_task:url('/bitrix/js/ui/icon-set/outline/images/task.svg');--o-ui-icon-set__path_telegram:url('/bitrix/js/ui/icon-set/outline/images/telegram.svg');--o-ui-icon-set__path_telephony:url('/bitrix/js/ui/icon-set/outline/images/telephony.svg');--o-ui-icon-set__path_text:url('/bitrix/js/ui/icon-set/outline/images/text.svg');--o-ui-icon-set__path_theme:url('/bitrix/js/ui/icon-set/outline/images/theme.svg');--o-ui-icon-set__path_thread-single:url('/bitrix/js/ui/icon-set/outline/images/thread-single.svg');--o-ui-icon-set__path_thread:url('/bitrix/js/ui/icon-set/outline/images/thread.svg');--o-ui-icon-set__path_timeline:url('/bitrix/js/ui/icon-set/outline/images/timeline.svg');--o-ui-icon-set__path_timer-dot:url('/bitrix/js/ui/icon-set/outline/images/timer-dot.svg');--o-ui-icon-set__path_timer:url('/bitrix/js/ui/icon-set/outline/images/timer.svg');--o-ui-icon-set__path_topic:url('/bitrix/js/ui/icon-set/outline/images/topic.svg');--o-ui-icon-set__path_translation:url('/bitrix/js/ui/icon-set/outline/images/translation.svg');--o-ui-icon-set__path_trashcan:url('/bitrix/js/ui/icon-set/outline/images/trashcan.svg');--o-ui-icon-set__path_trend-down:url('/bitrix/js/ui/icon-set/outline/images/trend-down.svg');--o-ui-icon-set__path_trend-up:url('/bitrix/js/ui/icon-set/outline/images/trend-up.svg');--o-ui-icon-set__path_underline:url('/bitrix/js/ui/icon-set/outline/images/underline.svg');--o-ui-icon-set__path_undo:url('/bitrix/js/ui/icon-set/outline/images/undo.svg');--o-ui-icon-set__path_unlink:url('/bitrix/js/ui/icon-set/outline/images/unlink.svg');--o-ui-icon-set__path_unpin:url('/bitrix/js/ui/icon-set/outline/images/unpin.svg');--o-ui-icon-set__path_upload-document:url('/bitrix/js/ui/icon-set/outline/images/upload-document.svg');--o-ui-icon-set__path_upload-file:url('/bitrix/js/ui/icon-set/outline/images/upload-file.svg');--o-ui-icon-set__path_upload:url('/bitrix/js/ui/icon-set/outline/images/upload.svg');--o-ui-icon-set__path_user-mask:url('/bitrix/js/ui/icon-set/outline/images/user-mask.svg');--o-ui-icon-set__path_vacation:url('/bitrix/js/ui/icon-set/outline/images/vacation.svg');--o-ui-icon-set__path_wallet:url('/bitrix/js/ui/icon-set/outline/images/wallet.svg');--o-ui-icon-set__path_whatsapp:url('/bitrix/js/ui/icon-set/outline/images/whatsapp.svg');--o-ui-icon-set__path_wifi:url('/bitrix/js/ui/icon-set/outline/images/wifi.svg');--o-ui-icon-set__path_window-flag:url('/bitrix/js/ui/icon-set/outline/images/window-flag.svg');--o-ui-icon-set__path_window-ring:url('/bitrix/js/ui/icon-set/outline/images/window-ring.svg');--o-ui-icon-set__path_yandex-maps:url('/bitrix/js/ui/icon-set/outline/images/yandex-maps.svg');--o-ui-icon-set__path_zoom-in:url('/bitrix/js/ui/icon-set/outline/images/zoom-in.svg');--o-ui-icon-set__path_zoom-out:url('/bitrix/js/ui/icon-set/outline/images/zoom-out.svg');--o-ui-icon-set__path_arrow-down-l:url('/bitrix/js/ui/icon-set/outline/images/arrow-down-l.svg');--o-ui-icon-set__path_arrow-down-m:url('/bitrix/js/ui/icon-set/outline/images/arrow-down-m.svg');--o-ui-icon-set__path_arrow-down-s:url('/bitrix/js/ui/icon-set/outline/images/arrow-down-s.svg');--o-ui-icon-set__path_arrow-down-xs:url('/bitrix/js/ui/icon-set/outline/images/arrow-down-xs.svg');--o-ui-icon-set__path_arrow-left-l:url('/bitrix/js/ui/icon-set/outline/images/arrow-left-l.svg');--o-ui-icon-set__path_arrow-left-m:url('/bitrix/js/ui/icon-set/outline/images/arrow-left-m.svg');--o-ui-icon-set__path_arrow-left-s:url('/bitrix/js/ui/icon-set/outline/images/arrow-left-s.svg');--o-ui-icon-set__path_arrow-left-xs:url('/bitrix/js/ui/icon-set/outline/images/arrow-left-xs.svg');--o-ui-icon-set__path_arrow-right-l:url('/bitrix/js/ui/icon-set/outline/images/arrow-right-l.svg');--o-ui-icon-set__path_arrow-right-m:url('/bitrix/js/ui/icon-set/outline/images/arrow-right-m.svg');--o-ui-icon-set__path_arrow-right-s:url('/bitrix/js/ui/icon-set/outline/images/arrow-right-s.svg');--o-ui-icon-set__path_arrow-right-xs:url('/bitrix/js/ui/icon-set/outline/images/arrow-right-xs.svg');--o-ui-icon-set__path_arrow-top-l:url('/bitrix/js/ui/icon-set/outline/images/arrow-top-l.svg');--o-ui-icon-set__path_arrow-top-m:url('/bitrix/js/ui/icon-set/outline/images/arrow-top-m.svg');--o-ui-icon-set__path_arrow-top-s:url('/bitrix/js/ui/icon-set/outline/images/arrow-top-s.svg');--o-ui-icon-set__path_arrow-top-xs:url('/bitrix/js/ui/icon-set/outline/images/arrow-top-xs.svg');--o-ui-icon-set__path_ban-l:url('/bitrix/js/ui/icon-set/outline/images/ban-l.svg');--o-ui-icon-set__path_ban-m:url('/bitrix/js/ui/icon-set/outline/images/ban-m.svg');--o-ui-icon-set__path_ban-s:url('/bitrix/js/ui/icon-set/outline/images/ban-s.svg');--o-ui-icon-set__path_ban-xs:url('/bitrix/js/ui/icon-set/outline/images/ban-xs.svg');--o-ui-icon-set__path_check-l:url('/bitrix/js/ui/icon-set/outline/images/check-l.svg');--o-ui-icon-set__path_check-m:url('/bitrix/js/ui/icon-set/outline/images/check-m.svg');--o-ui-icon-set__path_check-s:url('/bitrix/js/ui/icon-set/outline/images/check-s.svg');--o-ui-icon-set__path_check-xs:url('/bitrix/js/ui/icon-set/outline/images/check-xs.svg');--o-ui-icon-set__path_chevron-down-l:url('/bitrix/js/ui/icon-set/outline/images/chevron-down-l.svg');--o-ui-icon-set__path_chevron-down-m:url('/bitrix/js/ui/icon-set/outline/images/chevron-down-m.svg');--o-ui-icon-set__path_chevron-down-s:url('/bitrix/js/ui/icon-set/outline/images/chevron-down-s.svg');--o-ui-icon-set__path_chevron-down-xs:url('/bitrix/js/ui/icon-set/outline/images/chevron-down-xs.svg');--o-ui-icon-set__path_chevron-left-l:url('/bitrix/js/ui/icon-set/outline/images/chevron-left-l.svg');--o-ui-icon-set__path_chevron-left-m:url('/bitrix/js/ui/icon-set/outline/images/chevron-left-m.svg');--o-ui-icon-set__path_chevron-left-s:url('/bitrix/js/ui/icon-set/outline/images/chevron-left-s.svg');--o-ui-icon-set__path_chevron-left-xs:url('/bitrix/js/ui/icon-set/outline/images/chevron-left-xs.svg');--o-ui-icon-set__path_chevron-right-l:url('/bitrix/js/ui/icon-set/outline/images/chevron-right-l.svg');--o-ui-icon-set__path_chevron-right-m:url('/bitrix/js/ui/icon-set/outline/images/chevron-right-m.svg');--o-ui-icon-set__path_chevron-right-s:url('/bitrix/js/ui/icon-set/outline/images/chevron-right-s.svg');--o-ui-icon-set__path_chevron-right-xs:url('/bitrix/js/ui/icon-set/outline/images/chevron-right-xs.svg');--o-ui-icon-set__path_chevron-top-l:url('/bitrix/js/ui/icon-set/outline/images/chevron-top-l.svg');--o-ui-icon-set__path_chevron-top-m:url('/bitrix/js/ui/icon-set/outline/images/chevron-top-m.svg');--o-ui-icon-set__path_chevron-top-s:url('/bitrix/js/ui/icon-set/outline/images/chevron-top-s.svg');--o-ui-icon-set__path_chevron-top-xs:url('/bitrix/js/ui/icon-set/outline/images/chevron-top-xs.svg');--o-ui-icon-set__path_collapse-l:url('/bitrix/js/ui/icon-set/outline/images/collapse-l.svg');--o-ui-icon-set__path_collapse-m:url('/bitrix/js/ui/icon-set/outline/images/collapse-m.svg');--o-ui-icon-set__path_collapse-s:url('/bitrix/js/ui/icon-set/outline/images/collapse-s.svg');--o-ui-icon-set__path_collapse-xs:url('/bitrix/js/ui/icon-set/outline/images/collapse-xs.svg');--o-ui-icon-set__path_cross-l:url('/bitrix/js/ui/icon-set/outline/images/cross-l.svg');--o-ui-icon-set__path_cross-m:url('/bitrix/js/ui/icon-set/outline/images/cross-m.svg');--o-ui-icon-set__path_cross-s:url('/bitrix/js/ui/icon-set/outline/images/cross-s.svg');--o-ui-icon-set__path_cross-xs:url('/bitrix/js/ui/icon-set/outline/images/cross-xs.svg');--o-ui-icon-set__path_drag-l:url('/bitrix/js/ui/icon-set/outline/images/drag-l.svg');--o-ui-icon-set__path_drag-m:url('/bitrix/js/ui/icon-set/outline/images/drag-m.svg');--o-ui-icon-set__path_drag-s:url('/bitrix/js/ui/icon-set/outline/images/drag-s.svg');--o-ui-icon-set__path_drag-xs:url('/bitrix/js/ui/icon-set/outline/images/drag-xs.svg');--o-ui-icon-set__path_edit-l:url('/bitrix/js/ui/icon-set/outline/images/edit-l.svg');--o-ui-icon-set__path_edit-m:url('/bitrix/js/ui/icon-set/outline/images/edit-m.svg');--o-ui-icon-set__path_edit-s:url('/bitrix/js/ui/icon-set/outline/images/edit-s.svg');--o-ui-icon-set__path_edit-xs:url('/bitrix/js/ui/icon-set/outline/images/edit-xs.svg');--o-ui-icon-set__path_expand-l:url('/bitrix/js/ui/icon-set/outline/images/expand-l.svg');--o-ui-icon-set__path_expand-m:url('/bitrix/js/ui/icon-set/outline/images/expand-m.svg');--o-ui-icon-set__path_expand-s:url('/bitrix/js/ui/icon-set/outline/images/expand-s.svg');--o-ui-icon-set__path_expand-xs:url('/bitrix/js/ui/icon-set/outline/images/expand-xs.svg');--o-ui-icon-set__path_filter-2-l:url('/bitrix/js/ui/icon-set/outline/images/filter-2-l.svg');--o-ui-icon-set__path_filter-2-m:url('/bitrix/js/ui/icon-set/outline/images/filter-2-m.svg');--o-ui-icon-set__path_filter-2-s:url('/bitrix/js/ui/icon-set/outline/images/filter-2-s.svg');--o-ui-icon-set__path_filter-2-xs:url('/bitrix/js/ui/icon-set/outline/images/filter-2-xs.svg');--o-ui-icon-set__path_go-to-l:url('/bitrix/js/ui/icon-set/outline/images/go-to-l.svg');--o-ui-icon-set__path_go-to-m:url('/bitrix/js/ui/icon-set/outline/images/go-to-m.svg');--o-ui-icon-set__path_go-to-s:url('/bitrix/js/ui/icon-set/outline/images/go-to-s.svg');--o-ui-icon-set__path_go-to-xs:url('/bitrix/js/ui/icon-set/outline/images/go-to-xs.svg');--o-ui-icon-set__path_lock-l:url('/bitrix/js/ui/icon-set/outline/images/lock-l.svg');--o-ui-icon-set__path_lock-m:url('/bitrix/js/ui/icon-set/outline/images/lock-m.svg');--o-ui-icon-set__path_lock-s:url('/bitrix/js/ui/icon-set/outline/images/lock-s.svg');--o-ui-icon-set__path_lock-xs:url('/bitrix/js/ui/icon-set/outline/images/lock-xs.svg');--o-ui-icon-set__path_lock-2:url('/bitrix/js/ui/icon-set/outline/images/lock-2.svg');--o-ui-icon-set__path_minus-l:url('/bitrix/js/ui/icon-set/outline/images/minus-l.svg');--o-ui-icon-set__path_minus-m:url('/bitrix/js/ui/icon-set/outline/images/minus-m.svg');--o-ui-icon-set__path_minus-s:url('/bitrix/js/ui/icon-set/outline/images/minus-s.svg');--o-ui-icon-set__path_minus-xs:url('/bitrix/js/ui/icon-set/outline/images/minus-xs.svg');--o-ui-icon-set__path_more-l:url('/bitrix/js/ui/icon-set/outline/images/more-l.svg');--o-ui-icon-set__path_more-m:url('/bitrix/js/ui/icon-set/outline/images/more-m.svg');--o-ui-icon-set__path_more-s:url('/bitrix/js/ui/icon-set/outline/images/more-s.svg');--o-ui-icon-set__path_more-xs:url('/bitrix/js/ui/icon-set/outline/images/more-xs.svg');--o-ui-icon-set__path_pause-l:url('/bitrix/js/ui/icon-set/outline/images/pause-l.svg');--o-ui-icon-set__path_pause-m:url('/bitrix/js/ui/icon-set/outline/images/pause-m.svg');--o-ui-icon-set__path_pause-s:url('/bitrix/js/ui/icon-set/outline/images/pause-s.svg');--o-ui-icon-set__path_pause-xs:url('/bitrix/js/ui/icon-set/outline/images/pause-xs.svg');--o-ui-icon-set__path_play-l:url('/bitrix/js/ui/icon-set/outline/images/play-l.svg');--o-ui-icon-set__path_play-m:url('/bitrix/js/ui/icon-set/outline/images/play-m.svg');--o-ui-icon-set__path_play-s:url('/bitrix/js/ui/icon-set/outline/images/play-s.svg');--o-ui-icon-set__path_play-xs:url('/bitrix/js/ui/icon-set/outline/images/play-xs.svg');--o-ui-icon-set__path_plus-l:url('/bitrix/js/ui/icon-set/outline/images/plus-l.svg');--o-ui-icon-set__path_plus-m:url('/bitrix/js/ui/icon-set/outline/images/plus-m.svg');--o-ui-icon-set__path_plus-s:url('/bitrix/js/ui/icon-set/outline/images/plus-s.svg');--o-ui-icon-set__path_plus-xs:url('/bitrix/js/ui/icon-set/outline/images/plus-xs.svg');--o-ui-icon-set__path_stop-l:url('/bitrix/js/ui/icon-set/outline/images/stop-l.svg');--o-ui-icon-set__path_stop-m:url('/bitrix/js/ui/icon-set/outline/images/stop-m.svg');--o-ui-icon-set__path_stop-s:url('/bitrix/js/ui/icon-set/outline/images/stop-s.svg');--o-ui-icon-set__path_stop-xs:url('/bitrix/js/ui/icon-set/outline/images/stop-xs.svg');--o-ui-icon-set__path_unlock-l:url('/bitrix/js/ui/icon-set/outline/images/unlock-l.svg');--o-ui-icon-set__path_unlock-m:url('/bitrix/js/ui/icon-set/outline/images/unlock-m.svg');--o-ui-icon-set__path_unlock-s:url('/bitrix/js/ui/icon-set/outline/images/unlock-s.svg');--o-ui-icon-set__path_unlock-xs:url('/bitrix/js/ui/icon-set/outline/images/unlock-xs.svg');--o-ui-icon-set__path_settings-l:url('/bitrix/js/ui/icon-set/outline/images/settings-l.svg');--o-ui-icon-set__path_settings-m:url('/bitrix/js/ui/icon-set/outline/images/settings-m.svg');--o-ui-icon-set__path_settings-s:url('/bitrix/js/ui/icon-set/outline/images/settings-s.svg');--o-ui-icon-set__path_settings-xs:url('/bitrix/js/ui/icon-set/outline/images/settings-xs.svg');--o-ui-icon-set__path_ai-process:url('/bitrix/js/ui/icon-set/outline/images/ai-process.svg');--o-ui-icon-set__path_auto-selection:url('/bitrix/js/ui/icon-set/outline/images/auto-selection.svg');--o-ui-icon-set__path_business-process-money:url('/bitrix/js/ui/icon-set/outline/images/business-process-money.svg');--o-ui-icon-set__path_call-back:url('/bitrix/js/ui/icon-set/outline/images/call-back.svg');--o-ui-icon-set__path_collab-add:url('/bitrix/js/ui/icon-set/outline/images/collab-add.svg');--o-ui-icon-set__path_contact-details:url('/bitrix/js/ui/icon-set/outline/images/contact-details.svg');--o-ui-icon-set__path_contrast:url('/bitrix/js/ui/icon-set/outline/images/contrast.svg');--o-ui-icon-set__path_crm-field-except:url('/bitrix/js/ui/icon-set/outline/images/crm-field-except.svg');--o-ui-icon-set__path_crm-field-linked:url('/bitrix/js/ui/icon-set/outline/images/crm-field-linked.svg');--o-ui-icon-set__path_crm-field-simple:url('/bitrix/js/ui/icon-set/outline/images/crm-field-simple.svg');--o-ui-icon-set__path_customization:url('/bitrix/js/ui/icon-set/outline/images/customization.svg');--o-ui-icon-set__path_ddos-attack:url('/bitrix/js/ui/icon-set/outline/images/ddos-attack.svg');--o-ui-icon-set__path_delete-event:url('/bitrix/js/ui/icon-set/outline/images/delete-event.svg');--o-ui-icon-set__path_delivery-with-item:url('/bitrix/js/ui/icon-set/outline/images/delivery-with-item.svg');--o-ui-icon-set__path_digits-24:url('/bitrix/js/ui/icon-set/outline/images/digits-24.svg');--o-ui-icon-set__path_dots:url('/bitrix/js/ui/icon-set/outline/images/dots.svg');--o-ui-icon-set__path_feedback-form:url('/bitrix/js/ui/icon-set/outline/images/feedback-form.svg');--o-ui-icon-set__path_ip-address:url('/bitrix/js/ui/icon-set/outline/images/ip-address.svg');--o-ui-icon-set__path_ip-address-crossed:url('/bitrix/js/ui/icon-set/outline/images/ip-address-crossed.svg');--o-ui-icon-set__path_letter-sort-down:url('/bitrix/js/ui/icon-set/outline/images/letter-sort-down.svg');--o-ui-icon-set__path_letter-sort-up:url('/bitrix/js/ui/icon-set/outline/images/letter-sort-up.svg');--o-ui-icon-set__path_list-ai:url('/bitrix/js/ui/icon-set/outline/images/list-ai.svg');--o-ui-icon-set__path_logo-android:url('/bitrix/js/ui/icon-set/outline/images/logo-android.svg');--o-ui-icon-set__path_logo-apple:url('/bitrix/js/ui/icon-set/outline/images/logo-apple.svg');--o-ui-icon-set__path_multi-page-form:url('/bitrix/js/ui/icon-set/outline/images/multi-page-form.svg');--o-ui-icon-set__path_no-screenshot:url('/bitrix/js/ui/icon-set/outline/images/no-screenshot.svg');--o-ui-icon-set__path_onlive-events:url('/bitrix/js/ui/icon-set/outline/images/online-events.svg');--o-ui-icon-set__path_payment-and-delivery:url('/bitrix/js/ui/icon-set/outline/images/payment-and-delivery.svg');--o-ui-icon-set__path_personal-form:url('/bitrix/js/ui/icon-set/outline/images/personal-form.svg');--o-ui-icon-set__path_private-message:url('/bitrix/js/ui/icon-set/outline/images/private-message.svg');--o-ui-icon-set__path_process:url('/bitrix/js/ui/icon-set/outline/images/process.svg');--o-ui-icon-set__path_process-stop:url('/bitrix/js/ui/icon-set/outline/images/process-stop.svg');--o-ui-icon-set__path_products-cube:url('/bitrix/js/ui/icon-set/outline/images/products-cube.svg');--o-ui-icon-set__path_products-payment:url('/bitrix/js/ui/icon-set/outline/images/products-payment.svg');--o-ui-icon-set__path_products-photo:url('/bitrix/js/ui/icon-set/outline/images/products-photo.svg');--o-ui-icon-set__path_products-shirt:url('/bitrix/js/ui/icon-set/outline/images/products-shirt.svg');--o-ui-icon-set__path_products-quick-crm-fill:url('/bitrix/js/ui/icon-set/outline/images/quick-crm-fill.svg');--o-ui-icon-set__path_receipt:url('/bitrix/js/ui/icon-set/outline/images/receipt.svg');--o-ui-icon-set__path_receipt-note:url('/bitrix/js/ui/icon-set/outline/images/receipt-note.svg');--o-ui-icon-set__path_record-on:url('/bitrix/js/ui/icon-set/outline/images/record-on.svg');--o-ui-icon-set__path_registration-on-site:url('/bitrix/js/ui/icon-set/outline/images/registration-on-site.svg');--o-ui-icon-set__path_screen-phone:url('/bitrix/js/ui/icon-set/outline/images/screen-phone.svg');--o-ui-icon-set__path_server-settings:url('/bitrix/js/ui/icon-set/outline/images/server-settings.svg');--o-ui-icon-set__path_speaker-add:url('/bitrix/js/ui/icon-set/outline/images/speaker-add.svg');--o-ui-icon-set__path_template-task:url('/bitrix/js/ui/icon-set/outline/images/template-task.svg');--o-ui-icon-set__path_text-format-bottom:url('/bitrix/js/ui/icon-set/outline/images/text-format-bottom.svg');--o-ui-icon-set__path_text-format-cancel:url('/bitrix/js/ui/icon-set/outline/images/text-format-cancel.svg');--o-ui-icon-set__path_text-format-top:url('/bitrix/js/ui/icon-set/outline/images/text-format-top.svg');--o-ui-icon-set__path_text-format-top-left:url('/bitrix/js/ui/icon-set/outline/images/text-format-top-left.svg');--o-ui-icon-set__path_text-format-top-right:url('/bitrix/js/ui/icon-set/outline/images/text-format-top-right.svg');--o-ui-icon-set__path_trainee:url('/bitrix/js/ui/icon-set/outline/images/trainee.svg');--o-ui-icon-set__path_user-profile:url('/bitrix/js/ui/icon-set/outline/images/user-profile.svg');--o-ui-icon-set__path_verification:url('/bitrix/js/ui/icon-set/outline/images/verification.svg');--o-ui-icon-set__path_virtual-server:url('/bitrix/js/ui/icon-set/outline/images/virtual-server.svg');--o-ui-icon-set__path_virtual-storage:url('/bitrix/js/ui/icon-set/outline/images/virtual-storage.svg');--o-ui-icon-set__path_vk-lead-form:url('/bitrix/js/ui/icon-set/outline/images/vk-lead-form.svg');--o-ui-icon-set__path_watermark:url('/bitrix/js/ui/icon-set/outline/images/watermark.svg');--o-ui-icon-set__path_wiki:url('/bitrix/js/ui/icon-set/outline/images/wiki.svg');--o-ui-icon-set__path_poll:url('/bitrix/js/ui/icon-set/outline/images/poll.svg');--o-ui-icon-set__path_action-required:url('/bitrix/js/ui/icon-set/outline/images/action-required.svg');--o-ui-icon-set__path_ai-internet-search:url('/bitrix/js/ui/icon-set/outline/images/ai-internet-search.svg');--o-ui-icon-set__path_ai-reflection:url('/bitrix/js/ui/icon-set/outline/images/ai-reflection.svg');--o-ui-icon-set__path_contact-center:url('/bitrix/js/ui/icon-set/outline/images/contact-center.svg');--o-ui-icon-set__path_delete-person:url('/bitrix/js/ui/icon-set/outline/images/delete-person.svg');--o-ui-icon-set__path_digits123:url('/bitrix/js/ui/icon-set/outline/images/digits123.svg');--o-ui-icon-set__path_location-plus:url('/bitrix/js/ui/icon-set/outline/images/location-plus.svg');--o-ui-icon-set__path_transcription:url('/bitrix/js/ui/icon-set/outline/images/transcription.svg');--o-ui-icon-set__path_auto-check-in:url('/bitrix/js/ui/icon-set/outline/images/auto-check-in.svg');--o-ui-icon-set__path_broom:url('/bitrix/js/ui/icon-set/outline/images/broom.svg');--o-ui-icon-set__path_check-deferred:url('/bitrix/js/ui/icon-set/outline/images/check-deferred.svg');--o-ui-icon-set__path_check-in-cancel:url('/bitrix/js/ui/icon-set/outline/images/check-in-cancel.svg');--o-ui-icon-set__path_check-in-negative:url('/bitrix/js/ui/icon-set/outline/images/check-in-negative.svg');--o-ui-icon-set__path_compass:url('/bitrix/js/ui/icon-set/outline/images/compass.svg');--o-ui-icon-set__path_face-ident:url('/bitrix/js/ui/icon-set/outline/images/face-ident.svg');--o-ui-icon-set__path_fingerprint:url('/bitrix/js/ui/icon-set/outline/images/fingerprint.svg');--o-ui-icon-set__path_graphs-settings:url('/bitrix/js/ui/icon-set/outline/images/graphs-settings.svg');--o-ui-icon-set__path_keyboard:url('/bitrix/js/ui/icon-set/outline/images/keyboard.svg');--o-ui-icon-set__path_media-message:url('/bitrix/js/ui/icon-set/outline/images/media-message.svg');--o-ui-icon-set__path_mobile-selected:url('/bitrix/js/ui/icon-set/outline/images/mobile-selected.svg');--o-ui-icon-set__path_no-compass:url('/bitrix/js/ui/icon-set/outline/images/no-compass.svg');--o-ui-icon-set__path_person-detect:url('/bitrix/js/ui/icon-set/outline/images/person-detect.svg');--o-ui-icon-set__path_reply-all:url('/bitrix/js/ui/icon-set/outline/images/reply-all.svg');--o-ui-icon-set__path_screen-selected:url('/bitrix/js/ui/icon-set/outline/images/screen-selected.svg');--o-ui-icon-set__path_screen-share-pause:url('/bitrix/js/ui/icon-set/outline/images/screen-share-pause.svg');--o-ui-icon-set__path_sign-default:url('/bitrix/js/ui/icon-set/outline/images/sign-default.svg');--o-ui-icon-set__path_size-w-l:url('/bitrix/js/ui/icon-set/outline/images/size-w-l.svg');--o-ui-icon-set__path_statistics-arrow:url('/bitrix/js/ui/icon-set/outline/images/statistics-arrow.svg');--o-ui-icon-set__path_sticker:url('/bitrix/js/ui/icon-set/outline/images/sticker.svg');--o-ui-icon-set__path_browser:url('/bitrix/js/ui/icon-set/outline/images/browser.svg');--o-ui-icon-set__path_more-vertical-xs:url('/bitrix/js/ui/icon-set/outline/images/more-vertical-xs.svg');--o-ui-icon-set__path_more-vertical-s:url('/bitrix/js/ui/icon-set/outline/images/more-vertical-s.svg');--o-ui-icon-set__path_more-vertical-m:url('/bitrix/js/ui/icon-set/outline/images/more-vertical-m.svg');--o-ui-icon-set__path_more-vertical-l:url('/bitrix/js/ui/icon-set/outline/images/more-vertical-l.svg');--o-ui-icon-set__path_database:url('/bitrix/js/ui/icon-set/outline/images/database.svg')}.ui-icon-set.--o-double-gis{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_double-gis)}.ui-icon-set.--o-three-persons{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_three-persons)}.ui-icon-set.--o-a-letter{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_a-letter)}.ui-icon-set.--o-achievement{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_achievement)}.ui-icon-set.--o-activity{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_activity)}.ui-icon-set.--o-add-chat{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_add-chat)}.ui-icon-set.--o-add-event{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_add-event)}.ui-icon-set.--o-add-funnel{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_add-funnel)}.ui-icon-set.--o-add-person{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_add-person)}.ui-icon-set.--o-add-product{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_add-product)}.ui-icon-set.--o-add-timeline{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_add-timeline)}.ui-icon-set.--o-ai-stars-question{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_ai-stars-question)}.ui-icon-set.--o-ai-stars{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_ai-stars)}.ui-icon-set.--o-alarm{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_alarm)}.ui-icon-set.--o-alert-accent{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_alert-accent)}.ui-icon-set.--o-alert{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_alert)}.ui-icon-set.--o-align-center{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_align-center)}.ui-icon-set.--o-align-justify{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_align-justify)}.ui-icon-set.--o-align-left{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_align-left)}.ui-icon-set.--o-align-right{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_align-right)}.ui-icon-set.--o-apps{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_apps)}.ui-icon-set.--o-attach-2{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_attach-2)}.ui-icon-set.--o-attach{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_attach)}.ui-icon-set.--o-autofill{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_autofill)}.ui-icon-set.--o-back-10{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_back-10)}.ui-icon-set.--o-back-15{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_back-15)}.ui-icon-set.--o-barcode{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_barcode)}.ui-icon-set.--o-battery-1-stick{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_battery-1-stick)}.ui-icon-set.--o-battery-2-sticks{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_battery-2-sticks)}.ui-icon-set.--o-battery-no-charge{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_battery-no-charge)}.ui-icon-set.--o-bluetooth{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_bluetooth)}.ui-icon-set.--o-board{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_board)}.ui-icon-set.--o-bold{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_bold)}.ui-icon-set.--o-bookmark-2{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_bookmark-2)}.ui-icon-set.--o-bookmark{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_bookmark)}.ui-icon-set.--o-bottleneck{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_bottleneck)}.ui-icon-set.--o-bottom-menu{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_bottom-menu)}.ui-icon-set.--o-box-with-lid{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_box-with-lid)}.ui-icon-set.--o-box{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_box)}.ui-icon-set.--o-bug{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_bug)}.ui-icon-set.--o-bulleted-list{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_bulleted-list)}.ui-icon-set.--o-busines-process-stages{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_busines-process-stages)}.ui-icon-set.--o-business-process-progress{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_business-process-progress)}.ui-icon-set.--o-business-process{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_business-process)}.ui-icon-set.--o-calendar-empty{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_calendar-empty)}.ui-icon-set.--o-calendar-share{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_calendar-share)}.ui-icon-set.--o-calendar-with-checks{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_calendar-with-checks)}.ui-icon-set.--o-calendar-with-slots{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_calendar-with-slots)}.ui-icon-set.--o-calendar{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_calendar)}.ui-icon-set.--o-camera-off{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_camera-off)}.ui-icon-set.--o-camera{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_camera)}.ui-icon-set.--o-card{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_card)}.ui-icon-set.--o-cash-terminal{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_cash-terminal)}.ui-icon-set.--o-change-funnel{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_change-funnel)}.ui-icon-set.--o-change-order-2{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_change-order-2)}.ui-icon-set.--o-change-order{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_change-order)}.ui-icon-set.--o-chat-list{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chat-list)}.ui-icon-set.--o-chats{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chats)}.ui-icon-set.--o-check-list{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_check-list)}.ui-icon-set.--o-circle-check{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_circle-check)}.ui-icon-set.--o-circle-cross{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_circle-cross)}.ui-icon-set.--o-circle-minus{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_circle-minus)}.ui-icon-set.--o-circle-more{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_circle-more)}.ui-icon-set.--o-circle-plus{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_circle-plus)}.ui-icon-set.--o-clock-back{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_clock-back)}.ui-icon-set.--o-clock{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_clock)}.ui-icon-set.--o-close-chat{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_close-chat)}.ui-icon-set.--o-cloud-download{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_cloud-download)}.ui-icon-set.--o-cloud-sync{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_cloud-sync)}.ui-icon-set.--o-cloud-time{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_cloud-time)}.ui-icon-set.--o-cloud-with-check{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_cloud-with-check)}.ui-icon-set.--o-cloud{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_cloud)}.ui-icon-set.--o-collab{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_collab)}.ui-icon-set.--o-collaboration{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_collaboration)}.ui-icon-set.--o-columns-sidebar-pending{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_columns-sidebar-pending)}.ui-icon-set.--o-columns{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_columns)}.ui-icon-set.--o-company{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_company)}.ui-icon-set.--o-complete-task-list{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_complete-task-list)}.ui-icon-set.--o-contact{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_contact)}.ui-icon-set.--o-copilot{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_copilot)}.ui-icon-set.--o-copy{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_copy)}.ui-icon-set.--o-create-chat{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_create-chat)}.ui-icon-set.--o-create-file{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_create-file)}.ui-icon-set.--o-crm-letters{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_crm-letters)}.ui-icon-set.--o-crm{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_crm)}.ui-icon-set.--o-crossed-eye{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_crossed-eye)}.ui-icon-set.--o-crown{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_crown)}.ui-icon-set.--o-cursor-click{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_cursor-click)}.ui-icon-set.--o-cursors-strike{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_cursors-strike)}.ui-icon-set.--o-day-off{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_day-off)}.ui-icon-set.--o-delay{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_delay)}.ui-icon-set.--o-delegate{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_delegate)}.ui-icon-set.--o-delivery{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_delivery)}.ui-icon-set.--o-demonstration-on{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_demonstration-on)}.ui-icon-set.--o-department{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_department)}.ui-icon-set.--o-design{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_design)}.ui-icon-set.--o-developer-resources{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_developer-resources)}.ui-icon-set.--o-device-rotate{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_device-rotate)}.ui-icon-set.--o-disk-shared{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_disk-shared)}.ui-icon-set.--o-dislike{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_dislike)}.ui-icon-set.--o-distribution{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_distribution)}.ui-icon-set.--o-document-update{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_document-update)}.ui-icon-set.--o-double-check{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_double-check)}.ui-icon-set.--o-download{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_download)}.ui-icon-set.--o-duplicate{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_duplicate)}.ui-icon-set.--o-earth-with-check{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_earth-with-check)}.ui-icon-set.--o-earth-with-clock{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_earth-with-clock)}.ui-icon-set.--o-earth-with-cross{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_earth-with-cross)}.ui-icon-set.--o-earth-with-stop{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_earth-with-stop)}.ui-icon-set.--o-earth-with-tree{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_earth-with-tree)}.ui-icon-set.--o-earth{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_earth)}.ui-icon-set.--o-empty-battery{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_empty-battery)}.ui-icon-set.--o-empty-message{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_empty-message)}.ui-icon-set.--o-enterprise{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_enterprise)}.ui-icon-set.--o-expert-mode{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_expert-mode)}.ui-icon-set.--o-favorite{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_favorite)}.ui-icon-set.--o-feedback{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_feedback)}.ui-icon-set.--o-file-with-check-2{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_file-with-check-2)}.ui-icon-set.--o-file-with-check{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_file-with-check)}.ui-icon-set.--o-file-with-clock{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_file-with-clock)}.ui-icon-set.--o-file{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_file)}.ui-icon-set.--o-filter-2-lines{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_filter-2-lines)}.ui-icon-set.--o-filter-funnel{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_filter-funnel)}.ui-icon-set.--o-filter{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_filter)}.ui-icon-set.--o-find-filters{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_find-filters)}.ui-icon-set.--o-fire{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_fire)}.ui-icon-set.--o-fire-solid{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_fire_solid)}.ui-icon-set.--o-flag-with-cross{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_flag-with-cross)}.ui-icon-set.--o-flag{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_flag)}.ui-icon-set.--o-folder-24{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_folder-24)}.ui-icon-set.--o-folder-plus{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_folder-plus)}.ui-icon-set.--o-folder-success{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_folder-success)}.ui-icon-set.--o-folder-with-card{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_folder-with-card)}.ui-icon-set.--o-folder{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_folder)}.ui-icon-set.--o-form{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_form)}.ui-icon-set.--o-forward-10{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_forward-10)}.ui-icon-set.--o-forward-15{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_forward-15)}.ui-icon-set.--o-forward{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_forward)}.ui-icon-set.--o-freelance{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_freelance)}.ui-icon-set.--o-full-battery{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_full-battery)}.ui-icon-set.--o-gift{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_gift)}.ui-icon-set.--o-glasses{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_glasses)}.ui-icon-set.--o-globe-extranet{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_globe-extranet)}.ui-icon-set.--o-go-to-message{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_go-to-message)}.ui-icon-set.--o-google-maps{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_google-maps)}.ui-icon-set.--o-graduation-cap{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_graduation-cap)}.ui-icon-set.--o-graphs-diagram{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_graphs-diagram)}.ui-icon-set.--o-group{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_group)}.ui-icon-set.--o-hamburger-menu{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_hamburger-menu)}.ui-icon-set.--o-handshake{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_handshake)}.ui-icon-set.--o-headset{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_headset)}.ui-icon-set.--o-heart{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_heart)}.ui-icon-set.--o-high-temperature{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_high-temperature)}.ui-icon-set.--o-home-star{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_home-star)}.ui-icon-set.--o-home{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_home)}.ui-icon-set.--o-hourglass{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_hourglass)}.ui-icon-set.--o-idea-lamp{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_idea-lamp)}.ui-icon-set.--o-image{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_image)}.ui-icon-set.--o-info-circle{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_info-circle)}.ui-icon-set.--o-interval{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_interval)}.ui-icon-set.--o-intranet{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_intranet)}.ui-icon-set.--o-inventory-management{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_inventory-management)}.ui-icon-set.--o-invoice{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_invoice)}.ui-icon-set.--o-issue-invoice{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_issue-invoice)}.ui-icon-set.--o-italic{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_italic)}.ui-icon-set.--o-kanban{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_kanban)}.ui-icon-set.--o-key{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_key)}.ui-icon-set.--o-knowledge-base{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_knowledge-base)}.ui-icon-set.--o-layers{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_layers)}.ui-icon-set.--o-lead{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_lead)}.ui-icon-set.--o-left-right{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_left-right)}.ui-icon-set.--o-like{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_like)}.ui-icon-set.--o-link-settings{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_link-settings)}.ui-icon-set.--o-link{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_link)}.ui-icon-set.--o-links-list{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_links-list)}.ui-icon-set.--o-location-time{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_location-time)}.ui-icon-set.--o-location{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_location)}.ui-icon-set.--o-log-in{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_log-in)}.ui-icon-set.--o-log-out{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_log-out)}.ui-icon-set.--o-lower-right-arrow{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_lower-right-arrow)}.ui-icon-set.--o-magic-wand{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_magic-wand)}.ui-icon-set.--o-mail-counter{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_mail-counter)}.ui-icon-set.--o-mail-forward{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_mail-forward)}.ui-icon-set.--o-mail-in-progress{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_mail-in-progress)}.ui-icon-set.--o-mail-open{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_mail-open)}.ui-icon-set.--o-mail-return{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_mail-return)}.ui-icon-set.--o-mail-send{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_mail-send)}.ui-icon-set.--o-mail{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_mail)}.ui-icon-set.--o-main-tool{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_main-tool)}.ui-icon-set.--o-map{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_map)}.ui-icon-set.--o-market{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_market)}.ui-icon-set.--o-maximize{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_maximize)}.ui-icon-set.--o-maximize-2{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_maximize-2)}.ui-icon-set.--o-meeting-point{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_meeting-point)}.ui-icon-set.--o-mention{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_mention)}.ui-icon-set.--o-message{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_message)}.ui-icon-set.--o-messages{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_messages)}.ui-icon-set.--o-messenger-meta{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_messenger-meta)}.ui-icon-set.--o-messenger{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_messenger)}.ui-icon-set.--o-microphone-off{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_microphone-off)}.ui-icon-set.--o-microphone-on{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_microphone-on)}.ui-icon-set.--o-minimize{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_minimize)}.ui-icon-set.--o-minimize-2{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_minimize-2)}.ui-icon-set.--o-mobile-constructor{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_mobile-constructor)}.ui-icon-set.--o-mobile-service{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_mobile-service)}.ui-icon-set.--o-mobile-stars{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_mobile-stars)}.ui-icon-set.--o-mobile{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_mobile)}.ui-icon-set.--o-moderator{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_moderator)}.ui-icon-set.--o-money{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_money)}.ui-icon-set.--o-moon{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_moon)}.ui-icon-set.--o-move-to-checklist{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_move-to-checklist)}.ui-icon-set.--o-move-to{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_move-to)}.ui-icon-set.--o-multichoice-off{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_multichoice-off)}.ui-icon-set.--o-multichoice-on{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_multichoice-on)}.ui-icon-set.--o-music{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_music)}.ui-icon-set.--o-my-deals{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_my-deals)}.ui-icon-set.--o-my-plan{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_my-plan)}.ui-icon-set.--o-neutral{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_neutral)}.ui-icon-set.--o-new-message{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_new-message)}.ui-icon-set.--o-newsfeed{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_newsfeed)}.ui-icon-set.--o-next{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_next)}.ui-icon-set.--o-no-wifi{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_no-wifi)}.ui-icon-set.--o-non-favorite{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_non-favorite)}.ui-icon-set.--o-note{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_note)}.ui-icon-set.--o-notification-off{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_notification-off)}.ui-icon-set.--o-notification-settings{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_notification-settings)}.ui-icon-set.--o-notification-with-cross{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_notification-with-cross)}.ui-icon-set.--o-notification{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_notification)}.ui-icon-set.--o-numbered-list{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_numbered-list)}.ui-icon-set.--o-observer{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_observer)}.ui-icon-set.--o-online-booking{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_online-booking)}.ui-icon-set.--o-open-channels{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_open-channels)}.ui-icon-set.--o-open-chat{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_open-chat)}.ui-icon-set.--o-chats-with-check{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chats-with-check)}.ui-icon-set.--o-reply{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_reply)}.ui-icon-set.--o-package{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_package)}.ui-icon-set.--o-palette{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_palette)}.ui-icon-set.--o-partner-nfc{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_partner-nfc)}.ui-icon-set.--o-path{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_path)}.ui-icon-set.--o-payment-terminal{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_payment-terminal)}.ui-icon-set.--o-payment{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_payment)}.ui-icon-set.--o-person-checks{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_person-checks)}.ui-icon-set.--o-person-descending{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_person-descending)}.ui-icon-set.--o-person-search{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_person-search)}.ui-icon-set.--o-person-settings{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_person-settings)}.ui-icon-set.--o-person-speak{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_person-speak)}.ui-icon-set.--o-person{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_person)}.ui-icon-set.--o-phone-add{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_phone-add)}.ui-icon-set.--o-phone-broken{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_phone-broken)}.ui-icon-set.--o-phone-down{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_phone-down)}.ui-icon-set.--o-phone-in{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_phone-in)}.ui-icon-set.--o-phone-out{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_phone-out)}.ui-icon-set.--o-phone-up{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_phone-up)}.ui-icon-set.--o-pin-list{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_pin-list)}.ui-icon-set.--o-pin{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_pin)}.ui-icon-set.--o-ping{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_ping)}.ui-icon-set.--o-pitch-zoom{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_pitch-zoom)}.ui-icon-set.--o-planning{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_planning)}.ui-icon-set.--o-point-left{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_point-left)}.ui-icon-set.--o-point-right{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_point-right)}.ui-icon-set.--o-power{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_power)}.ui-icon-set.--o-printer{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_printer)}.ui-icon-set.--o-processes{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_processes)}.ui-icon-set.--o-product{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_product)}.ui-icon-set.--o-prompt-library{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_prompt-library)}.ui-icon-set.--o-prompt-var{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_prompt-var)}.ui-icon-set.--o-pulse{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_pulse)}.ui-icon-set.--o-qr-code{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_qr-code)}.ui-icon-set.--o-quantity{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_quantity)}.ui-icon-set.--o-question-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_question-l)}.ui-icon-set.--o-question{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_question)}.ui-icon-set.--o-quote{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_quote)}.ui-icon-set.--o-record-video{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_record-video)}.ui-icon-set.--o-redo{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_redo)}.ui-icon-set.--o-refresh{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_refresh)}.ui-icon-set.--o-related-tasks{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_related-tasks)}.ui-icon-set.--o-remove-person{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_remove-person)}.ui-icon-set.--o-repeat-cycle{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_repeat-cycle)}.ui-icon-set.--o-repeat-sales{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_repeat-sales)}.ui-icon-set.--o-repeat{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_repeat)}.ui-icon-set.--o-resume{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_resume)}.ui-icon-set.--o-robot{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_robot)}.ui-icon-set.--o-rocket{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_rocket)}.ui-icon-set.--o-running-man{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_running-man)}.ui-icon-set.--o-sad{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sad)}.ui-icon-set.--o-sale-tag{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sale-tag)}.ui-icon-set.--o-screen{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_screen)}.ui-icon-set.--o-scrum{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_scrum)}.ui-icon-set.--o-search{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_search)}.ui-icon-set.--o-send{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_send)}.ui-icon-set.--o-sended{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sended)}.ui-icon-set.--o-services{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_services)}.ui-icon-set.--o-set-columns{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_set-columns)}.ui-icon-set.--o-settings{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_settings)}.ui-icon-set.--o-share-task{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_share-task)}.ui-icon-set.--o-share{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_share)}.ui-icon-set.--o-shield-attention{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_shield-attention)}.ui-icon-set.--o-shield-checked{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_shield-checked)}.ui-icon-set.--o-shield{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_shield)}.ui-icon-set.--o-shopping-cart{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_shopping-cart)}.ui-icon-set.--o-shuffle{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_shuffle)}.ui-icon-set.--o-sick{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sick)}.ui-icon-set.--o-sigma-summ{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sigma-summ)}.ui-icon-set.--o-sign{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sign)}.ui-icon-set.--o-smart-activity{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_smart-activity)}.ui-icon-set.--o-smart-process{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_smart-process)}.ui-icon-set.--o-smile{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_smile)}.ui-icon-set.--o-sms{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sms)}.ui-icon-set.--o-sort-activity{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sort-activity)}.ui-icon-set.--o-sort-calendar{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sort-calendar)}.ui-icon-set.--o-sound-off{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sound-off)}.ui-icon-set.--o-sound-on{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sound-on)}.ui-icon-set.--o-speaker{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_speaker)}.ui-icon-set.--o-speed-0_5{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_speed-0_5)}.ui-icon-set.--o-speed-0_7{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_speed-0_7)}.ui-icon-set.--o-speed-1{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_speed-1)}.ui-icon-set.--o-speed-1_2{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_speed-1_2)}.ui-icon-set.--o-speed-1_5{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_speed-1_5)}.ui-icon-set.--o-speed-1_7{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_speed-1_7)}.ui-icon-set.--o-speed-2{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_speed-2)}.ui-icon-set.--o-speed-meter{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_speed-meter)}.ui-icon-set.--o-sport-marathon{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sport-marathon)}.ui-icon-set.--o-stage-minus{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_stage-minus)}.ui-icon-set.--o-stage-plus{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_stage-plus)}.ui-icon-set.--o-stage{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_stage)}.ui-icon-set.--o-stages{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_stages)}.ui-icon-set.--o-stock{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_stock)}.ui-icon-set.--o-stop-hand-crossed{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_stop-hand-crossed)}.ui-icon-set.--o-stop-hand{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_stop-hand)}.ui-icon-set.--o-storage{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_storage)}.ui-icon-set.--o-stress{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_stress)}.ui-icon-set.--o-strikethrough{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_strikethrough)}.ui-icon-set.--o-structure-horizontal{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_structure-horizontal)}.ui-icon-set.--o-structure-vertical{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_structure-vertical)}.ui-icon-set.--o-subtask{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_subtask)}.ui-icon-set.--o-suitcase{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_suitcase)}.ui-icon-set.--o-sun{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sun)}.ui-icon-set.--o-switch-camera{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_switch-camera)}.ui-icon-set.--o-switcher{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_switcher)}.ui-icon-set.--o-tablet{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_tablet)}.ui-icon-set.--o-tag{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_tag)}.ui-icon-set.--o-tariff-scaner{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_tariff-scaner)}.ui-icon-set.--o-task-list{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_task-list)}.ui-icon-set.--o-task{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_task)}.ui-icon-set.--o-telegram{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_telegram)}.ui-icon-set.--o-telephony{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_telephony)}.ui-icon-set.--o-text{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_text)}.ui-icon-set.--o-theme{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_theme)}.ui-icon-set.--o-thread-single{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_thread-single)}.ui-icon-set.--o-thread{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_thread)}.ui-icon-set.--o-timeline{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_timeline)}.ui-icon-set.--o-timer-dot{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_timer-dot)}.ui-icon-set.--o-timer{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_timer)}.ui-icon-set.--o-topic{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_topic)}.ui-icon-set.--o-translation{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_translation)}.ui-icon-set.--o-trashcan{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_trashcan)}.ui-icon-set.--o-trend-down{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_trend-down)}.ui-icon-set.--o-trend-up{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_trend-up)}.ui-icon-set.--o-underline{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_underline)}.ui-icon-set.--o-undo{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_undo)}.ui-icon-set.--o-unlink{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_unlink)}.ui-icon-set.--o-unpin{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_unpin)}.ui-icon-set.--o-upload-document{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_upload-document)}.ui-icon-set.--o-upload-file{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_upload-file)}.ui-icon-set.--o-upload{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_upload)}.ui-icon-set.--o-user-mask{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_user-mask)}.ui-icon-set.--o-vacation{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_vacation)}.ui-icon-set.--o-wallet{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_wallet)}.ui-icon-set.--o-whatsapp{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_whatsapp)}.ui-icon-set.--o-wifi{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_wifi)}.ui-icon-set.--o-window-flag{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_window-flag)}.ui-icon-set.--o-window-ring{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_window-ring)}.ui-icon-set.--o-yandex-maps{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_yandex-maps)}.ui-icon-set.--o-zoom-in{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_zoom-in)}.ui-icon-set.--o-zoom-out{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_zoom-out)}.ui-icon-set.--arrow-down-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-down-l)}.ui-icon-set.--arrow-down-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-down-m)}.ui-icon-set.--arrow-down-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-down-s)}.ui-icon-set.--arrow-down-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-down-xs)}.ui-icon-set.--arrow-left-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-left-l)}.ui-icon-set.--arrow-left-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-left-m)}.ui-icon-set.--arrow-left-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-left-s)}.ui-icon-set.--arrow-left-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-left-xs)}.ui-icon-set.--arrow-right-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-right-l)}.ui-icon-set.--arrow-right-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-right-m)}.ui-icon-set.--arrow-right-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-right-s)}.ui-icon-set.--arrow-right-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-right-xs)}.ui-icon-set.--arrow-top-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-top-l)}.ui-icon-set.--arrow-top-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-top-m)}.ui-icon-set.--arrow-top-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-top-s)}.ui-icon-set.--arrow-top-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_arrow-top-xs)}.ui-icon-set.--ban-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_ban-l)}.ui-icon-set.--ban-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_ban-m)}.ui-icon-set.--ban-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_ban-s)}.ui-icon-set.--ban-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_ban-xs)}.ui-icon-set.--check-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_check-l)}.ui-icon-set.--check-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_check-m)}.ui-icon-set.--check-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_check-s)}.ui-icon-set.--check-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_check-xs)}.ui-icon-set.--chevron-down-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-down-l)}.ui-icon-set.--chevron-down-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-down-m)}.ui-icon-set.--chevron-down-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-down-s)}.ui-icon-set.--chevron-down-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-down-xs)}.ui-icon-set.--chevron-left-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-left-l)}.ui-icon-set.--chevron-left-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-left-m)}.ui-icon-set.--chevron-left-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-left-s)}.ui-icon-set.--chevron-left-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-left-xs)}.ui-icon-set.--chevron-right-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-right-l)}.ui-icon-set.--chevron-right-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-right-m)}.ui-icon-set.--chevron-right-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-right-s)}.ui-icon-set.--chevron-right-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-right-xs)}.ui-icon-set.--chevron-top-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-top-l)}.ui-icon-set.--chevron-top-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-top-m)}.ui-icon-set.--chevron-top-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-top-s)}.ui-icon-set.--chevron-top-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_chevron-top-xs)}.ui-icon-set.--collapse-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_collapse-l)}.ui-icon-set.--collapse-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_collapse-m)}.ui-icon-set.--collapse-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_collapse-s)}.ui-icon-set.--collapse-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_collapse-xs)}.ui-icon-set.--cross-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_cross-l)}.ui-icon-set.--cross-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_cross-m)}.ui-icon-set.--cross-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_cross-s)}.ui-icon-set.--cross-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_cross-xs)}.ui-icon-set.--drag-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_drag-l)}.ui-icon-set.--drag-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_drag-m)}.ui-icon-set.--drag-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_drag-s)}.ui-icon-set.--drag-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_drag-xs)}.ui-icon-set.--edit-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_edit-l)}.ui-icon-set.--edit-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_edit-m)}.ui-icon-set.--edit-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_edit-s)}.ui-icon-set.--edit-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_edit-xs)}.ui-icon-set.--expand-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_expand-l)}.ui-icon-set.--expand-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_expand-m)}.ui-icon-set.--expand-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_expand-s)}.ui-icon-set.--expand-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_expand-xs)}.ui-icon-set.--filter-2-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_filter-2-l)}.ui-icon-set.--filter-2-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_filter-2-m)}.ui-icon-set.--filter-2-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_filter-2-s)}.ui-icon-set.--filter-2-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_filter-2-xs)}.ui-icon-set.--go-to-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_go-to-l)}.ui-icon-set.--go-to-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_go-to-m)}.ui-icon-set.--go-to-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_go-to-s)}.ui-icon-set.--go-to-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_go-to-xs)}.ui-icon-set.--lock-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_lock-l)}.ui-icon-set.--lock-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_lock-m)}.ui-icon-set.--lock-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_lock-s)}.ui-icon-set.--lock-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_lock-xs)}.ui-icon-set.--lock-2{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_lock-2)}.ui-icon-set.--minus-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_minus-l)}.ui-icon-set.--minus-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_minus-m)}.ui-icon-set.--minus-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_minus-s)}.ui-icon-set.--minus-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_minus-xs)}.ui-icon-set.--more-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_more-l)}.ui-icon-set.--more-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_more-m)}.ui-icon-set.--more-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_more-s)}.ui-icon-set.--more-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_more-xs)}.ui-icon-set.--pause-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_pause-l)}.ui-icon-set.--pause-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_pause-m)}.ui-icon-set.--pause-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_pause-s)}.ui-icon-set.--pause-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_pause-xs)}.ui-icon-set.--play-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_play-l)}.ui-icon-set.--play-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_play-m)}.ui-icon-set.--play-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_play-s)}.ui-icon-set.--play-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_play-xs)}.ui-icon-set.--plus-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_plus-l)}.ui-icon-set.--plus-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_plus-m)}.ui-icon-set.--plus-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_plus-s)}.ui-icon-set.--plus-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_plus-xs)}.ui-icon-set.--stop-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_stop-l)}.ui-icon-set.--stop-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_stop-m)}.ui-icon-set.--stop-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_stop-s)}.ui-icon-set.--stop-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_stop-xs)}.ui-icon-set.--unlock-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_unlock-l)}.ui-icon-set.--unlock-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_unlock-m)}.ui-icon-set.--unlock-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_unlock-s)}.ui-icon-set.--unlock-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_unlock-xs)}.ui-icon-set.--settings-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_settings-l)}.ui-icon-set.--settings-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_settings-m)}.ui-icon-set.--settings-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_settings-s)}.ui-icon-set.--settings-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_settings-xs)}.ui-icon-set.--ai-process{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_ai-process)}.ui-icon-set.--auto-selection{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_auto-selection)}.ui-icon-set.--business-process-money{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_business-process-money)}.ui-icon-set.--call-back{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_call-back)}.ui-icon-set.--collab-add{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_collab-add)}.ui-icon-set.--contact-details{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_contact-details)}.ui-icon-set.--contrast{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_contrast)}.ui-icon-set.--crm-field-except{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_crm-field-except)}.ui-icon-set.--crm-field-linked{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_crm-field-linked)}.ui-icon-set.--crm-field-simple{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_crm-field-simple)}.ui-icon-set.--customization{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_customization)}.ui-icon-set.--ddos-attack{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_ddos-attack)}.ui-icon-set.--delete-event{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_delete-event)}.ui-icon-set.--delivery-with-item{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_delivery-with-item)}.ui-icon-set.--digits-24{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_digits-24)}.ui-icon-set.--dots{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_dots)}.ui-icon-set.--feedback-form{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_feedback-form)}.ui-icon-set.--ip-address{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_ip-address)}.ui-icon-set.--ip-address-crossed{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_ip-address-crossed)}.ui-icon-set.--letter-sort-down{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_letter-sort-down)}.ui-icon-set.--letter-sort-up{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_letter-sort-up)}.ui-icon-set.--list-ai{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_list-ai)}.ui-icon-set.--logo-android{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_logo-android)}.ui-icon-set.--logo-apple{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_logo-apple)}.ui-icon-set.--multi-page-form{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_multi-page-form)}.ui-icon-set.--no-screenshot{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_no-screenshot)}.ui-icon-set.--online-events{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_onlive-events)}.ui-icon-set.--o-payment-and-delivery{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_payment-and-delivery)}.ui-icon-set.--personal-form{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_personal-form)}.ui-icon-set.--private-message{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_private-message)}.ui-icon-set.--process{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_process)}.ui-icon-set.--process-stop{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_process-stop)}.ui-icon-set.--products-cube{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_products-cube)}.ui-icon-set.--products-payment{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_products-payment)}.ui-icon-set.--products-photo{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_products-photo)}.ui-icon-set.--products-shirt{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_products-shirt)}.ui-icon-set.--products-quick-crm-fill{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_products-quick-crm-fill)}.ui-icon-set.--receipt{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_receipt)}.ui-icon-set.--receipt-note{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_receipt-note)}.ui-icon-set.--record-on{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_record-on)}.ui-icon-set.--registration-on-site{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_registration-on-site)}.ui-icon-set.--screen-phone{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_screen-phone)}.ui-icon-set.--server-settings{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_server-settings)}.ui-icon-set.--speaker-add{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_speaker-add)}.ui-icon-set.--template-task{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_template-task)}.ui-icon-set.--text-format-bottom{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_text-format-bottom)}.ui-icon-set.--text-format-cancel{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_text-format-cancel)}.ui-icon-set.--text-format-top{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_text-format-top)}.ui-icon-set.--text-format-top-left{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_text-format-top-left)}.ui-icon-set.--text-format-top-right{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_text-format-top-right)}.ui-icon-set.--trainee{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_trainee)}.ui-icon-set.--user-profile{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_user-profile)}.ui-icon-set.--verification{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_verification)}.ui-icon-set.--virtual-server{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_virtual-server)}.ui-icon-set.--virtual-storage{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_virtual-storage)}.ui-icon-set.--vk-lead-form{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_vk-lead-form)}.ui-icon-set.--watermark{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_watermark)}.ui-icon-set.--wiki{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_wiki)}.ui-icon-set.--poll{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_poll)}.ui-icon-set.--action-required{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_action-required)}.ui-icon-set.--ai-internet-search{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_ai-internet-search)}.ui-icon-set.--ai-reflection{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_ai-reflection)}.ui-icon-set.--contact-center{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_contact-center)}.ui-icon-set.--delete-person{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_delete-person)}.ui-icon-set.--digits123{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_digits123)}.ui-icon-set.--o-location-plus{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_location-plus)}.ui-icon-set.--transcription{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_transcription)}.ui-icon-set.--auto-check-in{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_auto-check-in)}.ui-icon-set.--broom{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_broom)}.ui-icon-set.--check-deferred{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_check-deferred)}.ui-icon-set.--check-in-cancel{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_check-in-cancel)}.ui-icon-set.--check-in-negative{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_check-in-negative)}.ui-icon-set.--compass{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_compass)}.ui-icon-set.--face-ident{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_face-ident)}.ui-icon-set.--fingerprint{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_fingerprint)}.ui-icon-set.--graphs-settings{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_graphs-settings)}.ui-icon-set.--o-keyboard{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_keyboard)}.ui-icon-set.--media-message{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_media-message)}.ui-icon-set.--mobile-selected{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_mobile-selected)}.ui-icon-set.--no-compass{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_no-compass)}.ui-icon-set.--person-detect{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_person-detect)}.ui-icon-set.--reply-all{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_reply-all)}.ui-icon-set.--screen-selected{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_screen-selected)}.ui-icon-set.--screen-share-pause{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_screen-share-pause)}.ui-icon-set.--sign-default{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sign-default)}.ui-icon-set.--size-w-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_size-w-l)}.ui-icon-set.--statistics-arrow{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_statistics-arrow)}.ui-icon-set.--sticker{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_sticker)}.ui-icon-set.--browser{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_browser)}.ui-icon-set.--more-vertical-xs{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_more-vertical-xs)}.ui-icon-set.--more-vertical-s{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_more-vertical-s)}.ui-icon-set.--more-vertical-m{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_more-vertical-m)}.ui-icon-set.--more-vertical-l{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_more-vertical-l)}.ui-icon-set.--o-database{--ui-icon-set__icon-path:var(--o-ui-icon-set__path_database)}

/* /bitrix/js/ui/icon-set/main/style.css */
.ui-icon-set,.ui-icon-set__scope{--ui-icon-set__path_person-location:url('/bitrix/js/ui/icon-set/main/images/person-location.svg');--ui-icon-set__path_persons-hand:url('/bitrix/js/ui/icon-set/main/images/persons-hand.svg');--ui-icon-set__path_person-arrow-down:url('/bitrix/js/ui/icon-set/main/images/person-arrow-down.svg');--ui-icon-set__path_person:url('/bitrix/js/ui/icon-set/main/images/person.svg');--ui-icon-set__path_person-camera:url('/bitrix/js/ui/icon-set/main/images/person-camera.svg');--ui-icon-set__path_person-plus:url('/bitrix/js/ui/icon-set/main/images/person-plus.svg');--ui-icon-set__path_persons-deny:url('/bitrix/js/ui/icon-set/main/images/persons-deny.svg');--ui-icon-set__path_person-clock:url('/bitrix/js/ui/icon-set/main/images/person-clock.svg');--ui-icon-set__path_person-clock-2:url('/bitrix/js/ui/icon-set/main/images/person-clock-2.svg');--ui-icon-set__path_persons-2:url('/bitrix/js/ui/icon-set/main/images/persons-2.svg');--ui-icon-set__path_persons-3:url('/bitrix/js/ui/icon-set/main/images/persons-3.svg');--ui-icon-set__path_person-letter:url('/bitrix/js/ui/icon-set/main/images/person-letter.svg');--ui-icon-set__path_person-message:url('/bitrix/js/ui/icon-set/main/images/person-message.svg');--ui-icon-set__path_person-arrow-left-1:url('/bitrix/js/ui/icon-set/main/images/person-arrow-left-1.svg');--ui-icon-set__path_person-arrow-right:url('/bitrix/js/ui/icon-set/main/images/person-arrow-right.svg');--ui-icon-set__path_person-arrow-left-2:url('/bitrix/js/ui/icon-set/main/images/person-arrow-left-2.svg');--ui-icon-set__path_person-flag:url('/bitrix/js/ui/icon-set/main/images/person-flag.svg');--ui-icon-set__path_person-handset:url('/bitrix/js/ui/icon-set/main/images/person-handset.svg');--ui-icon-set__path_person-message-arrow-1:url('/bitrix/js/ui/icon-set/main/images/person-message-arrow-1.svg');--ui-icon-set__path_person-check:url('/bitrix/js/ui/icon-set/main/images/person-check.svg');--ui-icon-set__path_person-message-arrow-2:url('/bitrix/js/ui/icon-set/main/images/person-message-arrow-2.svg');--ui-icon-set__path_persons-storage:url('/bitrix/js/ui/icon-set/main/images/persons-storage.svg');--ui-icon-set__path_person-call:url('/bitrix/js/ui/icon-set/main/images/person-call.svg');--ui-icon-set__path_person-phone:url('/bitrix/js/ui/icon-set/main/images/person-phone.svg');--ui-icon-set__path_person-descending:url('/bitrix/js/ui/icon-set/main/images/person-descending.svg');--ui-icon-set__path_person-3-sticks:url('/bitrix/js/ui/icon-set/main/images/person-3-sticks.svg');--ui-icon-set__path_person-2-checks:url('/bitrix/js/ui/icon-set/main/images/person-2-checks.svg');--ui-icon-set__path_cloud-sync:url('/bitrix/js/ui/icon-set/main/images/cloud-sync.svg');--ui-icon-set__path_cloud-transfer-data:url('/bitrix/js/ui/icon-set/main/images/cloud-transfer-data.svg');--ui-icon-set__path_cloud-pause:url('/bitrix/js/ui/icon-set/main/images/cloud-pause.svg');--ui-icon-set__path_cloud-error:url('/bitrix/js/ui/icon-set/main/images/cloud-error.svg');--ui-icon-set__path_cloud-clock:url('/bitrix/js/ui/icon-set/main/images/cloud-clock.svg');--ui-icon-set__path_cloud-empty:url('/bitrix/js/ui/icon-set/main/images/cloud-empty.svg');--ui-icon-set__path_cloud-cloud:url('/bitrix/js/ui/icon-set/main/images/cloud-cloud.svg');--ui-icon-set__path_cloud-letter-post:url('/bitrix/js/ui/icon-set/main/images/cloud-letter-post.svg');--ui-icon-set__path_cloud-sso:url('/bitrix/js/ui/icon-set/main/images/cloud-sso.svg');--ui-icon-set__path_telephony-handset-1:url('/bitrix/js/ui/icon-set/main/images/telephony-handset-1.svg');--ui-icon-set__path_telephony-handset-2:url('/bitrix/js/ui/icon-set/main/images/telephony-handset-2.svg');--ui-icon-set__path_telephony-handset-3:url('/bitrix/js/ui/icon-set/main/images/telephony-handset-3.svg');--ui-icon-set__path_telephony-handset-4:url('/bitrix/js/ui/icon-set/main/images/telephony-handset-4.svg');--ui-icon-set__path_telephony-handset-5:url('/bitrix/js/ui/icon-set/main/images/telephony-handset-5.svg');--ui-icon-set__path_telephony-handset-6:url('/bitrix/js/ui/icon-set/main/images/telephony-handset-6.svg');--ui-icon-set__path_outgoing-call:url('/bitrix/js/ui/icon-set/main/images/outgoing-call.svg');--ui-icon-set__path_incoming-call:url('/bitrix/js/ui/icon-set/main/images/incoming-call.svg');--ui-icon-set__path_telephony-phonebook:url('/bitrix/js/ui/icon-set/main/images/telephony-phonebook.svg');--ui-icon-set__path_telephony-phonebook-2:url('/bitrix/js/ui/icon-set/main/images/telephony-phonebook-2.svg');--ui-icon-set__path_chats-1:url('/bitrix/js/ui/icon-set/main/images/chats-1.svg');--ui-icon-set__path_chats-2:url('/bitrix/js/ui/icon-set/main/images/chats-2.svg');--ui-icon-set__path_chats-3:url('/bitrix/js/ui/icon-set/main/images/chats-3.svg');--ui-icon-set__path_chat-message:url('/bitrix/js/ui/icon-set/main/images/chat-message.svg');--ui-icon-set__path_chats-with-check:url('/bitrix/js/ui/icon-set/main/images/chats-with-check.svg');--ui-icon-set__path_message-chat-with-point:url('/bitrix/js/ui/icon-set/main/images/message-chat-with-point.svg');--ui-icon-set__path_message-chat-with-arrow:url('/bitrix/js/ui/icon-set/main/images/message-chat-with-arrow.svg');--ui-icon-set__path_chat-button:url('/bitrix/js/ui/icon-set/main/images/chat-button.svg');--ui-icon-set__path_feedback:url('/bitrix/js/ui/icon-set/main/images/feedback.svg');--ui-icon-set__path_folder-curved-arrow:url('/bitrix/js/ui/icon-set/main/images/folder-curved-arrow.svg');--ui-icon-set__path_folder-24:url('/bitrix/js/ui/icon-set/main/images/folder-24.svg');--ui-icon-set__path_folder-plus:url('/bitrix/js/ui/icon-set/main/images/folder-plus.svg');--ui-icon-set__path_folder-empty:url('/bitrix/js/ui/icon-set/main/images/folder-empty.svg');--ui-icon-set__path_folder-left-arrow:url('/bitrix/js/ui/icon-set/main/images/folder-left-arrow.svg');--ui-icon-set__path_folder-info:url('/bitrix/js/ui/icon-set/main/images/folder-info.svg');--ui-icon-set__path_folder-right-arrow:url('/bitrix/js/ui/icon-set/main/images/folder-right-arrow.svg');--ui-icon-set__path_note-circle:url('/bitrix/js/ui/icon-set/main/images/note-circle.svg');--ui-icon-set__path_warning-circle:url('/bitrix/js/ui/icon-set/main/images/warning-circle.svg');--ui-icon-set__path_info-circle:url('/bitrix/js/ui/icon-set/main/images/info-circle.svg');--ui-icon-set__path_warning:url('/bitrix/js/ui/icon-set/main/images/warning.svg');--ui-icon-set__path_warning-alarm:url('/bitrix/js/ui/icon-set/main/images/warning-alarm.svg');--ui-icon-set__path_info:url('/bitrix/js/ui/icon-set/main/images/info.svg');--ui-icon-set__path_help:url('/bitrix/js/ui/icon-set/main/images/help.svg');--ui-icon-set__path_sms:url('/bitrix/js/ui/icon-set/main/images/sms.svg');--ui-icon-set__path_file:url('/bitrix/js/ui/icon-set/main/images/file.svg');--ui-icon-set__path_list:url('/bitrix/js/ui/icon-set/main/images/list.svg');--ui-icon-set__path_black-list:url('/bitrix/js/ui/icon-set/main/images/black-list.svg');--ui-icon-set__path_file-upload:url('/bitrix/js/ui/icon-set/main/images/file-upload.svg');--ui-icon-set__path_file-sync:url('/bitrix/js/ui/icon-set/main/images/file-sync.svg');--ui-icon-set__path_file-arrow-top:url('/bitrix/js/ui/icon-set/main/images/file-arrow-top.svg');--ui-icon-set__path_file-delete:url('/bitrix/js/ui/icon-set/main/images/file-delete.svg');--ui-icon-set__path_file-check:url('/bitrix/js/ui/icon-set/main/images/file-check.svg');--ui-icon-set__path_file-2:url('/bitrix/js/ui/icon-set/main/images/file-2.svg');--ui-icon-set__path_file-3:url('/bitrix/js/ui/icon-set/main/images/file-3.svg');--ui-icon-set__path_file-download:url('/bitrix/js/ui/icon-set/main/images/file-download.svg');--ui-icon-set__path_file-arrow-down:url('/bitrix/js/ui/icon-set/main/images/file-arrow-down.svg');--ui-icon-set__path_hourglass-sandglass:url('/bitrix/js/ui/icon-set/main/images/hourglass-sandglass.svg');--ui-icon-set__path_clock-1:url('/bitrix/js/ui/icon-set/main/images/clock-1.svg');--ui-icon-set__path_clock-2:url('/bitrix/js/ui/icon-set/main/images/clock-2.svg');--ui-icon-set__path_clock-with-arrow:url('/bitrix/js/ui/icon-set/main/images/clock-with-arrow.svg');--ui-icon-set__path_stopwatch:url('/bitrix/js/ui/icon-set/main/images/stopwatch.svg');--ui-icon-set__path_alarm:url('/bitrix/js/ui/icon-set/main/images/alarm.svg');--ui-icon-set__path_black-clock:url('/bitrix/js/ui/icon-set/main/images/black-clock.svg');--ui-icon-set__path_search-1:url('/bitrix/js/ui/icon-set/main/images/search-1.svg');--ui-icon-set__path_search-2:url('/bitrix/js/ui/icon-set/main/images/search-2.svg');--ui-icon-set__path_restore-password:url('/bitrix/js/ui/icon-set/main/images/restore-password.svg');--ui-icon-set__path_tasks:url('/bitrix/js/ui/icon-set/main/images/tasks.svg');--ui-icon-set__path_window-arrow:url('/bitrix/js/ui/icon-set/main/images/window-arrow.svg');--ui-icon-set__path_window-double-check-1:url('/bitrix/js/ui/icon-set/main/images/window-double-check-1.svg');--ui-icon-set__path_window-double-check-2:url('/bitrix/js/ui/icon-set/main/images/window-double-check-2.svg');--ui-icon-set__path_window-ring:url('/bitrix/js/ui/icon-set/main/images/window-ring.svg');--ui-icon-set__path_window-check-pencil:url('/bitrix/js/ui/icon-set/main/images/window-check-pencil.svg');--ui-icon-set__path_window-check-link:url('/bitrix/js/ui/icon-set/main/images/window-check-link.svg');--ui-icon-set__path_window-flag:url('/bitrix/js/ui/icon-set/main/images/window-flag.svg');--ui-icon-set__path_window-check-with-folder:url('/bitrix/js/ui/icon-set/main/images/window-check-with-folder.svg');--ui-icon-set__path_window-with-point:url('/bitrix/js/ui/icon-set/main/images/window-with-point.svg');--ui-icon-set__path_window-check-arrow:url('/bitrix/js/ui/icon-set/main/images/window-check-arrow.svg');--ui-icon-set__path_video-1:url('/bitrix/js/ui/icon-set/main/images/video-1.svg');--ui-icon-set__path_video-3:url('/bitrix/js/ui/icon-set/main/images/video-3.svg');--ui-icon-set__path_video-and-chat:url('/bitrix/js/ui/icon-set/main/images/video-and-chat.svg');--ui-icon-set__path_no-video:url('/bitrix/js/ui/icon-set/main/images/no-video.svg');--ui-icon-set__path_picture:url('/bitrix/js/ui/icon-set/main/images/picture.svg');--ui-icon-set__path_microphone-on:url('/bitrix/js/ui/icon-set/main/images/microphone-on.svg');--ui-icon-set__path_camera:url('/bitrix/js/ui/icon-set/main/images/camera.svg');--ui-icon-set__path_attach-picture:url('/bitrix/js/ui/icon-set/main/images/attach-picture.svg');--ui-icon-set__path_sound-on:url('/bitrix/js/ui/icon-set/main/images/sound-on.svg');--ui-icon-set__path_sound-off:url('/bitrix/js/ui/icon-set/main/images/sound-off.svg');--ui-icon-set__path_sound-2:url('/bitrix/js/ui/icon-set/main/images/sound-2.svg');--ui-icon-set__path_video-2:url('/bitrix/js/ui/icon-set/main/images/video-2.svg');--ui-icon-set__path_speakerphone:url('/bitrix/js/ui/icon-set/main/images/speakerphone.svg');--ui-icon-set__path_headset:url('/bitrix/js/ui/icon-set/main/images/headset.svg');--ui-icon-set__path_microphone-off:url('/bitrix/js/ui/icon-set/main/images/microphone-off.svg');--ui-icon-set__path_music-note-1:url('/bitrix/js/ui/icon-set/main/images/music-note-1.svg');--ui-icon-set__path_music-note-2:url('/bitrix/js/ui/icon-set/main/images/music-note-2.svg');--ui-icon-set__path_music-note-3:url('/bitrix/js/ui/icon-set/main/images/music-note-3.svg');--ui-icon-set__path_market-1:url('/bitrix/js/ui/icon-set/main/images/market-1.svg');--ui-icon-set__path_screen-black-white:url('/bitrix/js/ui/icon-set/main/images/screen-black-white.svg');--ui-icon-set__path_bell-1:url('/bitrix/js/ui/icon-set/main/images/bell-1.svg');--ui-icon-set__path_heart:url('/bitrix/js/ui/icon-set/main/images/heart.svg');--ui-icon-set__path_sync-circle:url('/bitrix/js/ui/icon-set/main/images/sync-circle.svg');--ui-icon-set__path_like:url('/bitrix/js/ui/icon-set/main/images/like.svg');--ui-icon-set__path_dislike:url('/bitrix/js/ui/icon-set/main/images/dislike.svg');--ui-icon-set__path_ruler-and-pencil:url('/bitrix/js/ui/icon-set/main/images/ruler-and-pencil.svg');--ui-icon-set__path_key:url('/bitrix/js/ui/icon-set/main/images/key.svg');--ui-icon-set__path_mobile-2:url('/bitrix/js/ui/icon-set/main/images/mobile-2.svg');--ui-icon-set__path_lock:url('/bitrix/js/ui/icon-set/main/images/lock.svg');--ui-icon-set__path_pulse:url('/bitrix/js/ui/icon-set/main/images/pulse.svg');--ui-icon-set__path_attach:url('/bitrix/js/ui/icon-set/main/images/attach.svg');--ui-icon-set__path_flag-2:url('/bitrix/js/ui/icon-set/main/images/flag-2.svg');--ui-icon-set__path_favorite-0:url('/bitrix/js/ui/icon-set/main/images/favorite-0.svg');--ui-icon-set__path_favorite-1:url('/bitrix/js/ui/icon-set/main/images/favorite-1.svg');--ui-icon-set__path_pulse-circle:url('/bitrix/js/ui/icon-set/main/images/pulse-circle.svg');--ui-icon-set__path_crown-2:url('/bitrix/js/ui/icon-set/main/images/crown-2.svg');--ui-icon-set__path_crown-1:url('/bitrix/js/ui/icon-set/main/images/crown-1.svg');--ui-icon-set__path_home:url('/bitrix/js/ui/icon-set/main/images/home.svg');--ui-icon-set__path_home-page:url('/bitrix/js/ui/icon-set/main/images/home-page.svg');--ui-icon-set__path_send:url('/bitrix/js/ui/icon-set/main/images/send.svg');--ui-icon-set__path_suitcase:url('/bitrix/js/ui/icon-set/main/images/suitcase.svg');--ui-icon-set__path_spanner:url('/bitrix/js/ui/icon-set/main/images/spanner.svg');--ui-icon-set__path_location-1:url('/bitrix/js/ui/icon-set/main/images/location-1.svg');--ui-icon-set__path_book-closed:url('/bitrix/js/ui/icon-set/main/images/book-closed.svg');--ui-icon-set__path_edit-pencil:url('/bitrix/js/ui/icon-set/main/images/edit-pencil.svg');--ui-icon-set__path_compass:url('/bitrix/js/ui/icon-set/main/images/compass.svg');--ui-icon-set__path_check:url('/bitrix/js/ui/icon-set/main/images/check.svg');--ui-icon-set__path_funnel:url('/bitrix/js/ui/icon-set/main/images/funnel.svg');--ui-icon-set__path_brightness:url('/bitrix/js/ui/icon-set/main/images/brightness.svg');--ui-icon-set__path_earth-language:url('/bitrix/js/ui/icon-set/main/images/earth-language.svg');--ui-icon-set__path_observer:url('/bitrix/js/ui/icon-set/main/images/observer.svg');--ui-icon-set__path_barcode-1:url('/bitrix/js/ui/icon-set/main/images/barcode-1.svg');--ui-icon-set__path_door-opened:url('/bitrix/js/ui/icon-set/main/images/door-opened.svg');--ui-icon-set__path_shield:url('/bitrix/js/ui/icon-set/main/images/shield.svg');--ui-icon-set__path_trash-bin:url('/bitrix/js/ui/icon-set/main/images/trash-bin.svg');--ui-icon-set__path_sunglasses:url('/bitrix/js/ui/icon-set/main/images/sunglasses.svg');--ui-icon-set__path_descending-sort-names:url('/bitrix/js/ui/icon-set/main/images/descending-sort-names.svg');--ui-icon-set__path_play-circle:url('/bitrix/js/ui/icon-set/main/images/play-circle.svg');--ui-icon-set__path_cut:url('/bitrix/js/ui/icon-set/main/images/cut.svg');--ui-icon-set__path_circle-minus:url('/bitrix/js/ui/icon-set/main/images/circle-minus.svg');--ui-icon-set__path_circle-check:url('/bitrix/js/ui/icon-set/main/images/circle-check.svg');--ui-icon-set__path_circle-check-thin:url('/bitrix/js/ui/icon-set/main/images/circle-check-thin.svg');--ui-icon-set__path_circle-plus:url('/bitrix/js/ui/icon-set/main/images/circle-plus.svg');--ui-icon-set__path_unavailable:url('/bitrix/js/ui/icon-set/main/images/unavailable.svg');--ui-icon-set__path_bookmark-1:url('/bitrix/js/ui/icon-set/main/images/bookmark-1.svg');--ui-icon-set__path_calendar-2:url('/bitrix/js/ui/icon-set/main/images/calendar-2.svg');--ui-icon-set__path_location-2:url('/bitrix/js/ui/icon-set/main/images/location-2.svg');--ui-icon-set__path_pin-1:url('/bitrix/js/ui/icon-set/main/images/pin-1.svg');--ui-icon-set__path_pin-2:url('/bitrix/js/ui/icon-set/main/images/pin-2.svg');--ui-icon-set__path_double-rhombus:url('/bitrix/js/ui/icon-set/main/images/double-rhombus.svg');--ui-icon-set__path_fire:url('/bitrix/js/ui/icon-set/main/images/fire.svg');--ui-icon-set__path_light-bold-sparkle:url('/bitrix/js/ui/icon-set/main/images/light-bold-sparkle.svg');--ui-icon-set__path_light-bold:url('/bitrix/js/ui/icon-set/main/images/light-bold.svg');--ui-icon-set__path_box:url('/bitrix/js/ui/icon-set/main/images/box.svg');--ui-icon-set__path_delivery-1:url('/bitrix/js/ui/icon-set/main/images/delivery-1.svg');--ui-icon-set__path_delivery-2:url('/bitrix/js/ui/icon-set/main/images/delivery-2.svg');--ui-icon-set__path_cubes-3:url('/bitrix/js/ui/icon-set/main/images/cubes-3.svg');--ui-icon-set__path_drawer:url('/bitrix/js/ui/icon-set/main/images/drawer.svg');--ui-icon-set__path_cube-plus:url('/bitrix/js/ui/icon-set/main/images/cube-plus.svg');--ui-icon-set__path_payment-terminal:url('/bitrix/js/ui/icon-set/main/images/payment-terminal.svg');--ui-icon-set__path_call-chat:url('/bitrix/js/ui/icon-set/main/images/call-chat.svg');--ui-icon-set__path_map:url('/bitrix/js/ui/icon-set/main/images/map.svg');--ui-icon-set__path_calendar-sharing:url('/bitrix/js/ui/icon-set/main/images/calendar-sharing.svg');--ui-icon-set__path_target-timer:url('/bitrix/js/ui/icon-set/main/images/target-timer.svg');--ui-icon-set__path_target:url('/bitrix/js/ui/icon-set/main/images/target.svg');--ui-icon-set__path_device-rotate:url('/bitrix/js/ui/icon-set/main/images/device-rotate.svg');--ui-icon-set__path_market-2:url('/bitrix/js/ui/icon-set/main/images/market-2.svg');--ui-icon-set__path_bell:url('/bitrix/js/ui/icon-set/main/images/bell.svg');--ui-icon-set__path_sale-tag:url('/bitrix/js/ui/icon-set/main/images/sale-tag.svg');--ui-icon-set__path_open-lines:url('/bitrix/js/ui/icon-set/main/images/open-lines.svg');--ui-icon-set__path_chemistry:url('/bitrix/js/ui/icon-set/main/images/chemistry.svg');--ui-icon-set__path_graduation-cap:url('/bitrix/js/ui/icon-set/main/images/graduation-cap.svg');--ui-icon-set__path_paint-1:url('/bitrix/js/ui/icon-set/main/images/paint-1.svg');--ui-icon-set__path_paint-2:url('/bitrix/js/ui/icon-set/main/images/paint-2.svg');--ui-icon-set__path_flag-1:url('/bitrix/js/ui/icon-set/main/images/flag-1.svg');--ui-icon-set__path_credit-debit-card:url('/bitrix/js/ui/icon-set/main/images/credit-debit-card.svg');--ui-icon-set__path_lightning-plus:url('/bitrix/js/ui/icon-set/main/images/lightning-plus.svg');--ui-icon-set__path_donation:url('/bitrix/js/ui/icon-set/main/images/donation.svg');--ui-icon-set__path_b-24:url('/bitrix/js/ui/icon-set/main/images/b-24.svg');--ui-icon-set__path_tag:url('/bitrix/js/ui/icon-set/main/images/tag.svg');--ui-icon-set__path_speaker-mouthpiece:url('/bitrix/js/ui/icon-set/main/images/speaker-mouthpiece.svg');--ui-icon-set__path_speaker-mouthpiece-plus:url('/bitrix/js/ui/icon-set/main/images/speaker-mouthpiece-plus.svg');--ui-icon-set__path_opened-eye:url('/bitrix/js/ui/icon-set/main/images/opened-eye.svg');--ui-icon-set__path_crossed-eye:url('/bitrix/js/ui/icon-set/main/images/crossed-eye.svg');--ui-icon-set__path_links-3:url('/bitrix/js/ui/icon-set/main/images/links-3.svg');--ui-icon-set__path_implementation-request:url('/bitrix/js/ui/icon-set/main/images/implementation-request.svg');--ui-icon-set__path_group:url('/bitrix/js/ui/icon-set/main/images/group.svg');--ui-icon-set__path_document-stream:url('/bitrix/js/ui/icon-set/main/images/document-stream.svg');--ui-icon-set__path_book-open-1:url('/bitrix/js/ui/icon-set/main/images/book-open-1.svg');--ui-icon-set__path_folders:url('/bitrix/js/ui/icon-set/main/images/folders.svg');--ui-icon-set__path_qr-code-1:url('/bitrix/js/ui/icon-set/main/images/qr-code-1.svg');--ui-icon-set__path_qr-code-2:url('/bitrix/js/ui/icon-set/main/images/qr-code-2.svg');--ui-icon-set__path_descending-sort:url('/bitrix/js/ui/icon-set/main/images/descending-sort.svg');--ui-icon-set__path_ascending-sort:url('/bitrix/js/ui/icon-set/main/images/ascending-sort.svg');--ui-icon-set__path_chats-persons:url('/bitrix/js/ui/icon-set/main/images/chats-persons.svg');--ui-icon-set__path_marketing:url('/bitrix/js/ui/icon-set/main/images/marketing.svg');--ui-icon-set__path_sigma-summ:url('/bitrix/js/ui/icon-set/main/images/sigma-summ.svg');--ui-icon-set__path_sigma-summ-a:url('/bitrix/js/ui/icon-set/main/images/sigma-summ-a.svg');--ui-icon-set__path_smile:url('/bitrix/js/ui/icon-set/main/images/smile.svg');--ui-icon-set__path_gantt-graphs:url('/bitrix/js/ui/icon-set/main/images/gantt-graphs.svg');--ui-icon-set__path_filter-plus:url('/bitrix/js/ui/icon-set/main/images/filter-plus.svg');--ui-icon-set__path_backspace:url('/bitrix/js/ui/icon-set/main/images/backspace.svg');--ui-icon-set__path_book-opened-with-arrow:url('/bitrix/js/ui/icon-set/main/images/book-opened-with-arrow.svg');--ui-icon-set__path_double-arrow-counter-clockwise-scrum:url('/bitrix/js/ui/icon-set/main/images/double-arrow-counter-clockwise-scrum.svg');--ui-icon-set__path_barcode:url('/bitrix/js/ui/icon-set/main/images/barcode.svg');--ui-icon-set__path_sad-bold-emoji:url('/bitrix/js/ui/icon-set/main/images/sad-bold-emoji.svg');--ui-icon-set__path_brightness-bold-emoji:url('/bitrix/js/ui/icon-set/main/images/brightness-bold-emoji.svg');--ui-icon-set__path_sun:url('/bitrix/js/ui/icon-set/main/images/sun.svg');--ui-icon-set__path_filial-network:url('/bitrix/js/ui/icon-set/main/images/filial-network.svg');--ui-icon-set__path_arrow-line:url('/bitrix/js/ui/icon-set/main/images/arrow-line.svg?2');--ui-icon-set__path_ip:url('/bitrix/js/ui/icon-set/main/images/ip.svg');--ui-icon-set__path_filter-1:url('/bitrix/js/ui/icon-set/main/images/filter-1.svg');--ui-icon-set__path_filter-2:url('/bitrix/js/ui/icon-set/main/images/filter-2.svg');--ui-icon-set__path_filter-2:url('/bitrix/js/ui/icon-set/main/images/filter-2.svg');--ui-icon-set__path_screen-1:url('/bitrix/js/ui/icon-set/main/images/screen-1.svg');--ui-icon-set__path_screen-2:url('/bitrix/js/ui/icon-set/main/images/screen-2.svg');--ui-icon-set__path_print-1:url('/bitrix/js/ui/icon-set/main/images/print-1.svg');--ui-icon-set__path_print-2:url('/bitrix/js/ui/icon-set/main/images/print-2.svg');--ui-icon-set__path_disk:url('/bitrix/js/ui/icon-set/main/images/disk.svg');--ui-icon-set__path_shining:url('/bitrix/js/ui/icon-set/main/images/shining.svg');--ui-icon-set__path_shining-2:url('/bitrix/js/ui/icon-set/main/images/shining-2.svg');--ui-icon-set__path_plug:url('/bitrix/js/ui/icon-set/main/images/plug.svg');--ui-icon-set__path_paste:url('/bitrix/js/ui/icon-set/main/images/paste.svg');--ui-icon-set__path_crossed-eye-2:url('/bitrix/js/ui/icon-set/main/images/crossed-eye-2.svg');--ui-icon-set__path_filter-by-name:url('/bitrix/js/ui/icon-set/main/images/filter-by-name.svg');--ui-icon-set__path_table:url('/bitrix/js/ui/icon-set/main/images/table.svg');--ui-icon-set__path_feed:url('/bitrix/js/ui/icon-set/main/images/feed.svg');--ui-icon-set__path_mobile-with-star:url('/bitrix/js/ui/icon-set/main/images/mobile-with-star.svg');--ui-icon-set__path_rocket:url('/bitrix/js/ui/icon-set/main/images/rocket.svg');--ui-icon-set__path_city:url('/bitrix/js/ui/icon-set/main/images/city.svg');--ui-icon-set__path_magic-wand:url('/bitrix/js/ui/icon-set/main/images/magic-wand.svg');--ui-icon-set__path_earth:url('/bitrix/js/ui/icon-set/main/images/earth.svg');--ui-icon-set__path_share-1:url('/bitrix/js/ui/icon-set/main/images/share-1.svg');--ui-icon-set__path_share-2:url('/bitrix/js/ui/icon-set/main/images/share-2.svg');--ui-icon-set__path_mail:url('/bitrix/js/ui/icon-set/main/images/mail.svg');--ui-icon-set__path_eraser:url('/bitrix/js/ui/icon-set/main/images/eraser.svg');--ui-icon-set__path_demonstration-on-1:url('/bitrix/js/ui/icon-set/main/images/demonstration-on-1.svg');--ui-icon-set__path_demonstration-on-2:url('/bitrix/js/ui/icon-set/main/images/demonstration-on-2.svg');--ui-icon-set__path_demonstration-off:url('/bitrix/js/ui/icon-set/main/images/demonstration-off.svg');--ui-icon-set__path_file-check-1:url('/bitrix/js/ui/icon-set/main/images/file-check-1.svg');--ui-icon-set__path_delete-hyperlink:url('/bitrix/js/ui/icon-set/main/images/delete-hyperlink.svg');--ui-icon-set__path_insert-hyperlink:url('/bitrix/js/ui/icon-set/main/images/insert-hyperlink.svg');--ui-icon-set__path_link-3:url('/bitrix/js/ui/icon-set/main/images/link-3.svg');--ui-icon-set__path_screen-arrow:url('/bitrix/js/ui/icon-set/main/images/screen-arrow.svg');--ui-icon-set__path_opened-letter-mail:url('/bitrix/js/ui/icon-set/main/images/opened-letter-mail.svg');--ui-icon-set__path_sitemap:url('/bitrix/js/ui/icon-set/main/images/sitemap.svg');--ui-icon-set__path_notifications-on:url('/bitrix/js/ui/icon-set/main/images/notifications-on.svg');--ui-icon-set__path_notifications-off:url('/bitrix/js/ui/icon-set/main/images/notifications-off.svg');--ui-icon-set__path_a-letter:url('/bitrix/js/ui/icon-set/main/images/a-letter.svg');--ui-icon-set__path_topic:url('/bitrix/js/ui/icon-set/main/images/topic.svg');--ui-icon-set__path_full-battery:url('/bitrix/js/ui/icon-set/main/images/full-battery.svg');--ui-icon-set__path_battery-2-sticks:url('/bitrix/js/ui/icon-set/main/images/battery-2-sticks.svg');--ui-icon-set__path_battery-1-stick:url('/bitrix/js/ui/icon-set/main/images/battery-1-stick.svg');--ui-icon-set__path_low-battery:url('/bitrix/js/ui/icon-set/main/images/low-battery.svg');--ui-icon-set__path_dead-battery:url('/bitrix/js/ui/icon-set/main/images/dead-battery.svg');--ui-icon-set__path_document-plus:url('/bitrix/js/ui/icon-set/main/images/document-plus.svg');--ui-icon-set__path_receipt-1:url('/bitrix/js/ui/icon-set/main/images/receipt-1.svg');--ui-icon-set__path_receipt-2:url('/bitrix/js/ui/icon-set/main/images/receipt-2.svg');--ui-icon-set__path_cart-with-cursor:url('/bitrix/js/ui/icon-set/main/images/cart-with-cursor.svg');--ui-icon-set__path_expand:url('/bitrix/js/ui/icon-set/main/images/expand.svg');--ui-icon-set__path_gift:url('/bitrix/js/ui/icon-set/main/images/gift.svg');--ui-icon-set__path_more-points:url('/bitrix/js/ui/icon-set/main/images/more-points.svg');--ui-icon-set__path_crm:url('/bitrix/js/ui/icon-set/main/images/crm.svg');--ui-icon-set__path_more-information:url('/bitrix/js/ui/icon-set/main/images/more-information.svg');--ui-icon-set__path_markers:url('/bitrix/js/ui/icon-set/main/images/markers.svg');--ui-icon-set__path_feed-bold:url('/bitrix/js/ui/icon-set/main/images/feed-bold.svg');--ui-icon-set__path_stop-hand:url('/bitrix/js/ui/icon-set/main/images/stop-hand.svg');--ui-icon-set__path_mail-out:url('/bitrix/js/ui/icon-set/main/images/mail-out.svg');--ui-icon-set__path_unpin:url('/bitrix/js/ui/icon-set/main/images/unpin.svg');--ui-icon-set__path_attention-i-circle:url('/bitrix/js/ui/icon-set/main/images/attention-i-circle.svg');--ui-icon-set__path_info-1:url('/bitrix/js/ui/icon-set/main/images/info-1.svg');--ui-icon-set__path_info-1:url('/bitrix/js/ui/icon-set/main/images/info-1.svg');--ui-icon-set__path_attention-i-black:url('/bitrix/js/ui/icon-set/main/images/attention-i-black.svg');--ui-icon-set__path_calendar-1:url('/bitrix/js/ui/icon-set/main/images/calendar-1.svg');--ui-icon-set__path_calendar-24:url('/bitrix/js/ui/icon-set/main/images/calendar-24.svg');--ui-icon-set__path_window:url('/bitrix/js/ui/icon-set/main/images/window.svg');--ui-icon-set__path_planning:url('/bitrix/js/ui/icon-set/main/images/planning.svg');--ui-icon-set__path_planning-2:url('/bitrix/js/ui/icon-set/main/images/planning-2.svg');--ui-icon-set__path_sort-calendar:url('/bitrix/js/ui/icon-set/main/images/sort-calendar.svg');--ui-icon-set__path_calendar-deadline:url('/bitrix/js/ui/icon-set/main/images/calendar-deadline.svg');--ui-icon-set__path_sort-activity:url('/bitrix/js/ui/icon-set/main/images/sort-activity.svg');--ui-icon-set__path_my-plan:url('/bitrix/js/ui/icon-set/main/images/my-plan.svg');--ui-icon-set__path_calendar-off:url('/bitrix/js/ui/icon-set/main/images/calendar-off.svg');--ui-icon-set__path_signal-wifi:url('/bitrix/js/ui/icon-set/main/images/signal-wifi.svg');--ui-icon-set__path_signal-wifi-off:url('/bitrix/js/ui/icon-set/main/images/signal-wifi-off.svg');--ui-icon-set__path_img-format:url('/bitrix/js/ui/icon-set/main/images/img-format.svg');--ui-icon-set__path_mail-in:url('/bitrix/js/ui/icon-set/main/images/mail-in.svg');--ui-icon-set__path_quote:url('/bitrix/js/ui/icon-set/main/images/quote.svg');--ui-icon-set__path_new-message-mail:url('/bitrix/js/ui/icon-set/main/images/new-message-mail.svg');--ui-icon-set__path_outdent:url('/bitrix/js/ui/icon-set/main/images/outdent.svg');--ui-icon-set__path_distribution:url('/bitrix/js/ui/icon-set/main/images/distribution.svg');--ui-icon-set__path_menu-point:url('/bitrix/js/ui/icon-set/main/images/menu-point.svg');--ui-icon-set__path_lines-text:url('/bitrix/js/ui/icon-set/main/images/lines-text.svg');--ui-icon-set__path_target-1:url('/bitrix/js/ui/icon-set/main/images/target-1.svg');--ui-icon-set__path_menu:url('/bitrix/js/ui/icon-set/main/images/menu.svg');--ui-icon-set__path_waves:url('/bitrix/js/ui/icon-set/main/images/waves.svg');--ui-icon-set__path_indent:url('/bitrix/js/ui/icon-set/main/images/indent.svg');--ui-icon-set__path_mail-reply:url('/bitrix/js/ui/icon-set/main/images/mail-reply.svg');--ui-icon-set__path_mail-2:url('/bitrix/js/ui/icon-set/main/images/mail-2.svg');--ui-icon-set__path_numbers-123:url('/bitrix/js/ui/icon-set/main/images/numbers-123.svg');--ui-icon-set__path_cursor-click:url('/bitrix/js/ui/icon-set/main/images/cursor-click.svg');--ui-icon-set__path_diamond:url('/bitrix/js/ui/icon-set/main/images/diamond.svg');--ui-icon-set__path_mail-read:url('/bitrix/js/ui/icon-set/main/images/mail-read.svg');--ui-icon-set__path_mail-money:url('/bitrix/js/ui/icon-set/main/images/mail-money.svg');--ui-icon-set__path_flag-with-cross:url('/bitrix/js/ui/icon-set/main/images/flag-with-cross.svg');--ui-icon-set__path_temp-1:url('/bitrix/js/ui/icon-set/main/images/temp-1.svg');--ui-icon-set__path_temp-2:url('/bitrix/js/ui/icon-set/main/images/temp-2.svg');--ui-icon-set__path_templates:url('/bitrix/js/ui/icon-set/main/images/templates.svg');--ui-icon-set__path_apps:url('/bitrix/js/ui/icon-set/main/images/apps.svg');--ui-icon-set__path_hr-automation:url('/bitrix/js/ui/icon-set/main/images/hr-automation.svg');--ui-icon-set__path_bottom:url('/bitrix/js/ui/icon-set/main/images/bottom.svg');--ui-icon-set__path_attach-2:url('/bitrix/js/ui/icon-set/main/images/attach-2.svg');--ui-icon-set__path_sites-stores:url('/bitrix/js/ui/icon-set/main/images/sites-stores.svg');--ui-icon-set__path_1c:url('/bitrix/js/ui/icon-set/main/images/1c.svg');--ui-icon-set__path_refresh:url('/bitrix/js/ui/icon-set/main/images/refresh.svg');--ui-icon-set__path_subscription:url('/bitrix/js/ui/icon-set/main/images/subscription.svg');--ui-icon-set__path_settings:url('/bitrix/js/ui/icon-set/main/images/settings.svg');--ui-icon-set__path_services:url('/bitrix/js/ui/icon-set/main/images/services.svg');--ui-icon-set__path_graphs-diagram:url('/bitrix/js/ui/icon-set/main/images/graphs-diagram.svg');--ui-icon-set__path_open-book:url('/bitrix/js/ui/icon-set/main/images/open-book.svg');--ui-icon-set__path_robot:url('/bitrix/js/ui/icon-set/main/images/robot.svg');--ui-icon-set__path_developer-resources:url('/bitrix/js/ui/icon-set/main/images/developer-resources.svg');--ui-icon-set__path_cash-terminal:url('/bitrix/js/ui/icon-set/main/images/cash-terminal.svg');--ui-icon-set__path_clock-black-white:url('/bitrix/js/ui/icon-set/main/images/clock-black-white.svg');--ui-icon-set__path_inventory-management:url('/bitrix/js/ui/icon-set/main/images/inventory-management.svg');--ui-icon-set__path_collaboration:url('/bitrix/js/ui/icon-set/main/images/collaboration.svg');--ui-icon-set__path_document:url('/bitrix/js/ui/icon-set/main/images/document.svg');--ui-icon-set__path_check-receipt:url('/bitrix/js/ui/icon-set/main/images/check-receipt.svg');--ui-icon-set__path_calculator:url('/bitrix/js/ui/icon-set/main/images/calculator.svg');--ui-icon-set__path_observer-closed:url('/bitrix/js/ui/icon-set/main/images/observer-closed.svg');--ui-icon-set__path_smart-process:url('/bitrix/js/ui/icon-set/main/images/smart-process.svg');--ui-icon-set__path_idea-lamp:url('/bitrix/js/ui/icon-set/main/images/idea-lamp.svg');--ui-icon-set__path_magic-image:url('/bitrix/js/ui/icon-set/main/images/magic-image.svg');--ui-icon-set__path_ai:url('/bitrix/js/ui/icon-set/main/images/ai.svg');--ui-icon-set__path_switch:url('/bitrix/js/ui/icon-set/main/images/switch.svg');--ui-icon-set__path_sequential-queue:url('/bitrix/js/ui/icon-set/main/images/sequential-queue.svg');--ui-icon-set__path_parallel-queue:url('/bitrix/js/ui/icon-set/main/images/parallel-queue.svg');--ui-icon-set__path_condition:url('/bitrix/js/ui/icon-set/main/images/condition.svg');--ui-icon-set__path_complete:url('/bitrix/js/ui/icon-set/main/images/complete.svg');--ui-icon-set__path_translation:url('/bitrix/js/ui/icon-set/main/images/translation.svg');--ui-icon-set__path_speed-meter:url('/bitrix/js/ui/icon-set/main/images/speed-meter.svg');--ui-icon-set__path_add-chat:url('/bitrix/js/ui/icon-set/main/images/add-chat.svg');--ui-icon-set__path_watch:url('/bitrix/js/ui/icon-set/main/images/watch.svg');--ui-icon-set__path_copilot-ai-1:url('/bitrix/js/ui/icon-set/main/images/copilot-ai-1.svg');--ui-icon-set__path_copilot-ai-2:url('/bitrix/js/ui/icon-set/main/images/copilot-ai-2.svg');--ui-icon-set__path_copilot-ai:url('/bitrix/js/ui/icon-set/main/images/copilot-ai.svg');--ui-icon-set__path_list-ai:url('/bitrix/js/ui/icon-set/main/images/list-ai.svg');--ui-icon-set__path_info-circle-plus:url('/bitrix/js/ui/icon-set/main/images/info-circle-plus.svg');--ui-icon-set__path_location-plus:url('/bitrix/js/ui/icon-set/main/images/location-plus.svg');--ui-icon-set__path_time-picker:url('/bitrix/js/ui/icon-set/main/images/time-picker.svg');--ui-icon-set__path_person-plus-3:url('/bitrix/js/ui/icon-set/main/images/person-plus-3.svg');--ui-icon-set__path_calendar-slots:url('/bitrix/js/ui/icon-set/main/images/calendar-slots.svg');--ui-icon-set__path_elements:url('/bitrix/js/ui/icon-set/main/images/elements.svg');--ui-icon-set__path_shield-2-plain:url('/bitrix/js/ui/icon-set/main/images/shield-2-plain.svg');--ui-icon-set__path_shield-2-contour:url('/bitrix/js/ui/icon-set/main/images/shield-2-contour.svg');--ui-icon-set__path_shield-2-checked:url('/bitrix/js/ui/icon-set/main/images/shield-2-checked.svg');--ui-icon-set__path_shield-2-attention:url('/bitrix/js/ui/icon-set/main/images/shield-2-attention.svg');--ui-icon-set__path_shield-2-menu:url('/bitrix/js/ui/icon-set/main/images/shield-2-menu.svg');--ui-icon-set__path_shield-2-time:url('/bitrix/js/ui/icon-set/main/images/shield-2-time.svg');--ui-icon-set__path_shield-2-defended:url('/bitrix/js/ui/icon-set/main/images/shield-2-defended.svg');--ui-icon-set__path_shield-2-update:url('/bitrix/js/ui/icon-set/main/images/shield-2-update.svg');--ui-icon-set__path_shield-2-core-problem:url('/bitrix/js/ui/icon-set/main/images/shield-2-core-problem.svg');--ui-icon-set__path_torrent:url('/bitrix/js/ui/icon-set/main/images/torrent.svg');--ui-icon-set__path_activity:url('/bitrix/js/ui/icon-set/main/images/activity.svg');--ui-icon-set__path_add_to_checklist:url('/bitrix/js/ui/icon-set/main/images/add-to-checklist.svg');--ui-icon-set__path_bp:url('/bitrix/js/ui/icon-set/main/images/bp.svg');--ui-icon-set__path_close-chat:url('/bitrix/js/ui/icon-set/main/images/close-chat.svg');--ui-icon-set__path_create_prompt:url('/bitrix/js/ui/icon-set/main/images/create-prompt.svg');--ui-icon-set__path_devices:url('/bitrix/js/ui/icon-set/main/images/devices.svg');--ui-icon-set__path_document_sign:url('/bitrix/js/ui/icon-set/main/images/document-sign.svg');--ui-icon-set__path_favourite_prompt:url('/bitrix/js/ui/icon-set/main/images/favorite-prompt.svg');--ui-icon-set__path_lines-vertical:url('/bitrix/js/ui/icon-set/main/images/lines.svg');--ui-icon-set__path_main:url('/bitrix/js/ui/icon-set/main/images/main.svg');--ui-icon-set__path_move_to_checklist:url('/bitrix/js/ui/icon-set/main/images/move-to-checklist.svg');--ui-icon-set__path_open_chat:url('/bitrix/js/ui/icon-set/main/images/open-chat.svg');--ui-icon-set__path_prompt:url('/bitrix/js/ui/icon-set/main/images/prompt.svg');--ui-icon-set__path_prompt_var:url('/bitrix/js/ui/icon-set/main/images/prompt-var.svg');--ui-icon-set__path_prompts_library:url('/bitrix/js/ui/icon-set/main/images/prompts-library.svg');--ui-icon-set__path_record_video:url('/bitrix/js/ui/icon-set/main/images/record-video.svg');--ui-icon-set__path_roles_library:url('/bitrix/js/ui/icon-set/main/images/roles-library.svg');--ui-icon-set__path_save_prompt:url('/bitrix/js/ui/icon-set/main/images/save-prompt.svg');--ui-icon-set__path_screen_share:url('/bitrix/js/ui/icon-set/main/images/screen-share.svg');--ui-icon-set__path_sub_point:url('/bitrix/js/ui/icon-set/main/images/sub-point.svg');--ui-icon-set__path_unsub_point:url('/bitrix/js/ui/icon-set/main/images/unsub-point.svg');--ui-icon-set__path_subtask:url('/bitrix/js/ui/icon-set/main/images/subtask.svg');--ui-icon-set__path_prompts-library:url('/bitrix/js/ui/icon-set/main/images/prompts-library.svg');--ui-icon-set__path_collab:url('/bitrix/js/ui/icon-set/main/images/collab.svg');--ui-icon-set__path_no-picture:url('/bitrix/js/ui/icon-set/main/images/no-picture.svg');--ui-icon-set__path_thread:url('/bitrix/js/ui/icon-set/main/images/thread.svg');--ui-icon-set__path_thread-single:url('/bitrix/js/ui/icon-set/main/images/thread-single.svg');--ui-icon-set__path_busines-process-1:url('/bitrix/js/ui/icon-set/main/images/business-proccess.svg');--ui-icon-set__path_waiting-points:url('/bitrix/js/ui/icon-set/main/images/waiting-points.svg');--ui-icon-set__path_waiting-list:url('/bitrix/js/ui/icon-set/main/images/waiting-list.svg');--ui-icon-set__path_note:url('/bitrix/js/ui/icon-set/main/images/note.svg');--ui-icon-set__path_link-bold:url('/bitrix/js/ui/icon-set/main/images/link-bold.svg');--ui-icon-set__path_edit-menu:url('/bitrix/js/ui/icon-set/main/images/edit-menu.svg');--ui-icon-set__path_demonstration-graphics:url('/bitrix/js/ui/icon-set/main/images/demonstration-graphics.svg');--ui-icon-set__path_calendar-check:url('/bitrix/js/ui/icon-set/main/images/calendar-check.svg');--ui-icon-set__path_sign:url('/bitrix/js/ui/icon-set/main/images/sign.svg');--ui-icon-set__path_demonstration-graphics-2:url('/bitrix/js/ui/icon-set/main/images/demonstration-graphics-2.svg');--ui-icon-set__path_numbers-05:url('/bitrix/js/ui/icon-set/main/images/05-numbers.svg');--ui-icon-set__path_flipchart:url('/bitrix/js/ui/icon-set/main/images/flipchart.svg');--ui-icon-set__path_earth-time:url('/bitrix/js/ui/icon-set/main/images/earth-time.svg')}.ui-icon-set.--shield-2-core-problem{--ui-icon-set__icon-path:var(--ui-icon-set__path_shield-2-core-problem)}.ui-icon-set.--torrent{--ui-icon-set__icon-path:var(--ui-icon-set__path_torrent)}.ui-icon-set.--shield-2-update{--ui-icon-set__icon-path:var(--ui-icon-set__path_shield-2-update)}.ui-icon-set.--shield-2-defended{--ui-icon-set__icon-path:var(--ui-icon-set__path_shield-2-defended)}.ui-icon-set.--shield-2-time{--ui-icon-set__icon-path:var(--ui-icon-set__path_shield-2-time)}.ui-icon-set.--shield-2-menu{--ui-icon-set__icon-path:var(--ui-icon-set__path_shield-2-menu)}.ui-icon-set.--shield-2-attention{--ui-icon-set__icon-path:var(--ui-icon-set__path_shield-2-attention)}.ui-icon-set.--shield-2-checked{--ui-icon-set__icon-path:var(--ui-icon-set__path_shield-2-checked)}.ui-icon-set.--shield-2-contour{--ui-icon-set__icon-path:var(--ui-icon-set__path_shield-2-contour)}.ui-icon-set.--shield-2-plain{--ui-icon-set__icon-path:var(--ui-icon-set__path_shield-2-plain)}.ui-icon-set.--watch{--ui-icon-set__icon-path:var(--ui-icon-set__path_watch)}.ui-icon-set.--elements{--ui-icon-set__icon-path:var(--ui-icon-set__path_elements)}.ui-icon-set.--location-plus{--ui-icon-set__icon-path:var(--ui-icon-set__path_location-plus)}.ui-icon-set.--time-picker{--ui-icon-set__icon-path:var(--ui-icon-set__path_time-picker)}.ui-icon-set.--person-plus-3{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-plus-3)}.ui-icon-set.--calendar-slots{--ui-icon-set__icon-path:var(--ui-icon-set__path_calendar-slots)}.ui-icon-set.--info-circle-plus{--ui-icon-set__icon-path:var(--ui-icon-set__path_info-circle-plus)}.ui-icon-set.--copilot-ai-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_copilot-ai-1)}.ui-icon-set.--copilot-ai-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_copilot-ai-2)}.ui-icon-set.--copilot-ai{--ui-icon-set__icon-path:var(--ui-icon-set__path_copilot-ai)}.ui-icon-set.--list-ai{--ui-icon-set__icon-path:var(--ui-icon-set__path_list-ai)}.ui-icon-set.--add-chat{--ui-icon-set__icon-path:var(--ui-icon-set__path_add-chat)}.ui-icon-set.--person-location{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-location)}.ui-icon-set.--persons-hand{--ui-icon-set__icon-path:var(--ui-icon-set__path_persons-hand)}.ui-icon-set.--person-arrow-down{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-arrow-down)}.ui-icon-set.--person{--ui-icon-set__icon-path:var(--ui-icon-set__path_person)}.ui-icon-set.--person-camera{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-camera)}.ui-icon-set.--person-plus{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-plus)}.ui-icon-set.--persons-deny{--ui-icon-set__icon-path:var(--ui-icon-set__path_persons-deny)}.ui-icon-set.--person-clock{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-clock)}.ui-icon-set.--person-clock-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-clock-2)}.ui-icon-set.--persons-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_persons-2)}.ui-icon-set.--persons-3{--ui-icon-set__icon-path:var(--ui-icon-set__path_persons-3)}.ui-icon-set.--person-letter{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-letter)}.ui-icon-set.--person-message{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-message)}.ui-icon-set.--person-arrow-left-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-arrow-left-1)}.ui-icon-set.--person-arrow-right{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-arrow-right)}.ui-icon-set.--person-arrow-left-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-arrow-left-2)}.ui-icon-set.--person-flag{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-flag)}.ui-icon-set.--person-handset{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-handset)}.ui-icon-set.--person-message-arrow-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-message-arrow-1)}.ui-icon-set.--person-check{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-check)}.ui-icon-set.--person-message-arrow-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-message-arrow-2)}.ui-icon-set.--persons-storage{--ui-icon-set__icon-path:var(--ui-icon-set__path_persons-storage)}.ui-icon-set.--person-call{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-call)}.ui-icon-set.--person-phone{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-phone)}.ui-icon-set.--person-descending{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-descending)}.ui-icon-set.--person-3-sticks{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-3-sticks)}.ui-icon-set.--person-2-checks{--ui-icon-set__icon-path:var(--ui-icon-set__path_person-2-checks)}.ui-icon-set.--cloud-sync{--ui-icon-set__icon-path:var(--ui-icon-set__path_cloud-sync)}.ui-icon-set.--cloud-transfer-data{--ui-icon-set__icon-path:var(--ui-icon-set__path_cloud-transfer-data)}.ui-icon-set.--cloud-pause{--ui-icon-set__icon-path:var(--ui-icon-set__path_cloud-pause)}.ui-icon-set.--cloud-error{--ui-icon-set__icon-path:var(--ui-icon-set__path_cloud-error)}.ui-icon-set.--cloud-clock{--ui-icon-set__icon-path:var(--ui-icon-set__path_cloud-clock)}.ui-icon-set.--cloud-empty{--ui-icon-set__icon-path:var(--ui-icon-set__path_cloud-empty)}.ui-icon-set.--cloud-cloud{--ui-icon-set__icon-path:var(--ui-icon-set__path_cloud-cloud)}.ui-icon-set.--cloud-letter-post{--ui-icon-set__icon-path:var(--ui-icon-set__path_cloud-letter-post)}.ui-icon-set.--cloud-sso{--ui-icon-set__icon-path:var(--ui-icon-set__path_cloud-sso)}.ui-icon-set.--telephony-handset-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_telephony-handset-1)}.ui-icon-set.--telephony-handset-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_telephony-handset-2)}.ui-icon-set.--telephony-handset-3{--ui-icon-set__icon-path:var(--ui-icon-set__path_telephony-handset-3)}.ui-icon-set.--telephony-handset-4{--ui-icon-set__icon-path:var(--ui-icon-set__path_telephony-handset-4)}.ui-icon-set.--telephony-handset-5{--ui-icon-set__icon-path:var(--ui-icon-set__path_telephony-handset-5)}.ui-icon-set.--telephony-handset-6{--ui-icon-set__icon-path:var(--ui-icon-set__path_telephony-handset-6)}.ui-icon-set.--outgoing-call{--ui-icon-set__icon-path:var(--ui-icon-set__path_outgoing-call)}.ui-icon-set.--incoming-call{--ui-icon-set__icon-path:var(--ui-icon-set__path_incoming-call)}.ui-icon-set.--telephony-phonebook{--ui-icon-set__icon-path:var(--ui-icon-set__path_telephony-phonebook)}.ui-icon-set.--telephony-phonebook-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_telephony-phonebook-2)}.ui-icon-set.--chats-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_chats-1)}.ui-icon-set.--chats-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_chats-2)}.ui-icon-set.--chats-3{--ui-icon-set__icon-path:var(--ui-icon-set__path_chats-3)}.ui-icon-set.--chat-message{--ui-icon-set__icon-path:var(--ui-icon-set__path_chat-message)}.ui-icon-set.--chats-with-check{--ui-icon-set__icon-path:var(--ui-icon-set__path_chats-with-check)}.ui-icon-set.--message-chat-with-point{--ui-icon-set__icon-path:var(--ui-icon-set__path_message-chat-with-point)}.ui-icon-set.--message-chat-with-arrow{--ui-icon-set__icon-path:var(--ui-icon-set__path_message-chat-with-arrow)}.ui-icon-set.--chat-button{--ui-icon-set__icon-path:var(--ui-icon-set__path_chat-button)}.ui-icon-set.--feedback{--ui-icon-set__icon-path:var(--ui-icon-set__path_feedback)}.ui-icon-set.--folder-curved-arrow{--ui-icon-set__icon-path:var(--ui-icon-set__path_folder-curved-arrow)}.ui-icon-set.--folder-24{--ui-icon-set__icon-path:var(--ui-icon-set__path_folder-24)}.ui-icon-set.--folder-plus{--ui-icon-set__icon-path:var(--ui-icon-set__path_folder-plus)}.ui-icon-set.--folder-empty{--ui-icon-set__icon-path:var(--ui-icon-set__path_folder-empty)}.ui-icon-set.--folder-left-arrow{--ui-icon-set__icon-path:var(--ui-icon-set__path_folder-left-arrow)}.ui-icon-set.--folder-info{--ui-icon-set__icon-path:var(--ui-icon-set__path_folder-info)}.ui-icon-set.--folder-right-arrow{--ui-icon-set__icon-path:var(--ui-icon-set__path_folder-right-arrow)}.ui-icon-set.--note-circle{--ui-icon-set__icon-path:var(--ui-icon-set__path_note-circle)}.ui-icon-set.--warning-circle{--ui-icon-set__icon-path:var(--ui-icon-set__path_warning-circle)}.ui-icon-set.--info-circle{--ui-icon-set__icon-path:var(--ui-icon-set__path_info-circle)}.ui-icon-set.--warning{--ui-icon-set__icon-path:var(--ui-icon-set__path_warning)}.ui-icon-set.--warning-alarm{--ui-icon-set__icon-path:var(--ui-icon-set__path_warning-alarm)}.ui-icon-set.--info{--ui-icon-set__icon-path:var(--ui-icon-set__path_info)}.ui-icon-set.--help{--ui-icon-set__icon-path:var(--ui-icon-set__path_help)}.ui-icon-set.--sms{--ui-icon-set__icon-path:var(--ui-icon-set__path_sms)}.ui-icon-set.--file{--ui-icon-set__icon-path:var(--ui-icon-set__path_file)}.ui-icon-set.--list{--ui-icon-set__icon-path:var(--ui-icon-set__path_list)}.ui-icon-set.--black-list{--ui-icon-set__icon-path:var(--ui-icon-set__path_black-list)}.ui-icon-set.--file-upload{--ui-icon-set__icon-path:var(--ui-icon-set__path_file-upload)}.ui-icon-set.--file-sync{--ui-icon-set__icon-path:var(--ui-icon-set__path_file-sync)}.ui-icon-set.--file-arrow-top{--ui-icon-set__icon-path:var(--ui-icon-set__path_file-arrow-top)}.ui-icon-set.--file-delete{--ui-icon-set__icon-path:var(--ui-icon-set__path_file-delete)}.ui-icon-set.--file-check{--ui-icon-set__icon-path:var(--ui-icon-set__path_file-check)}.ui-icon-set.--file-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_file-2)}.ui-icon-set.--file-3{--ui-icon-set__icon-path:var(--ui-icon-set__path_file-3)}.ui-icon-set.--file-download{--ui-icon-set__icon-path:var(--ui-icon-set__path_file-download)}.ui-icon-set.--file-arrow-down{--ui-icon-set__icon-path:var(--ui-icon-set__path_file-arrow-down)}.ui-icon-set.--hourglass-sandglass{--ui-icon-set__icon-path:var(--ui-icon-set__path_hourglass-sandglass)}.ui-icon-set.--clock-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_clock-1)}.ui-icon-set.--clock-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_clock-2)}.ui-icon-set.--clock-with-arrow{--ui-icon-set__icon-path:var(--ui-icon-set__path_clock-with-arrow)}.ui-icon-set.--stopwatch{--ui-icon-set__icon-path:var(--ui-icon-set__path_stopwatch)}.ui-icon-set.--alarm{--ui-icon-set__icon-path:var(--ui-icon-set__path_alarm)}.ui-icon-set.--black-clock{--ui-icon-set__icon-path:var(--ui-icon-set__path_black-clock)}.ui-icon-set.--search-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_search-1)}.ui-icon-set.--search-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_search-2)}.ui-icon-set.--restore-password{--ui-icon-set__icon-path:var(--ui-icon-set__path_restore-password)}.ui-icon-set.--tasks{--ui-icon-set__icon-path:var(--ui-icon-set__path_tasks)}.ui-icon-set.--window-arrow{--ui-icon-set__icon-path:var(--ui-icon-set__path_window-arrow)}.ui-icon-set.--window-double-check-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_window-double-check-1)}.ui-icon-set.--window-double-check-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_window-double-check-2)}.ui-icon-set.--window-ring{--ui-icon-set__icon-path:var(--ui-icon-set__path_window-ring)}.ui-icon-set.--window-check-pencil{--ui-icon-set__icon-path:var(--ui-icon-set__path_window-check-pencil)}.ui-icon-set.--window-check-link{--ui-icon-set__icon-path:var(--ui-icon-set__path_window-check-link)}.ui-icon-set.--window-flag{--ui-icon-set__icon-path:var(--ui-icon-set__path_window-flag)}.ui-icon-set.--window-check-with-folder{--ui-icon-set__icon-path:var(--ui-icon-set__path_window-check-with-folder)}.ui-icon-set.--window-with-point{--ui-icon-set__icon-path:var(--ui-icon-set__path_window-with-point)}.ui-icon-set.--window-check-arrow{--ui-icon-set__icon-path:var(--ui-icon-set__path_window-check-arrow)}.ui-icon-set.--video-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_video-1)}.ui-icon-set.--video-3{--ui-icon-set__icon-path:var(--ui-icon-set__path_video-3)}.ui-icon-set.--video-and-chat{--ui-icon-set__icon-path:var(--ui-icon-set__path_video-and-chat)}.ui-icon-set.--no-video{--ui-icon-set__icon-path:var(--ui-icon-set__path_no-video)}.ui-icon-set.--picture{--ui-icon-set__icon-path:var(--ui-icon-set__path_picture)}.ui-icon-set.--microphone-on{--ui-icon-set__icon-path:var(--ui-icon-set__path_microphone-on)}.ui-icon-set.--camera{--ui-icon-set__icon-path:var(--ui-icon-set__path_camera)}.ui-icon-set.--attach-picture{--ui-icon-set__icon-path:var(--ui-icon-set__path_attach-picture)}.ui-icon-set.--sound-on{--ui-icon-set__icon-path:var(--ui-icon-set__path_sound-on)}.ui-icon-set.--sound-off{--ui-icon-set__icon-path:var(--ui-icon-set__path_sound-off)}.ui-icon-set.--sound-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_sound-2)}.ui-icon-set.--video-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_video-2)}.ui-icon-set.--speakerphone{--ui-icon-set__icon-path:var(--ui-icon-set__path_speakerphone)}.ui-icon-set.--headset{--ui-icon-set__icon-path:var(--ui-icon-set__path_headset)}.ui-icon-set.--microphone-off{--ui-icon-set__icon-path:var(--ui-icon-set__path_microphone-off)}.ui-icon-set.--music-note-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_music-note-1)}.ui-icon-set.--music-note-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_music-note-2)}.ui-icon-set.--music-note-3{--ui-icon-set__icon-path:var(--ui-icon-set__path_music-note-3)}.ui-icon-set.--market-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_market-1)}.ui-icon-set.--screen-black-white{--ui-icon-set__icon-path:var(--ui-icon-set__path_screen-black-white)}.ui-icon-set.--bell-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_bell-1)}.ui-icon-set.--heart{--ui-icon-set__icon-path:var(--ui-icon-set__path_heart)}.ui-icon-set.--sync-circle{--ui-icon-set__icon-path:var(--ui-icon-set__path_sync-circle)}.ui-icon-set.--like{--ui-icon-set__icon-path:var(--ui-icon-set__path_like)}.ui-icon-set.--dislike{--ui-icon-set__icon-path:var(--ui-icon-set__path_dislike)}.ui-icon-set.--ruler-and-pencil{--ui-icon-set__icon-path:var(--ui-icon-set__path_ruler-and-pencil)}.ui-icon-set.--key{--ui-icon-set__icon-path:var(--ui-icon-set__path_key)}.ui-icon-set.--mobile-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_mobile-2)}.ui-icon-set.--lock{--ui-icon-set__icon-path:var(--ui-icon-set__path_lock)}.ui-icon-set.--pulse{--ui-icon-set__icon-path:var(--ui-icon-set__path_pulse)}.ui-icon-set.--attach{--ui-icon-set__icon-path:var(--ui-icon-set__path_attach)}.ui-icon-set.--flag-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_flag-2)}.ui-icon-set.--favorite-0{--ui-icon-set__icon-path:var(--ui-icon-set__path_favorite-0)}.ui-icon-set.--favorite-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_favorite-1)}.ui-icon-set.--pulse-circle{--ui-icon-set__icon-path:var(--ui-icon-set__path_pulse-circle)}.ui-icon-set.--crown-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_crown-2)}.ui-icon-set.--crown-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_crown-1)}.ui-icon-set.--home{--ui-icon-set__icon-path:var(--ui-icon-set__path_home)}.ui-icon-set.--home-page{--ui-icon-set__icon-path:var(--ui-icon-set__path_home-page)}.ui-icon-set.--send{--ui-icon-set__icon-path:var(--ui-icon-set__path_send)}.ui-icon-set.--suitcase{--ui-icon-set__icon-path:var(--ui-icon-set__path_suitcase)}.ui-icon-set.--spanner{--ui-icon-set__icon-path:var(--ui-icon-set__path_spanner)}.ui-icon-set.--location-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_location-1)}.ui-icon-set.--book-closed{--ui-icon-set__icon-path:var(--ui-icon-set__path_book-closed)}.ui-icon-set.--edit-pencil{--ui-icon-set__icon-path:var(--ui-icon-set__path_edit-pencil)}.ui-icon-set.--compass{--ui-icon-set__icon-path:var(--ui-icon-set__path_compass)}.ui-icon-set.--check{--ui-icon-set__icon-path:var(--ui-icon-set__path_check)}.ui-icon-set.--funnel{--ui-icon-set__icon-path:var(--ui-icon-set__path_funnel)}.ui-icon-set.--brightness{--ui-icon-set__icon-path:var(--ui-icon-set__path_brightness)}.ui-icon-set.--earth-language{--ui-icon-set__icon-path:var(--ui-icon-set__path_earth-language)}.ui-icon-set.--observer{--ui-icon-set__icon-path:var(--ui-icon-set__path_observer)}.ui-icon-set.--barcode-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_barcode-1)}.ui-icon-set.--door-opened{--ui-icon-set__icon-path:var(--ui-icon-set__path_door-opened)}.ui-icon-set.--shield{--ui-icon-set__icon-path:var(--ui-icon-set__path_shield)}.ui-icon-set.--trash-bin{--ui-icon-set__icon-path:var(--ui-icon-set__path_trash-bin)}.ui-icon-set.--sunglasses{--ui-icon-set__icon-path:var(--ui-icon-set__path_sunglasses)}.ui-icon-set.--descending-sort-names{--ui-icon-set__icon-path:var(--ui-icon-set__path_descending-sort-names)}.ui-icon-set.--play-circle{--ui-icon-set__icon-path:var(--ui-icon-set__path_play-circle)}.ui-icon-set.--cut{--ui-icon-set__icon-path:var(--ui-icon-set__path_cut)}.ui-icon-set.--circle-minus{--ui-icon-set__icon-path:var(--ui-icon-set__path_circle-minus)}.ui-icon-set.--circle-check{--ui-icon-set__icon-path:var(--ui-icon-set__path_circle-check)}.ui-icon-set.--circle-plus{--ui-icon-set__icon-path:var(--ui-icon-set__path_circle-plus)}.ui-icon-set.--unavailable{--ui-icon-set__icon-path:var(--ui-icon-set__path_unavailable)}.ui-icon-set.--bookmark-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_bookmark-1)}.ui-icon-set.--calendar-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_calendar-2)}.ui-icon-set.--location-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_location-2)}.ui-icon-set.--pin-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_pin-1)}.ui-icon-set.--pin-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_pin-2)}.ui-icon-set.--double-rhombus{--ui-icon-set__icon-path:var(--ui-icon-set__path_double-rhombus)}.ui-icon-set.--fire{--ui-icon-set__icon-path:var(--ui-icon-set__path_fire)}.ui-icon-set.--light-bold-sparkle{--ui-icon-set__icon-path:var(--ui-icon-set__path_light-bold-sparkle)}.ui-icon-set.--light-bold{--ui-icon-set__icon-path:var(--ui-icon-set__path_light-bold)}.ui-icon-set.--box{--ui-icon-set__icon-path:var(--ui-icon-set__path_box)}.ui-icon-set.--delivery-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_delivery-1)}.ui-icon-set.--delivery-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_delivery-2)}.ui-icon-set.--cubes-3{--ui-icon-set__icon-path:var(--ui-icon-set__path_cubes-3)}.ui-icon-set.--drawer{--ui-icon-set__icon-path:var(--ui-icon-set__path_drawer)}.ui-icon-set.--cube-plus{--ui-icon-set__icon-path:var(--ui-icon-set__path_cube-plus)}.ui-icon-set.--payment-terminal{--ui-icon-set__icon-path:var(--ui-icon-set__path_payment-terminal)}.ui-icon-set.--call-chat{--ui-icon-set__icon-path:var(--ui-icon-set__path_call-chat)}.ui-icon-set.--map{--ui-icon-set__icon-path:var(--ui-icon-set__path_map)}.ui-icon-set.--calendar-sharing{--ui-icon-set__icon-path:var(--ui-icon-set__path_calendar-sharing)}.ui-icon-set.--target-timer{--ui-icon-set__icon-path:var(--ui-icon-set__path_target-timer)}.ui-icon-set.--target{--ui-icon-set__icon-path:var(--ui-icon-set__path_target)}.ui-icon-set.--device-rotate{--ui-icon-set__icon-path:var(--ui-icon-set__path_device-rotate)}.ui-icon-set.--market-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_market-2)}.ui-icon-set.--bell{--ui-icon-set__icon-path:var(--ui-icon-set__path_bell)}.ui-icon-set.--sale-tag{--ui-icon-set__icon-path:var(--ui-icon-set__path_sale-tag)}.ui-icon-set.--open-lines{--ui-icon-set__icon-path:var(--ui-icon-set__path_open-lines)}.ui-icon-set.--chemistry{--ui-icon-set__icon-path:var(--ui-icon-set__path_chemistry)}.ui-icon-set.--graduation-cap{--ui-icon-set__icon-path:var(--ui-icon-set__path_graduation-cap)}.ui-icon-set.--paint-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_paint-1)}.ui-icon-set.--paint-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_paint-2)}.ui-icon-set.--flag-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_flag-1)}.ui-icon-set.--credit-debit-card{--ui-icon-set__icon-path:var(--ui-icon-set__path_credit-debit-card)}.ui-icon-set.--lightning-plus{--ui-icon-set__icon-path:var(--ui-icon-set__path_lightning-plus)}.ui-icon-set.--donation{--ui-icon-set__icon-path:var(--ui-icon-set__path_donation)}.ui-icon-set.--b-24{--ui-icon-set__icon-path:var(--ui-icon-set__path_b-24)}.ui-icon-set.--tag{--ui-icon-set__icon-path:var(--ui-icon-set__path_tag)}.ui-icon-set.--speaker-mouthpiece{--ui-icon-set__icon-path:var(--ui-icon-set__path_speaker-mouthpiece)}.ui-icon-set.--speaker-mouthpiece-plus{--ui-icon-set__icon-path:var(--ui-icon-set__path_speaker-mouthpiece-plus)}.ui-icon-set.--opened-eye{--ui-icon-set__icon-path:var(--ui-icon-set__path_opened-eye)}.ui-icon-set.--crossed-eye{--ui-icon-set__icon-path:var(--ui-icon-set__path_crossed-eye)}.ui-icon-set.--links-3{--ui-icon-set__icon-path:var(--ui-icon-set__path_links-3)}.ui-icon-set.--implementation-request{--ui-icon-set__icon-path:var(--ui-icon-set__path_implementation-request)}.ui-icon-set.--group{--ui-icon-set__icon-path:var(--ui-icon-set__path_group)}.ui-icon-set.--document-stream{--ui-icon-set__icon-path:var(--ui-icon-set__path_document-stream)}.ui-icon-set.--book-open-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_book-open-1)}.ui-icon-set.--folders{--ui-icon-set__icon-path:var(--ui-icon-set__path_folders)}.ui-icon-set.--qr-code-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_qr-code-1)}.ui-icon-set.--qr-code-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_qr-code-2)}.ui-icon-set.--descending-sort{--ui-icon-set__icon-path:var(--ui-icon-set__path_descending-sort)}.ui-icon-set.--ascending-sort{--ui-icon-set__icon-path:var(--ui-icon-set__path_ascending-sort)}.ui-icon-set.--chats-persons{--ui-icon-set__icon-path:var(--ui-icon-set__path_chats-persons)}.ui-icon-set.--marketing{--ui-icon-set__icon-path:var(--ui-icon-set__path_marketing)}.ui-icon-set.--sigma-summ{--ui-icon-set__icon-path:var(--ui-icon-set__path_sigma-summ)}.ui-icon-set.--sigma-summ-a{--ui-icon-set__icon-path:var(--ui-icon-set__path_sigma-summ-a)}.ui-icon-set.--smile{--ui-icon-set__icon-path:var(--ui-icon-set__path_smile)}.ui-icon-set.--gantt-graphs{--ui-icon-set__icon-path:var(--ui-icon-set__path_gantt-graphs)}.ui-icon-set.--filter-plus{--ui-icon-set__icon-path:var(--ui-icon-set__path_filter-plus)}.ui-icon-set.--backspace{--ui-icon-set__icon-path:var(--ui-icon-set__path_backspace)}.ui-icon-set.--book-opened-with-arrow{--ui-icon-set__icon-path:var(--ui-icon-set__path_book-opened-with-arrow)}.ui-icon-set.--double-arrow-counter-clockwise-scrum{--ui-icon-set__icon-path:var(--ui-icon-set__path_double-arrow-counter-clockwise-scrum)}.ui-icon-set.--barcode{--ui-icon-set__icon-path:var(--ui-icon-set__path_barcode)}.ui-icon-set.--sad-bold-emoji{--ui-icon-set__icon-path:var(--ui-icon-set__path_sad-bold-emoji)}.ui-icon-set.--brightness-bold-emoji{--ui-icon-set__icon-path:var(--ui-icon-set__path_brightness-bold-emoji)}.ui-icon-set.--sun{--ui-icon-set__icon-path:var(--ui-icon-set__path_sun)}.ui-icon-set.--filial-network{--ui-icon-set__icon-path:var(--ui-icon-set__path_filial-network)}.ui-icon-set.--arrow-line{--ui-icon-set__icon-path:var(--ui-icon-set__path_arrow-line)}.ui-icon-set.--ip{--ui-icon-set__icon-path:var(--ui-icon-set__path_ip)}.ui-icon-set.--filter-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_filter-1)}.ui-icon-set.--filter-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_filter-2)}.ui-icon-set.--filter-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_filter-2)}.ui-icon-set.--screen-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_screen-1)}.ui-icon-set.--screen-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_screen-2)}.ui-icon-set.--print-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_print-1)}.ui-icon-set.--print-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_print-2)}.ui-icon-set.--disk{--ui-icon-set__icon-path:var(--ui-icon-set__path_disk)}.ui-icon-set.--shining{--ui-icon-set__icon-path:var(--ui-icon-set__path_shining)}.ui-icon-set.--shining-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_shining-2)}.ui-icon-set.--plug{--ui-icon-set__icon-path:var(--ui-icon-set__path_plug)}.ui-icon-set.--paste{--ui-icon-set__icon-path:var(--ui-icon-set__path_paste)}.ui-icon-set.--crossed-eye-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_crossed-eye-2)}.ui-icon-set.--filter-by-name{--ui-icon-set__icon-path:var(--ui-icon-set__path_filter-by-name)}.ui-icon-set.--table{--ui-icon-set__icon-path:var(--ui-icon-set__path_table)}.ui-icon-set.--feed{--ui-icon-set__icon-path:var(--ui-icon-set__path_feed)}.ui-icon-set.--mobile-with-star{--ui-icon-set__icon-path:var(--ui-icon-set__path_mobile-with-star)}.ui-icon-set.--rocket{--ui-icon-set__icon-path:var(--ui-icon-set__path_rocket)}.ui-icon-set.--city{--ui-icon-set__icon-path:var(--ui-icon-set__path_city)}.ui-icon-set.--magic-wand{--ui-icon-set__icon-path:var(--ui-icon-set__path_magic-wand)}.ui-icon-set.--earth{--ui-icon-set__icon-path:var(--ui-icon-set__path_earth)}.ui-icon-set.--share-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_share-1)}.ui-icon-set.--share-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_share-2)}.ui-icon-set.--mail{--ui-icon-set__icon-path:var(--ui-icon-set__path_mail)}.ui-icon-set.--eraser{--ui-icon-set__icon-path:var(--ui-icon-set__path_eraser)}.ui-icon-set.--demonstration-on-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_demonstration-on-1)}.ui-icon-set.--demonstration-on-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_demonstration-on-2)}.ui-icon-set.--demonstration-off{--ui-icon-set__icon-path:var(--ui-icon-set__path_demonstration-off)}.ui-icon-set.--file-check-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_file-check-1)}.ui-icon-set.--delete-hyperlink{--ui-icon-set__icon-path:var(--ui-icon-set__path_delete-hyperlink)}.ui-icon-set.--insert-hyperlink{--ui-icon-set__icon-path:var(--ui-icon-set__path_insert-hyperlink)}.ui-icon-set.--link-3{--ui-icon-set__icon-path:var(--ui-icon-set__path_link-3)}.ui-icon-set.--screen-arrow{--ui-icon-set__icon-path:var(--ui-icon-set__path_screen-arrow)}.ui-icon-set.--opened-letter-mail{--ui-icon-set__icon-path:var(--ui-icon-set__path_opened-letter-mail)}.ui-icon-set.--sitemap{--ui-icon-set__icon-path:var(--ui-icon-set__path_sitemap)}.ui-icon-set.--notifications-on{--ui-icon-set__icon-path:var(--ui-icon-set__path_notifications-on)}.ui-icon-set.--notifications-off{--ui-icon-set__icon-path:var(--ui-icon-set__path_notifications-off)}.ui-icon-set.--a-letter{--ui-icon-set__icon-path:var(--ui-icon-set__path_a-letter)}.ui-icon-set.--topic{--ui-icon-set__icon-path:var(--ui-icon-set__path_topic)}.ui-icon-set.--full-battery{--ui-icon-set__icon-path:var(--ui-icon-set__path_full-battery)}.ui-icon-set.--battery-2-sticks{--ui-icon-set__icon-path:var(--ui-icon-set__path_battery-2-sticks)}.ui-icon-set.--battery-1-stick{--ui-icon-set__icon-path:var(--ui-icon-set__path_battery-1-stick)}.ui-icon-set.--low-battery{--ui-icon-set__icon-path:var(--ui-icon-set__path_low-battery)}.ui-icon-set.--dead-battery{--ui-icon-set__icon-path:var(--ui-icon-set__path_dead-battery)}.ui-icon-set.--document-plus{--ui-icon-set__icon-path:var(--ui-icon-set__path_document-plus)}.ui-icon-set.--receipt-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_receipt-1)}.ui-icon-set.--receipt-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_receipt-2)}.ui-icon-set.--cart-with-cursor{--ui-icon-set__icon-path:var(--ui-icon-set__path_cart-with-cursor)}.ui-icon-set.--expand{--ui-icon-set__icon-path:var(--ui-icon-set__path_expand)}.ui-icon-set.--gift{--ui-icon-set__icon-path:var(--ui-icon-set__path_gift)}.ui-icon-set.--more-points{--ui-icon-set__icon-path:var(--ui-icon-set__path_more-points)}.ui-icon-set.--crm{--ui-icon-set__icon-path:var(--ui-icon-set__path_crm)}.ui-icon-set.--more-information{--ui-icon-set__icon-path:var(--ui-icon-set__path_more-information)}.ui-icon-set.--markers{--ui-icon-set__icon-path:var(--ui-icon-set__path_markers)}.ui-icon-set.--feed-bold{--ui-icon-set__icon-path:var(--ui-icon-set__path_feed-bold)}.ui-icon-set.--stop-hand{--ui-icon-set__icon-path:var(--ui-icon-set__path_stop-hand)}.ui-icon-set.--mail-out{--ui-icon-set__icon-path:var(--ui-icon-set__path_mail-out)}.ui-icon-set.--unpin{--ui-icon-set__icon-path:var(--ui-icon-set__path_unpin)}.ui-icon-set.--attention-i-circle{--ui-icon-set__icon-path:var(--ui-icon-set__path_attention-i-circle)}.ui-icon-set.--info-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_info-1)}.ui-icon-set.--attention-i-black{--ui-icon-set__icon-path:var(--ui-icon-set__path_attention-i-black)}.ui-icon-set.--calendar-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_calendar-1)}.ui-icon-set.--calendar-24{--ui-icon-set__icon-path:var(--ui-icon-set__path_calendar-24)}.ui-icon-set.--window{--ui-icon-set__icon-path:var(--ui-icon-set__path_window)}.ui-icon-set.--planning{--ui-icon-set__icon-path:var(--ui-icon-set__path_planning)}.ui-icon-set.--planning-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_planning-2)}.ui-icon-set.--sort-calendar{--ui-icon-set__icon-path:var(--ui-icon-set__path_sort-calendar)}.ui-icon-set.--calendar-deadline{--ui-icon-set__icon-path:var(--ui-icon-set__path_calendar-deadline)}.ui-icon-set.--sort-activity{--ui-icon-set__icon-path:var(--ui-icon-set__path_sort-activity)}.ui-icon-set.--my-plan{--ui-icon-set__icon-path:var(--ui-icon-set__path_my-plan)}.ui-icon-set.--calendar-off{--ui-icon-set__icon-path:var(--ui-icon-set__path_calendar-off)}.ui-icon-set.--signal-wifi{--ui-icon-set__icon-path:var(--ui-icon-set__path_signal-wifi)}.ui-icon-set.--signal-wifi-off{--ui-icon-set__icon-path:var(--ui-icon-set__path_signal-wifi-off)}.ui-icon-set.--img-format{--ui-icon-set__icon-path:var(--ui-icon-set__path_img-format)}.ui-icon-set.--mail-in{--ui-icon-set__icon-path:var(--ui-icon-set__path_mail-in)}.ui-icon-set.--quote{--ui-icon-set__icon-path:var(--ui-icon-set__path_quote)}.ui-icon-set.--new-message-mail{--ui-icon-set__icon-path:var(--ui-icon-set__path_new-message-mail)}.ui-icon-set.--outdent{--ui-icon-set__icon-path:var(--ui-icon-set__path_outdent)}.ui-icon-set.--distribution{--ui-icon-set__icon-path:var(--ui-icon-set__path_distribution)}.ui-icon-set.--menu-point{--ui-icon-set__icon-path:var(--ui-icon-set__path_menu-point)}.ui-icon-set.--lines-text{--ui-icon-set__icon-path:var(--ui-icon-set__path_lines-text)}.ui-icon-set.--target-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_target-1)}.ui-icon-set.--menu{--ui-icon-set__icon-path:var(--ui-icon-set__path_menu)}.ui-icon-set.--waves{--ui-icon-set__icon-path:var(--ui-icon-set__path_waves)}.ui-icon-set.--indent{--ui-icon-set__icon-path:var(--ui-icon-set__path_indent)}.ui-icon-set.--mail-reply{--ui-icon-set__icon-path:var(--ui-icon-set__path_mail-reply)}.ui-icon-set.--mail-money{--ui-icon-set__icon-path:var(--ui-icon-set__path_mail-money)}.ui-icon-set.--mail-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_mail-2)}.ui-icon-set.--numbers-123{--ui-icon-set__icon-path:var(--ui-icon-set__path_numbers-123)}.ui-icon-set.--cursor-click{--ui-icon-set__icon-path:var(--ui-icon-set__path_cursor-click)}.ui-icon-set.--diamond{--ui-icon-set__icon-path:var(--ui-icon-set__path_diamond)}.ui-icon-set.--mail-read{--ui-icon-set__icon-path:var(--ui-icon-set__path_mail-read)}.ui-icon-set.--flag-with-cross{--ui-icon-set__icon-path:var(--ui-icon-set__path_flag-with-cross)}.ui-icon-set.--temp-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_temp-1)}.ui-icon-set.--temp-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_temp-2)}.ui-icon-set.--templates{--ui-icon-set__icon-path:var(--ui-icon-set__path_templates)}.ui-icon-set.--apps{--ui-icon-set__icon-path:var(--ui-icon-set__path_apps)}.ui-icon-set.--hr-automation{--ui-icon-set__icon-path:var(--ui-icon-set__path_hr-automation)}.ui-icon-set.--bottom{--ui-icon-set__icon-path:var(--ui-icon-set__path_bottom)}.ui-icon-set.--attach-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_attach-2)}.ui-icon-set.--sites-stores{--ui-icon-set__icon-path:var(--ui-icon-set__path_sites-stores)}.ui-icon-set.--1c{--ui-icon-set__icon-path:var(--ui-icon-set__path_1c)}.ui-icon-set.--refresh{--ui-icon-set__icon-path:var(--ui-icon-set__path_refresh)}.ui-icon-set.--subscription{--ui-icon-set__icon-path:var(--ui-icon-set__path_subscription)}.ui-icon-set.--settings{--ui-icon-set__icon-path:var(--ui-icon-set__path_settings)}.ui-icon-set.--services{--ui-icon-set__icon-path:var(--ui-icon-set__path_services)}.ui-icon-set.--graphs-diagram{--ui-icon-set__icon-path:var(--ui-icon-set__path_graphs-diagram)}.ui-icon-set.--open-book{--ui-icon-set__icon-path:var(--ui-icon-set__path_open-book)}.ui-icon-set.--robot{--ui-icon-set__icon-path:var(--ui-icon-set__path_robot)}.ui-icon-set.--developer-resources{--ui-icon-set__icon-path:var(--ui-icon-set__path_developer-resources)}.ui-icon-set.--cash-terminal{--ui-icon-set__icon-path:var(--ui-icon-set__path_cash-terminal)}.ui-icon-set.--clock-black-white{--ui-icon-set__icon-path:var(--ui-icon-set__path_clock-black-white)}.ui-icon-set.--inventory-management{--ui-icon-set__icon-path:var(--ui-icon-set__path_inventory-management)}.ui-icon-set.--collaboration{--ui-icon-set__icon-path:var(--ui-icon-set__path_collaboration)}.ui-icon-set.--document{--ui-icon-set__icon-path:var(--ui-icon-set__path_document)}.ui-icon-set.--check-receipt{--ui-icon-set__icon-path:var(--ui-icon-set__path_check-receipt)}.ui-icon-set.--calculator{--ui-icon-set__icon-path:var(--ui-icon-set__path_calculator)}.ui-icon-set.--observer-closed{--ui-icon-set__icon-path:var(--ui-icon-set__path_observer-closed)}.ui-icon-set.--smart-process{--ui-icon-set__icon-path:var(--ui-icon-set__path_smart-process)}.ui-icon-set.--idea-lamp{--ui-icon-set__icon-path:var(--ui-icon-set__path_idea-lamp)}.ui-icon-set.--magic-image{--ui-icon-set__icon-path:var(--ui-icon-set__path_magic-image)}.ui-icon-set.--ai{--ui-icon-set__icon-path:var(--ui-icon-set__path_ai)}.ui-icon-set.--switch{--ui-icon-set__icon-path:var(--ui-icon-set__path_switch)}.ui-icon-set.--sequential-queue{--ui-icon-set__icon-path:var(--ui-icon-set__path_sequential-queue)}.ui-icon-set.--parallel-queue{--ui-icon-set__icon-path:var(--ui-icon-set__path_parallel-queue)}.ui-icon-set.--condition{--ui-icon-set__icon-path:var(--ui-icon-set__path_condition)}.ui-icon-set.--complete{--ui-icon-set__icon-path:var(--ui-icon-set__path_complete)}.ui-icon-set.--translation{--ui-icon-set__icon-path:var(--ui-icon-set__path_translation)}.ui-icon-set.--speed-meter{--ui-icon-set__icon-path:var(--ui-icon-set__path_speed-meter)}.ui-icon-set.--activity{--ui-icon-set__icon-path:var(--ui-icon-set__path_activity)}.ui-icon-set.--add-to-checklist{--ui-icon-set__icon-path:var(--ui-icon-set__path_add_to_checklist)}.ui-icon-set.--bp{--ui-icon-set__icon-path:var(--ui-icon-set__path_bp)}.ui-icon-set.--close-chat{--ui-icon-set__icon-path:var(--ui-icon-set__path_close-chat)}.ui-icon-set.--create-prompt{--ui-icon-set__icon-path:var(--ui-icon-set__path_create_prompt)}.ui-icon-set.--devices{--ui-icon-set__icon-path:var(--ui-icon-set__path_devices)}.ui-icon-set.--document-sign{--ui-icon-set__icon-path:var(--ui-icon-set__path_document_sign)}.ui-icon-set.--favourite-prompt{--ui-icon-set__icon-path:var(--ui-icon-set__path_favourite_prompt)}.ui-icon-set.--lines-vertical{--ui-icon-set__icon-path:var(--ui-icon-set__path_lines-vertical)}.ui-icon-set.--main{--ui-icon-set__icon-path:var(--ui-icon-set__path_main)}.ui-icon-set.--move-to-checklist{--ui-icon-set__icon-path:var(--ui-icon-set__path_move_to_checklist)}.ui-icon-set.--open-chat{--ui-icon-set__icon-path:var(--ui-icon-set__path_open_chat)}.ui-icon-set.--prompt{--ui-icon-set__icon-path:var(--ui-icon-set__path_prompt)}.ui-icon-set.--prompt-var{--ui-icon-set__icon-path:var(--ui-icon-set__path_prompt_var)}.ui-icon-set.--prompts-library{--ui-icon-set__icon-path:var(--ui-icon-set__path_prompts_library)}.ui-icon-set.--record-video{--ui-icon-set__icon-path:var(--ui-icon-set__path_record_video)}.ui-icon-set.--roles-library{--ui-icon-set__icon-path:var(--ui-icon-set__path_roles_library)}.ui-icon-set.--save-prompt{--ui-icon-set__icon-path:var(--ui-icon-set__path_save_prompt)}.ui-icon-set.--screen-share{--ui-icon-set__icon-path:var(--ui-icon-set__path_screen_share)}.ui-icon-set.--sub-point{--ui-icon-set__icon-path:var(--ui-icon-set__path_sub_point)}.ui-icon-set.--unsub-point{--ui-icon-set__icon-path:var(--ui-icon-set__path_unsub_point)}.ui-icon-set.--subtask{--ui-icon-set__icon-path:var(--ui-icon-set__path_subtask)}.ui-icon-set.--prompts-library{--ui-icon-set__icon-path:var(--ui-icon-set__path_prompts-library)}.ui-icon-set.--collab{--ui-icon-set__icon-path:var(--ui-icon-set__path_collab)}.ui-icon-set.--no-picture{--ui-icon-set__icon-path:var(--ui-icon-set__path_no-picture)}.ui-icon-set.--thread{--ui-icon-set__icon-path:var(--ui-icon-set__path_thread)}.ui-icon-set.--thread-single{--ui-icon-set__icon-path:var(--ui-icon-set__path_thread-single)}.ui-icon-set.--business-process-1{--ui-icon-set__icon-path:var(--ui-icon-set__path_busines-process-1)}.ui-icon-set.--waiting-points{--ui-icon-set__icon-path:var(--ui-icon-set__path_waiting-points)}.ui-icon-set.--waiting-list{--ui-icon-set__icon-path:var(--ui-icon-set__path_waiting-list)}.ui-icon-set.--note{--ui-icon-set__icon-path:var(--ui-icon-set__path_note)}.ui-icon-set.--link-bold{--ui-icon-set__icon-path:var(--ui-icon-set__path_link-bold)}.ui-icon-set.--edit-menu{--ui-icon-set__icon-path:var(--ui-icon-set__path_edit-menu)}.ui-icon-set.--demonstration-graphics{--ui-icon-set__icon-path:var(--ui-icon-set__path_demonstration-graphics)}.ui-icon-set.--calendar-check{--ui-icon-set__icon-path:var(--ui-icon-set__path_calendar-check)}.ui-icon-set.--sign{--ui-icon-set__icon-path:var(--ui-icon-set__path_sign)}.ui-icon-set.--flipchart{--ui-icon-set__icon-path:var(--ui-icon-set__path_flipchart)}.ui-icon-set.--numbers-05{--ui-icon-set__icon-path:var(--ui-icon-set__path_numbers-05)}.ui-icon-set.--demonstration-graphics-2{--ui-icon-set__icon-path:var(--ui-icon-set__path_demonstration-graphics-2)}.ui-icon-set.--earth-time{--ui-icon-set__icon-path:var(--ui-icon-set__path_earth-time)}

/* /bitrix/js/ui/buttons/dist/ui.buttons.bundle.css */
:root{--ui-btn-size-xss:var(--ui-size-lg2);--ui-btn-size-xs:var(--ui-size-xl2);--ui-btn-size-sm:var(--ui-size-3xl);--ui-btn-size-md:var(--ui-size-5xl);--ui-btn-size-lg:var(--ui-size-6xl);--ui-btn-padding:0 20px;--ui-btn-padding-right:20px;--ui-btn-min-width:80px;--ui-btn-height:var(--ui-btn-size-md);--ui-btn-font-size:var(--ui-font-size-xs);--ui-btn-background:#868d95;--ui-btn-background-hover:#5b6573;--ui-btn-background-active:#3b506e;--ui-btn-border-color:#868d95;--ui-btn-border-color-hover:#5b6573;--ui-btn-border-color-active:#3b506e;--ui-btn-border:1px solid var(--ui-btn-border-color);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary);--ui-btn-box-shadow:none;--ui-btn-box-shadow-hover:none;--ui-btn-box-shadow-active:none;--ui-btn-text-shadow:none;--ui-btn-text-shadow-hover:none;--ui-btn-text-shadow-active:none;--ui-btn-margin-left:12px;--ui-btn-radius:var(--ui-border-radius-2xs);--ui-btn-clock-white:url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes arrow-loader{0%25{transform:rotate(0deg)}to{transform:rotate(360deg)}}%3C/style%3E%3Cg style='animation:arrow-loader 1s infinite linear;transform-origin:center' stroke='%23fff'%3E%3Cpath fill='none' d='M.5 9.475a8.976 8.976 0 0117.95 0 8.976 8.976 0 01-17.95 0z'/%3E%3Cpath d='M9.5 4v5.5'/%3E%3C/g%3E%3Cpath stroke='%23fff' fill='transparent' d='M15 9.5H9.5'/%3E%3C/svg%3E");--ui-btn-clock-black:url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes arrow-loader{0%25{transform:rotate(0deg)}to{transform:rotate(360deg)}}%3C/style%3E%3Cg style='animation:arrow-loader 1s infinite linear;transform-origin:center' stroke='%23525C69'%3E%3Cpath fill='none' d='M.5 9.475a8.976 8.976 0 0117.95 0 8.976 8.976 0 01-17.95 0z'/%3E%3Cpath d='M9.5 4v5.5'/%3E%3C/g%3E%3Cpath stroke='%23525C69' d='M15 9.5H9.5'/%3E%3C/svg%3E");--ui-btn-wait-white:url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes waitLoader{0%25{transform:rotate(0deg)}to{transform:rotate(360deg)}}%3C/style%3E%3Cg fill='%23fff' style='-moz-transform-origin:50%25;transform-origin:50%25;animation:waitLoader 1s infinite steps(12)'%3E%3Cpath d='M6.434 8.075a1.073 1.073 0 01-1.465.378L2.51 7.004a1.075 1.075 0 01-.378-1.466 1.073 1.073 0 011.465-.378l2.46 1.45c.506.298.676.958.377 1.465' opacity='.1'/%3E%3Cpath d='M8.109 6.415c-.51.294-1.168.119-1.462-.391L5.219 3.553a1.073 1.073 0 01.39-1.462 1.073 1.073 0 011.462.391L8.5 4.952c.294.51.118 1.168-.391 1.463' opacity='.2'/%3E%3Cpath d='M10.43 5.792c-.589 0-1.07-.481-1.07-1.07V1.868c0-.589.481-1.07 1.07-1.07.588 0 1.07.481 1.07 1.07v2.854c0 .589-.482 1.07-1.07 1.07' opacity='.3'/%3E%3Cpath d='M15.32 2.132c.508.3.678.958.379 1.466l-1.45 2.458a1.074 1.074 0 01-1.465.378 1.072 1.072 0 01-.378-1.464l1.45-2.46a1.074 1.074 0 011.465-.378' opacity='.4'/%3E%3Cpath d='M18.768 5.61c.295.509.12 1.167-.39 1.461L15.905 8.5c-.509.295-1.167.12-1.462-.39a1.073 1.073 0 01.392-1.462l2.47-1.429a1.073 1.073 0 011.462.391' opacity='.5'/%3E%3Cpath d='M20.061 10.43c0 .588-.481 1.07-1.07 1.07h-2.854c-.588 0-1.07-.482-1.07-1.07 0-.589.482-1.07 1.07-1.07h2.854c.589 0 1.07.481 1.07 1.07' opacity='.6'/%3E%3Cpath d='M18.727 15.32a1.074 1.074 0 01-1.465.379l-2.459-1.45a1.073 1.073 0 01-.378-1.465 1.072 1.072 0 011.465-.378l2.459 1.45c.507.298.677.957.378 1.465' opacity='.7'/%3E%3Cpath d='M15.25 18.768c-.51.295-1.168.12-1.462-.39l-1.429-2.472a1.073 1.073 0 01.391-1.461 1.073 1.073 0 011.463.39l1.428 2.471c.294.51.119 1.167-.391 1.462' opacity='.8'/%3E%3Cpath d='M10.43 20.061c-.589 0-1.07-.481-1.07-1.07v-2.854c0-.588.481-1.07 1.07-1.07.588 0 1.07.482 1.07 1.07v2.854c0 .589-.482 1.07-1.07 1.07' opacity='.9'/%3E%3Cpath d='M8.075 14.425c.507.299.677.958.378 1.465L7.004 18.35a1.075 1.075 0 01-1.466.378 1.073 1.073 0 01-.378-1.465l1.45-2.46a1.074 1.074 0 011.465-.377' opacity='.95'/%3E%3Cpath d='M5.792 10.43c0 .588-.481 1.07-1.07 1.07H1.868c-.589 0-1.07-.482-1.07-1.07 0-.589.481-1.07 1.07-1.07h2.854c.589 0 1.07.481 1.07 1.07M6.415 12.75c.294.51.119 1.168-.391 1.462l-2.471 1.429a1.074 1.074 0 01-1.463-.391 1.073 1.073 0 01.392-1.462l2.47-1.429a1.073 1.073 0 011.463.391'/%3E%3C/g%3E%3C/svg%3E");--ui-btn-wait-black:url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes waitLoader{0%25{transform:rotate(0deg)}to{transform:rotate(360deg)}}%3C/style%3E%3Cg fill='%23535c69' style='-moz-transform-origin:50%25;transform-origin:50%25;animation:waitLoader 1s infinite steps(12)'%3E%3Cpath d='M6.434 8.075a1.073 1.073 0 01-1.465.378L2.51 7.004a1.075 1.075 0 01-.378-1.466 1.073 1.073 0 011.465-.378l2.46 1.45c.506.298.676.958.377 1.465' opacity='.1'/%3E%3Cpath d='M8.109 6.415c-.51.294-1.168.119-1.462-.391L5.219 3.553a1.073 1.073 0 01.39-1.462 1.073 1.073 0 011.462.391L8.5 4.952c.294.51.118 1.168-.391 1.463' opacity='.2'/%3E%3Cpath d='M10.43 5.792c-.589 0-1.07-.481-1.07-1.07V1.868c0-.589.481-1.07 1.07-1.07.588 0 1.07.481 1.07 1.07v2.854c0 .589-.482 1.07-1.07 1.07' opacity='.3'/%3E%3Cpath d='M15.32 2.132c.508.3.678.958.379 1.466l-1.45 2.458a1.074 1.074 0 01-1.465.378 1.072 1.072 0 01-.378-1.464l1.45-2.46a1.074 1.074 0 011.465-.378' opacity='.4'/%3E%3Cpath d='M18.768 5.61c.295.509.12 1.167-.39 1.461L15.905 8.5c-.509.295-1.167.12-1.462-.39a1.073 1.073 0 01.392-1.462l2.47-1.429a1.073 1.073 0 011.462.391' opacity='.5'/%3E%3Cpath d='M20.061 10.43c0 .588-.481 1.07-1.07 1.07h-2.854c-.588 0-1.07-.482-1.07-1.07 0-.589.482-1.07 1.07-1.07h2.854c.589 0 1.07.481 1.07 1.07' opacity='.6'/%3E%3Cpath d='M18.727 15.32a1.074 1.074 0 01-1.465.379l-2.459-1.45a1.073 1.073 0 01-.378-1.465 1.072 1.072 0 011.465-.378l2.459 1.45c.507.298.677.957.378 1.465' opacity='.7'/%3E%3Cpath d='M15.25 18.768c-.51.295-1.168.12-1.462-.39l-1.429-2.472a1.073 1.073 0 01.391-1.461 1.073 1.073 0 011.463.39l1.428 2.471c.294.51.119 1.167-.391 1.462' opacity='.8'/%3E%3Cpath d='M10.43 20.061c-.589 0-1.07-.481-1.07-1.07v-2.854c0-.588.481-1.07 1.07-1.07.588 0 1.07.482 1.07 1.07v2.854c0 .589-.482 1.07-1.07 1.07' opacity='.9'/%3E%3Cpath d='M8.075 14.425c.507.299.677.958.378 1.465L7.004 18.35a1.075 1.075 0 01-1.466.378 1.073 1.073 0 01-.378-1.465l1.45-2.46a1.074 1.074 0 011.465-.377' opacity='.95'/%3E%3Cpath d='M5.792 10.43c0 .588-.481 1.07-1.07 1.07H1.868c-.589 0-1.07-.482-1.07-1.07 0-.589.481-1.07 1.07-1.07h2.854c.589 0 1.07.481 1.07 1.07M6.415 12.75c.294.51.119 1.168-.391 1.462l-2.471 1.429a1.074 1.074 0 01-1.463-.391 1.073 1.073 0 01.392-1.462l2.47-1.429a1.073 1.073 0 011.463.391'/%3E%3C/g%3E%3C/svg%3E");--ui-btn-spinner:url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' viewBox='25 25 50 50' xmlns='http://www.w3.org/2000/svg' style='-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;transform-origin:center center'%3E%3Cstyle%3E@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%25{stroke-dasharray:1,200;stroke-dashoffset:0}50%25{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}%3C/style%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke-miterlimit='10' style='-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite' stroke='rgba(215,220,223,.74)' stroke-width='6' stroke-dasharray='20,200' stroke-linecap='round'/%3E%3C/svg%3E")}.ui-btn-container{margin:15px 0}.ui-btn-container-center{text-align:center}.ui-btn,.ui-btn-main,.ui-btn-extra,.ui-btn-menu{box-sizing:border-box;margin:0;outline:none;height:var(--ui-btn-height);border:var(--ui-btn-border);border-color:var(--ui-btn-border-color);background:var(--ui-btn-background);box-shadow:var(--ui-btn-box-shadow);text-shadow:var(--ui-btn-text-shadow);cursor:pointer;transition:160ms linear background-color,160ms linear color,160ms linear opacity,160ms linear box-shadow,160ms linear border-color}.ui-btn-menu.--switcher{cursor:default}.ui-btn,.ui-btn-main{position:relative;display:inline-flex;justify-content:center;align-items:center;padding:var(--ui-btn-padding);color:var(--ui-btn-color);vertical-align:middle;text-align:center;-webkit-text-decoration:var(--ui-text-transform-none);text-decoration:var(--ui-text-transform-none);text-transform:var(--ui-text-transform-uppercase);white-space:nowrap;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-size:var(--ui-btn-font-size);line-height:calc(var(--ui-btn-height) - 2px);font-weight:var(--ui-font-weight-bold);-webkit-user-select:none;user-select:none}.ui-btn,.ui-btn-split{line-height:calc(var(--ui-btn-height) - 2px);vertical-align:middle}.ui-btn{border-radius:var(--ui-btn-radius)}.ui-btn-min{min-width:var(--ui-btn-min-width)}.ui-btn-split{position:relative;display:inline-flex;align-items:stretch;border-radius:var(--ui-btn-radius)}.ui-btn-main{padding-right:var(--ui-btn-padding-right);border-right:none !important;border-radius:var(--ui-btn-radius) 0 0 var(--ui-btn-radius);max-width:100%;min-width:0}.ui-btn-extra,.ui-btn-menu{position:relative;left:0;top:0;display:flex;flex-direction:row;align-items:center;min-width:var(--ui-btn-height);border-left:none !important;border-radius:0 var(--ui-btn-radius) var(--ui-btn-radius) 0}.ui-btn:hover,a.ui-btn:focus,.ui-btn-main:hover,.ui-btn-main:focus,.ui-btn-extra:hover,.ui-btn-menu:not(.--switcher):hover,.ui-btn.ui-btn-hover,.ui-btn-hover .ui-btn-main,.ui-btn-hover .ui-btn-extra,.ui-btn-hover .ui-btn-menu,.ui-btn-main-hover .ui-btn-main,.ui-btn-extra-hover .ui-btn-extra,.ui-btn-menu-hover .ui-btn-menu{border-color:var(--ui-btn-border-color-hover);background-color:var(--ui-btn-background-hover);box-shadow:var(--ui-btn-box-shadow-hover);color:var(--ui-btn-color-hover);-webkit-text-decoration:var(--ui-text-transform-none);text-decoration:var(--ui-text-transform-none);text-shadow:var(--ui-btn-text-shadow-hover)}.ui-btn:active,a.ui-btn:focus,a.ui-btn-split:focus,.ui-btn-main:active,.ui-btn-menu:not(.--switcher):active,.ui-btn-extra:active,.ui-btn-wait.ui-btn,.ui-btn-wait .ui-btn-main,.ui-btn-clock.ui-btn,.ui-btn-clock .ui-btn-main,.ui-btn-active.ui-btn,.ui-btn-active .ui-btn-main,.ui-btn-active .ui-btn-menu,.ui-btn-active .ui-btn-extra,.ui-btn-main-active .ui-btn-main,.ui-btn-menu-active .ui-btn-menu,.ui-btn-extra-active .ui-btn-extra,.ui-btn-wait.ui-btn:hover,.ui-btn-wait .ui-btn-main:hover,.ui-btn-clock.ui-btn:hover,.ui-btn-clock .ui-btn-main:hover,.ui-btn-active.ui-btn:hover,.ui-btn-active .ui-btn-main:hover,.ui-btn-active .ui-btn-menu:not(.--switcher):hover,.ui-btn-active .ui-btn-extra:hover,.ui-btn-main-active .ui-btn-main:hover,.ui-btn-menu-active .ui-btn-menu:not(.--switcher):hover,.ui-btn-extra-active .ui-btn-extra:hover{outline:none;border-color:var(--ui-btn-border-color-active);background-color:var(--ui-btn-background-active);box-shadow:var(--ui-btn-box-shadow-active);color:var(--ui-btn-color-active);text-shadow:var(--ui-btn-text-shadow-active)}.ui-btn-extra:after,.ui-btn-menu:after{position:absolute;top:7px;bottom:6px;left:0;width:1px;background-color:var(--ui-btn-colors-after-bg);content:'';opacity:var(--ui-btn-opacity-after)}.ui-btn-extra:before,.ui-btn-menu:before{position:absolute;top:50%;left:50%;box-sizing:border-box;margin-top:-2px;margin-left:-4px;width:8px;border:4px solid var(--ui-color-background-transparent);border-top-color:var(--ui-btn-colors-before-bg);background:none;content:'';transition:160ms background-color linear,160ms color linear,160ms opacity linear,160ms border-color linear}.ui-btn-menu.--switcher::before{content:none}.ui-btn~.ui-btn,.ui-btn~.ui-btn-split,.ui-btn~.ui-ctl,.ui-btn-split~.ui-btn-split,.ui-btn-split~.ui-btn,.ui-btn-split~.ui-ctl,.ui-ctl~.ui-btn,.ui-ctl~.ui-btn-split,.ui-ctl~.ui-ctl{margin-left:var(--ui-btn-margin-left)}.ui-btn-text{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;display:block}.ui-btn-md{--ui-btn-padding:0 19px;--ui-btn-padding-right:12px;--ui-btn-min-width:80px;--ui-btn-height:var(--ui-btn-size-md);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn-lg{--ui-btn-padding:0 26px;--ui-btn-padding-right:12px;--ui-btn-min-width:90px;--ui-btn-height:var(--ui-btn-size-lg);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn-sm{--ui-btn-padding:0 17px;--ui-btn-padding-right:10px;--ui-btn-min-width:70px;--ui-btn-height:var(--ui-btn-size-sm);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn-xs{--ui-btn-padding:0 15px;--ui-btn-padding-right:9px;--ui-btn-min-width:66px;--ui-btn-height:var(--ui-btn-size-xs);--ui-btn-font-size:var(--ui-font-size-3xs)}.ui-btn-xss{--ui-btn-padding:0 15px;--ui-btn-padding-right:9px;--ui-btn-min-width:66px;--ui-btn-height:var(--ui-btn-size-xss);--ui-btn-font-size:var(--ui-font-size-3xs)}.ui-btn-split.ui-btn-lg{padding-right:33px}.ui-btn-lg.ui-btn:not(.ui-btn-round){--ui-btn-radius:var(--ui-border-radius-2xs)}.ui-btn-lg:not(.ui-btn-round) .ui-btn-main{--ui-btn-radius:var(--ui-border-radius-2xs)}.ui-btn-lg.ui-btn-split{}.ui-btn-lg .ui-btn-extra,.ui-btn-lg .ui-btn-menu{min-width:34px}.ui-btn-lg:not(.ui-btn-round) .ui-btn-extra,.ui-btn-lg:not(.ui-btn-round) .ui-btn-menu{--ui-btn-radius:var(--ui-border-radius-2xs)}.ui-btn-sm.ui-btn-split{}.ui-btn-sm .ui-btn-extra,.ui-btn-sm .ui-btn-menu{min-width:28px}.ui-btn-sm:not(.ui-btn-round) .ui-btn-extra,.ui-btn-sm:not(.ui-btn-round) .ui-btn-menu{--ui-btn-radius:var(--ui-border-radius-2xs)}.ui-btn-lg .ui-btn-extra:before,.ui-btn-lg .ui-btn-menu:before{margin-top:-3px}.ui-btn-lg .ui-btn-extra:after,.ui-btn-lg .ui-btn-menu:after{top:11px;bottom:10px;opacity:.25}.ui-btn-default{}.ui-btn-success{--ui-btn-background:#bbed21;--ui-btn-background-hover:#d2f95f;--ui-btn-background-active:#b2e232;--ui-btn-border-color:#bbed21;--ui-btn-border-color-hover:#d2f95f;--ui-btn-border-color-active:#b2e232;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn-success-light{--ui-btn-background:rgba(223,238,175,var(--ui-opacity-80));--ui-btn-background-hover:#eaf5c5;--ui-btn-background-active:#d3e59a;--ui-btn-border-color:rgba(223,238,175,var(--ui-opacity-80));--ui-btn-border-color-hover:#eaf5c5;--ui-btn-border-color-active:#d3e59a;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-text-primary);--ui-btn-colors-before-bg:#a3bf63;--ui-btn-color:#668d13;--ui-btn-color-hover:#668d13;--ui-btn-color-active:#668d13}.ui-btn-success-dark{--ui-btn-background:#86a732;--ui-btn-background-hover:#a2bf54;--ui-btn-background-active:#a2bf54;--ui-btn-border-color:#86a732;--ui-btn-border-color-hover:#a2bf54;--ui-btn-border-color-active:#a2bf54;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:#a3bf63;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn-danger{--ui-btn-background:#f1361a;--ui-btn-background-hover:#cc1c00;--ui-btn-background-active:#d24430;--ui-btn-border-color:#f1361a;--ui-btn-border-color-hover:#cc1c00;--ui-btn-border-color-active:#d24430;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn-danger-dark{--ui-btn-background:#a21429;--ui-btn-background-hover:#c43d51;--ui-btn-background-active:#851021;--ui-btn-border-color:#a21429;--ui-btn-border-color-hover:#c43d51;--ui-btn-border-color-active:#851021;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn-danger-light{--ui-btn-background:rgba(253,202,200,var(--ui-opacity-80));--ui-btn-background-hover:#ffdcdb;--ui-btn-background-active:#f2b6b3;--ui-btn-border-color:rgba(253,202,200,var(--ui-opacity-80));--ui-btn-border-color-hover:#ffdcdb;--ui-btn-border-color-active:#f2b6b3;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-text-primary);--ui-btn-colors-before-bg:#eb8783;--ui-btn-color:#d7413c;--ui-btn-color-hover:#d7413c;--ui-btn-color-active:#d7413c}.ui-btn-primary{--ui-btn-background:#3bc8f5;--ui-btn-background-hover:#3eddff;--ui-btn-background-active:#12b1e3;--ui-btn-border-color:#3bc8f5;--ui-btn-border-color-hover:#3eddff;--ui-btn-border-color-active:#12b1e3;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn-primary-dark{--ui-btn-background:#399fc2;--ui-btn-background-hover:#37aed4;--ui-btn-background-active:#328ba9;--ui-btn-border-color:#399fc2;--ui-btn-border-color-hover:#37aed4;--ui-btn-border-color-active:#328ba9;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn-secondary{--ui-btn-background:#c5e7f4;--ui-btn-background-hover:#d1eef9;--ui-btn-background-active:#aee0f2;--ui-btn-border-color:#aee0f2;--ui-btn-border-color-hover:#aee0f2;--ui-btn-border-color-active:#aee0f2;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn-secondary-light{--ui-btn-background:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-background-hover:#d1eef9;--ui-btn-background-active:#aee0f2;--ui-btn-border-color:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-border-color-hover:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-border-color-active:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:#0aa0d0;--ui-btn-color-hover:#0aa0d0;--ui-btn-color-active:#0aa0d0}.ui-btn-warning-light{--ui-btn-background:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-background-hover:rgba(255,169,0,.65);--ui-btn-background-active:#eba51c;--ui-btn-border-color:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-border-color-hover:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-border-color-active:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:#a07f27;--ui-btn-color-hover:#a07f27;--ui-btn-color-active:#a07f27}.ui-btn-link{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:var(--ui-color-background-transparent);--ui-btn-background-active:var(--ui-color-background-transparent);--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:var(--ui-color-background-transparent);--ui-btn-border-color-active:var(--ui-color-background-transparent);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:#80868e;--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn-light{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:#f6f8f9;--ui-btn-background-active:#d6f1fb;--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:#f6f8f9;--ui-btn-border-color-active:#d6f1fb;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-text-primary);--ui-btn-color-active:var(--ui-color-base-solid);--ui-btn-padding:0 6px}.ui-btn-light-border{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:#cfd4d8;--ui-btn-background-active:#dde2e5;--ui-btn-border-color:#c6cdd3;--ui-btn-border-color-hover:#c6cdd3;--ui-btn-border-color-active:#9fa4ab;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn-color-ai{--ui-btn-backgroud-color-ai:#935BEC;--ui-btn-backgroud-color-ai-hover:#A977FA;--ui-btn-backgroud-color-ai-active:#8447E4;--ui-btn-background:var(--ui-btn-backgroud-color-ai);--ui-btn-background-hover:var(--ui-btn-backgroud-color-ai-hover);--ui-btn-background-active:var(--ui-btn-backgroud-color-ai-active);--ui-btn-border-color:var(--ui-btn-backgroud-color-ai);--ui-btn-border-color-hover:var(--ui-btn-backgroud-color-ai-hover);--ui-btn-border-color-active:var(--ui-btn-backgroud-color-ai-active);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn-base-light{--ui-btn-background:var(--ui-color-base-20);--ui-btn-background-hover:#cfd4d8;--ui-btn-background-active:#dde2e5;--ui-btn-border-color:var(--ui-color-base-20);--ui-btn-border-color-hover:#c6cdd3;--ui-btn-border-color-active:#9fa4ab;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-80);--ui-btn-colors-before-bg:var(--ui-color-base-80);--ui-btn-color:var(--ui-color-base-80);--ui-btn-color-hover:var(--ui-color-base-80);--ui-btn-color-active:var(--ui-color-base-80)}.ui-btn-collab{--ui-btn-background:#19CC45;--ui-btn-background-hover:#6BE860;--ui-btn-background-active:#00A94E;--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:var(--ui-color-background-transparent);--ui-btn-border-color-active:var(--ui-color-background-transparent);--ui-btn-color:var(--ui-color-palette-white-base);--ui-btn-color-hover:var(--ui-color-palette-white-base);--ui-btn-color-active:var(--ui-color-palette-white-base)}.ui-btn-primary-curtain{--ui-btn-background:#34B6DF;--ui-btn-background-hover:#37aed4;--ui-btn-background-active:#328ba9;--ui-btn-border-color:rgba(255,255,255,0.8);--ui-btn-border-color-hover:rgba(255,255,255,1);--ui-btn-border-color-active:rgba(255,255,255,1);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn-primary-warning{--ui-btn-background:rgba(255,255,255,0.15);--ui-btn-background-hover:rgba(255,255,255,0.44);--ui-btn-background-active:rgba(255,255,255,0.6);--ui-btn-border-color:rgba(255,255,255,0.44);--ui-btn-border-color-hover:rgba(255,255,255,1);--ui-btn-border-color-active:rgba(255,255,255,1);--ui-btn-color:rgba(255,255,255,1);--ui-btn-color-hover:rgba(255,255,255,1);--ui-btn-color-active:rgba(255,255,255,1)}.ui-btn-primary-border{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:#cfd4d8;--ui-btn-background-active:#dde2e5;--ui-btn-border-color:var(--ui-color-primary);--ui-btn-border-color-hover:#c6cdd3;--ui-btn-border-color-active:#9fa4ab;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn-split.ui-btn-icon-ai .ui-btn-main::before:hover,.ui-btn.ui-btn-icon-ai::before:hover{background-image:url('/bitrix/js/ui/buttons/dist/images/ui-btn-ai-waiting.gif?3')}.ui-btn-split.ui-btn-icon-ai .ui-btn-main::before,.ui-btn.ui-btn-icon-ai::before{content:'';width:100%;height:24px;position:absolute;top:0;left:0;background-position:5px center;background-repeat:no-repeat;background-size:17px;background-color:transparent;opacity:0;animation:fade-out-animated-icon 0.5s;animation-fill-mode:both;background-image:none}@keyframes fade-out-animated-icon{0%{opacity:1;transform:translateX(calc(50% - 12px));background-image:url('/bitrix/js/ui/buttons/dist/images/ui-btn-ai-waiting.gif?1')}90%{opacity:0;transform:translateX(0);background-image:url('/bitrix/js/ui/buttons/dist/images/ui-btn-ai-waiting.gif?1')}100%{opacity:0;transform:translateX(0);background-image:none}}.ui-btn-split.ui-btn-icon-ai.ui-btn-ai-waiting .ui-btn-main::before,.ui-btn.ui-btn-icon-ai.ui-btn-ai-waiting::before{animation:fade-in-animated-icon 0.5s both}@keyframes fade-in-animated-icon{0%{left:5px;opacity:1;transform:translateX(0);background-image:url('/bitrix/js/ui/buttons/dist/images/ui-btn-ai-waiting.gif?3')}90%{left:5px;opacity:1;transform:translateX(calc(50% - 17px));background-image:url('/bitrix/js/ui/buttons/dist/images/ui-btn-ai-waiting.gif?3')}100%{left:5px;opacity:1;transform:translateX(calc(50% - 17px));background-image:url('/bitrix/js/ui/buttons/dist/images/ui-btn-ai-waiting.gif?3')}}.ui-btn-split.ui-btn-icon-ai.ui-btn-color-ai .ui-btn-main::after,.ui-btn.ui-btn-icon-ai.ui-btn-color-ai::after{animation:fade-in-static-icon 0.5s forwards}@keyframes fade-in-static-icon{0%{opacity:0;transform:translateX(-50%) translateY(-50%);left:50%}90%{opacity:1;left:5px;transform:translateX(0) translateY(-50%)}100%{opacity:1;left:5px;transform:translateX(0) translateY(-50%)}}.ui-btn-split.ui-btn-icon-ai.ui-btn-ai-waiting .ui-btn-main::after,.ui-btn.ui-btn-icon-ai.ui-btn-ai-waiting::after{animation:fade-out-static-icon 0.5s forwards}@keyframes fade-out-static-icon{0%{opacity:0;left:5px;transform:translateX(0) translateY(-50%)}90%{opacity:0;left:50%;transform:translateX(-50%) translateY(-50%)}100%{opacity:0;left:50%;transform:translateX(-50%) translateY(-50%)}}.ui-btn-icon-ai .ui-btn-main .ui-btn-text,.ui-btn-icon-ai .ui-btn-text{transition:0.1s ease-in-out opacity;transition-delay:0.4s}.ui-btn-ai-waiting .ui-btn-main .ui-btn-text,.ui-btn-ai-waiting .ui-btn-text{transition-delay:0s;opacity:0}.ui-btn-ai-waiting .ui-btn-main,.ui-btn-ai-waiting .ui-btn-menu,.ui-btn-ai-waiting{opacity:0.85;pointer-events:none}.ui-btn-link.ui-btn{padding-right:0;padding-left:0}.ui-btn-link .ui-btn-main{padding-left:0}.bitrix24-light-theme .ui-btn-themes.ui-btn-link:not(.--air){--ui-btn-color:#ebebeb;--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.bitrix24-light-theme .ui-btn-themes.ui-btn-light:not(.--air),.bitrix24-light-theme .ui-btn-themes.ui-btn-light-border:not(.--air){--ui-btn-background:rgba(var(--ui-color-on-primary-rgb),.15);--ui-btn-background-hover:rgba(var(--ui-color-on-primary-rgb),var(--ui-opacity-30));--ui-btn-background-active:rgba(var(--ui-color-on-primary-rgb),var(--ui-opacity-40));--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.bitrix24-light-theme .ui-btn-themes.ui-btn-light-border:not(.--air){--ui-btn-border-color:rgba(var(--ui-color-on-primary-rgb),var(--ui-opacity-40))}.bitrix24-dark-theme .ui-btn-themes.ui-btn-link:not(.--air){--ui-btn-color:rgba(var(--ui-color-base-default-rgb),var(--ui-opacity-80));--ui-btn-color-hover:rgba(var(--ui-color-base-default-rgb),var(--ui-opacity-80));--ui-btn-color-active:rgba(var(--ui-color-base-default-rgb),var(--ui-opacity-80))}.bitrix24-dark-theme .ui-btn-themes.ui-btn-light:not(.--air),.bitrix24-dark-theme .ui-btn-themes.ui-btn-light-border:not(.--air){--ui-btn-background:rgba(var(--ui-color-base-solid-rgb),.07);--ui-btn-background-hover:rgba(var(--ui-color-base-solid-rgb),var(--ui-opacity-10));--ui-btn-background-active:rgba(var(--ui-color-base-solid-rgb),.15);--ui-btn-colors-after-bg:rgba(var(--ui-color-base-default-rgb),var(--ui-opacity-80));--ui-btn-colors-before-bg:rgba(var(--ui-color-base-default-rgb),var(--ui-opacity-80));--ui-btn-color:rgba(var(--ui-color-base-default-rgb),var(--ui-opacity-80));--ui-btn-color-hover:rgba(var(--ui-color-base-default-rgb),var(--ui-opacity-80));--ui-btn-color-active:rgba(var(--ui-color-base-default-rgb),var(--ui-opacity-80))}.bitrix24-dark-theme .ui-btn-themes.ui-btn-light-border:not(.--air){--ui-btn-border-color:rgba(var(--ui-color-base-solid-rgb),.06)}.ui-btn-round{--ui-btn-radius:calc(var(--ui-btn-height) / 2)}.ui-btn-no-caps,.ui-btn-no-caps .ui-btn-main{text-transform:none}.ui-btn-no-caps,.ui-btn-no-caps .ui-btn-main{font-size:calc(var(--ui-btn-font-size) + 2px);font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold)}.ui-btn-shadow,.ui-btn-shadow:hover,.ui-btn-shadow.ui-btn-hover{box-shadow:0 1px 2px 0 rgba(var(--ui-color-base-solid-rgb),.18)}.ui-btn-shadow:active,.ui-btn-shadow.ui-btn-active{box-shadow:0 0 1px 0 rgba(var(--ui-color-base-solid-rgb),.18)}.ui-btn-counter{display:inline-block;padding:0 8px;border-radius:var(--ui-border-radius-md);background-color:#f34829;color:var(--ui-color-on-primary);vertical-align:middle;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-size:11px;line-height:19px;font-weight:var(--ui-font-weight-regular)}.ui-btn-text + .ui-btn-counter{margin-left:12px}.ui-btn-lg .ui-btn-counter{margin-left:15px}.ui-btn.ui-btn-dropdown,.ui-btn-dropdown .ui-btn-main{padding-right:29px}.ui-btn.ui-btn-dropdown:before,.ui-btn-dropdown .ui-btn-main:before{position:absolute;top:50%;right:13px;display:block;box-sizing:border-box;margin-top:-1.5px;width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;content:'';transform:translateY(-50%) rotate(-45deg)}.ui-btn.ui-btn-dropdown:before,.ui-btn-dropdown .ui-btn-main:before{border-color:var(--ui-btn-color)}.ui-btn.ui-btn-empty.ui-btn-dropdown:before,.ui-btn.ui-btn-collapsed.ui-btn-dropdown::before,.ui-btn-empty.ui-btn-dropdown .ui-btn-main:before,.ui-btn-collapsed.ui-btn-dropdown .ui-btn-main:before{right:auto;transform:translate(-50%,-50%) rotate(-45deg);left:50%}.ui-btn.ui-btn-empty.ui-btn-dropdown[class*="ui-btn-icon-"]:before,.ui-btn.ui-btn-collapsed.ui-btn-dropdown[class*="ui-btn-icon-"]:before,.ui-btn-empty.ui-btn-dropdown[class*="ui-btn-icon-"] .ui-btn-main:before,.ui-btn-collapsed.ui-btn-dropdown[class*="ui-btn-icon-"] .ui-btn-main:before{right:12px;transform:translateY(-50%) rotate(-45deg);left:auto}.ui-btn.ui-btn-disabled,.ui-btn.ui-btn-disabled:hover,.ui-btn.ui-btn-disabled:active,.ui-btn[disabled],.ui-btn[disabled]:hover,.ui-btn[disabled]:active,.ui-btn-disabled .ui-btn-main,.ui-btn-disabled .ui-btn-main:hover,.ui-btn-disabled .ui-btn-main:active,.ui-btn-disabled .ui-btn-extra,.ui-btn-disabled .ui-btn-extra:hover,.ui-btn-disabled .ui-btn-extra:active,.ui-btn-disabled .ui-btn-menu,.ui-btn-disabled .ui-btn-menu:hover,.ui-btn-disabled .ui-btn-menu:active,.ui-btn-main-disabled .ui-btn-main,.ui-btn-main-disabled .ui-btn-main:hover,.ui-btn-main-disabled .ui-btn-main:active,.ui-btn-extra-disabled .ui-btn-extra,.ui-btn-extra-disabled .ui-btn-extra:hover,.ui-btn-extra-disabled .ui-btn-extra:active,.ui-btn-menu-disabled .ui-btn-menu,.ui-btn-menu-disabled .ui-btn-menu:hover,.ui-btn-menu-disabled .ui-btn-menu:active{opacity:var(--ui-opacity-40);cursor:not-allowed;background-color:var(--ui-btn-background);border-color:var(--ui-btn-border-color)}.ui-btn.ui-btn-wait,.ui-btn-wait .ui-btn-main{background-position:center !important;background-repeat:no-repeat !important;color:transparent !important}.ui-btn.ui-btn-wait:after,.ui-btn-wait .ui-btn-main:after{opacity:0}.ui-btn-wait,.ui-btn-wait.ui-btn-danger,.ui-btn-wait.ui-btn-primary,.ui-btn-wait.ui-btn-default,.ui-btn-wait.ui-btn-danger-dark,.ui-btn-wait.ui-btn-success-dark,.ui-btn-wait.ui-btn-primary-dark{--ui-btn-wait-loader:var(--ui-btn-wait-white)}.ui-btn-wait.ui-btn-link,.ui-btn-wait.ui-btn-secondary,.ui-btn-wait.ui-btn-light,.ui-btn-wait.ui-btn-success,.ui-btn-wait.ui-btn-light-border,.ui-btn-wait.ui-btn-link{--ui-btn-wait-loader:var(--ui-btn-wait-black)}.ui-btn.ui-btn-wait,.ui-btn-wait .ui-btn-main{background-image:var(--ui-btn-wait-loader)}.ui-btn.ui-btn-clock,.ui-btn-split.ui-btn-clock .ui-btn-main{background-position:center !important;background-repeat:no-repeat !important;color:transparent !important}.ui-btn.ui-btn-clock:after,.ui-btn-split.ui-btn-clock .ui-btn-main:after{opacity:0}.ui-btn-clock,.ui-btn-clock.ui-btn-danger,.ui-btn-clock.ui-btn-primary,.ui-btn-clock.ui-btn-default,.ui-btn-clock.ui-btn-danger-dark,.ui-btn-clock.ui-btn-success-dark,.ui-btn-clock.ui-btn-primary-dark{--ui-btn-clock-loader:var(--ui-btn-clock-white)}.ui-btn-clock.ui-btn-link,.ui-btn-clock.ui-btn-secondary,.ui-btn-clock.ui-btn-light,.ui-btn-clock.ui-btn-success,.ui-btn-clock.ui-btn-light-border,.ui-btn-clock.ui-btn-link{--ui-btn-clock-loader:var(--ui-btn-clock-black)}.ui-btn.ui-btn-clock,.ui-btn-clock .ui-btn-main{background-image:var(--ui-btn-clock-loader)}.ui-btn.ui-btn-spinner,.ui-btn-split.ui-btn-spinner .ui-btn-main{background-position:center !important;background-repeat:no-repeat !important;color:transparent !important}.ui-btn.ui-btn-spinner:after,.ui-btn-split.ui-btn-spinner .ui-btn-main:after{opacity:0}.ui-btn-spinner,.ui-btn-spinner.ui-btn-danger,.ui-btn-spinner.ui-btn-primary,.ui-btn-spinner.ui-btn-default,.ui-btn-spinner.ui-btn-danger-dark,.ui-btn-spinner.ui-btn-success-dark,.ui-btn-spinner.ui-btn-primary-dark{--ui-btn-clock-loader:var(--ui-btn-spinner)}.ui-btn-spinner.ui-btn-link,.ui-btn-spinner.ui-btn-secondary,.ui-btn-spinner.ui-btn-light,.ui-btn-spinner.ui-btn-success,.ui-btn-spinner.ui-btn-light-border,.ui-btn-spinner.ui-btn-link{--ui-btn-clock-loader:var(--ui-btn-spinner)}.ui-btn.ui-btn-spinner,.ui-btn-spinner .ui-btn-main{background-image:var(--ui-btn-spinner)}:root{--ui-link-color:#216bb6;--ui-link-border-color:#216bb6}.ui-link,*.ui-link:hover{cursor:pointer;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));font-size:13px;line-height:22px;color:var(--ui-link-color);transition:250ms linear color,250ms linear border-color}.ui-link + .ui-link,.ui-link + script + .ui-link{margin-left:12px}.ui-link,.ui-link-primary{--ui-link-color:#216bb6;--ui-link-border-color:#216bb6}.ui-link:hover,.ui-link-primary:hover{--ui-link-color:#2067b0;--ui-link-border-color:#2067b0}.ui-link-secondary{--ui-link-color:#80868e;--ui-link-border-color:#d8d8d8}.ui-link-secondary:hover{--ui-link-color:#333;--ui-link-border-color:#333}.ui-link-dark{--ui-link-color:#333;--ui-link-border-color:#333}.ui-link-dark:hover{--ui-link-color:#000;--ui-link-border-color:#000}.ui-link-solid{border-bottom:1px solid var(--ui-link-border-color)}.ui-link-dashed{border-bottom:1px dashed var(--ui-link-border-color)}.ui-link-dotted{border-bottom:1px dotted var(--ui-link-border-color)}.ui-button__shimmer{position:absolute;inset:0;z-index:0;border-radius:var(--ui-btn-radius);overflow:hidden;pointer-events:none}.ui-button__shimmer::before{content:'';position:absolute;top:0;left:0;height:var(--ui-btn-height);width:110px;transform:translateX(-110px);background:linear-gradient(128deg,rgba(255,255,255,0) 34.39%,#FFFFFF 48.22%,rgba(255,255,255,0) 62.72%);opacity:var(--ui-opacity-40);animation:ui-button-shimmer 4s linear 0s 1,ui-button-shimmer 4s linear 8s 10}.ui-btn-collapsed .ui-button__shimmer::before{animation:ui-button-shimmer 7s linear 0s 1,ui-button-shimmer 7s linear 8s 10}@keyframes ui-button-shimmer{0%{transform:translateX(-110px)}20%{transform:translateX(calc(100% + 110px))}100%{transform:translateX(calc(100% + 110px))}}.ui-btn.--air,.ui-btn-split.--air,.ui-btn-split.--air .ui-btn-menu,.ui-btn-split.--air .ui-btn-main{--ui-btn-background:#868d95;--ui-btn-background-hover:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-background-active:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-background-gradient:linear-gradient(180deg,var(--ui-btn-background) 0%,var(--ui-btn-background) 100%);--ui-btn-background-gradient-hover:linear-gradient(180deg,var(--ui-btn-background-hover) 0%,var(--ui-btn-background-hover) 100%);--ui-btn-background-gradient-active:linear-gradient(180deg,var(--ui-btn-background-active) 0%,var(--ui-btn-background-active) 100%)}.ui-btn-split.--air .ui-btn-main,.ui-btn-split.--air .ui-btn-menu{--ui-btn-background:transparent}.ui-btn.--air,.ui-btn-split.--air{--ui-btn-size-xss:20px;--ui-btn-size-xs:24px;--ui-btn-size-sm:28px;--ui-btn-size-md:34px;--ui-btn-size-lg:38px;--ui-btn-size-xl:46px;--ui-btn-letter-spacing:-0.05;--ui-btn-icon-size:20px;--ui-btn-title-comensation:-1px;--ui-btn-padding:0 var(--ui-btn-padding-right) 0 var(--ui-btn-padding-left);--ui-btn-min-width:80px;--ui-btn-border-color:var(--ui-btn-border-color);--ui-btn-border-color-hover:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-border-color-active:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-border-width:0px;--ui-btn-border:var(--ui-btn-border-width) solid var(--ui-btn-border-color);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-btn-color);--ui-btn-color-active:var(--ui-btn-color);--ui-btn-box-shadow:none;--ui-btn-box-shadow-hover:none;--ui-btn-box-shadow-active:none;--ui-btn-text-shadow:none;--ui-btn-text-shadow-hover:none;--ui-btn-text-shadow-active:none;--ui-btn-margin-left:12px;--ui-btn-clock-white:url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes arrow-loader{0%25{transform:rotate(0deg)}to{transform:rotate(360deg)}}%3C/style%3E%3Cg style='animation:arrow-loader 1s infinite linear;transform-origin:center' stroke='%23fff'%3E%3Cpath fill='none' d='M.5 9.475a8.976 8.976 0 0117.95 0 8.976 8.976 0 01-17.95 0z'/%3E%3Cpath d='M9.5 4v5.5'/%3E%3C/g%3E%3Cpath stroke='%23fff' fill='transparent' d='M15 9.5H9.5'/%3E%3C/svg%3E");--ui-btn-clock-black:url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes arrow-loader{0%25{transform:rotate(0deg)}to{transform:rotate(360deg)}}%3C/style%3E%3Cg style='animation:arrow-loader 1s infinite linear;transform-origin:center' stroke='%23525C69'%3E%3Cpath fill='none' d='M.5 9.475a8.976 8.976 0 0117.95 0 8.976 8.976 0 01-17.95 0z'/%3E%3Cpath d='M9.5 4v5.5'/%3E%3C/g%3E%3Cpath stroke='%23525C69' d='M15 9.5H9.5'/%3E%3C/svg%3E");--ui-btn-wait-white:url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes waitLoader{0%25{transform:rotate(0deg)}to{transform:rotate(360deg)}}%3C/style%3E%3Cg fill='%23fff' style='-moz-transform-origin:50%25;transform-origin:50%25;animation:waitLoader 1s infinite steps(12)'%3E%3Cpath d='M6.434 8.075a1.073 1.073 0 01-1.465.378L2.51 7.004a1.075 1.075 0 01-.378-1.466 1.073 1.073 0 011.465-.378l2.46 1.45c.506.298.676.958.377 1.465' opacity='.1'/%3E%3Cpath d='M8.109 6.415c-.51.294-1.168.119-1.462-.391L5.219 3.553a1.073 1.073 0 01.39-1.462 1.073 1.073 0 011.462.391L8.5 4.952c.294.51.118 1.168-.391 1.463' opacity='.2'/%3E%3Cpath d='M10.43 5.792c-.589 0-1.07-.481-1.07-1.07V1.868c0-.589.481-1.07 1.07-1.07.588 0 1.07.481 1.07 1.07v2.854c0 .589-.482 1.07-1.07 1.07' opacity='.3'/%3E%3Cpath d='M15.32 2.132c.508.3.678.958.379 1.466l-1.45 2.458a1.074 1.074 0 01-1.465.378 1.072 1.072 0 01-.378-1.464l1.45-2.46a1.074 1.074 0 011.465-.378' opacity='.4'/%3E%3Cpath d='M18.768 5.61c.295.509.12 1.167-.39 1.461L15.905 8.5c-.509.295-1.167.12-1.462-.39a1.073 1.073 0 01.392-1.462l2.47-1.429a1.073 1.073 0 011.462.391' opacity='.5'/%3E%3Cpath d='M20.061 10.43c0 .588-.481 1.07-1.07 1.07h-2.854c-.588 0-1.07-.482-1.07-1.07 0-.589.482-1.07 1.07-1.07h2.854c.589 0 1.07.481 1.07 1.07' opacity='.6'/%3E%3Cpath d='M18.727 15.32a1.074 1.074 0 01-1.465.379l-2.459-1.45a1.073 1.073 0 01-.378-1.465 1.072 1.072 0 011.465-.378l2.459 1.45c.507.298.677.957.378 1.465' opacity='.7'/%3E%3Cpath d='M15.25 18.768c-.51.295-1.168.12-1.462-.39l-1.429-2.472a1.073 1.073 0 01.391-1.461 1.073 1.073 0 011.463.39l1.428 2.471c.294.51.119 1.167-.391 1.462' opacity='.8'/%3E%3Cpath d='M10.43 20.061c-.589 0-1.07-.481-1.07-1.07v-2.854c0-.588.481-1.07 1.07-1.07.588 0 1.07.482 1.07 1.07v2.854c0 .589-.482 1.07-1.07 1.07' opacity='.9'/%3E%3Cpath d='M8.075 14.425c.507.299.677.958.378 1.465L7.004 18.35a1.075 1.075 0 01-1.466.378 1.073 1.073 0 01-.378-1.465l1.45-2.46a1.074 1.074 0 011.465-.377' opacity='.95'/%3E%3Cpath d='M5.792 10.43c0 .588-.481 1.07-1.07 1.07H1.868c-.589 0-1.07-.482-1.07-1.07 0-.589.481-1.07 1.07-1.07h2.854c.589 0 1.07.481 1.07 1.07M6.415 12.75c.294.51.119 1.168-.391 1.462l-2.471 1.429a1.074 1.074 0 01-1.463-.391 1.073 1.073 0 01.392-1.462l2.47-1.429a1.073 1.073 0 011.463.391'/%3E%3C/g%3E%3C/svg%3E");--ui-btn-wait-black:url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes waitLoader{0%25{transform:rotate(0deg)}to{transform:rotate(360deg)}}%3C/style%3E%3Cg fill='%23535c69' style='-moz-transform-origin:50%25;transform-origin:50%25;animation:waitLoader 1s infinite steps(12)'%3E%3Cpath d='M6.434 8.075a1.073 1.073 0 01-1.465.378L2.51 7.004a1.075 1.075 0 01-.378-1.466 1.073 1.073 0 011.465-.378l2.46 1.45c.506.298.676.958.377 1.465' opacity='.1'/%3E%3Cpath d='M8.109 6.415c-.51.294-1.168.119-1.462-.391L5.219 3.553a1.073 1.073 0 01.39-1.462 1.073 1.073 0 011.462.391L8.5 4.952c.294.51.118 1.168-.391 1.463' opacity='.2'/%3E%3Cpath d='M10.43 5.792c-.589 0-1.07-.481-1.07-1.07V1.868c0-.589.481-1.07 1.07-1.07.588 0 1.07.481 1.07 1.07v2.854c0 .589-.482 1.07-1.07 1.07' opacity='.3'/%3E%3Cpath d='M15.32 2.132c.508.3.678.958.379 1.466l-1.45 2.458a1.074 1.074 0 01-1.465.378 1.072 1.072 0 01-.378-1.464l1.45-2.46a1.074 1.074 0 011.465-.378' opacity='.4'/%3E%3Cpath d='M18.768 5.61c.295.509.12 1.167-.39 1.461L15.905 8.5c-.509.295-1.167.12-1.462-.39a1.073 1.073 0 01.392-1.462l2.47-1.429a1.073 1.073 0 011.462.391' opacity='.5'/%3E%3Cpath d='M20.061 10.43c0 .588-.481 1.07-1.07 1.07h-2.854c-.588 0-1.07-.482-1.07-1.07 0-.589.482-1.07 1.07-1.07h2.854c.589 0 1.07.481 1.07 1.07' opacity='.6'/%3E%3Cpath d='M18.727 15.32a1.074 1.074 0 01-1.465.379l-2.459-1.45a1.073 1.073 0 01-.378-1.465 1.072 1.072 0 011.465-.378l2.459 1.45c.507.298.677.957.378 1.465' opacity='.7'/%3E%3Cpath d='M15.25 18.768c-.51.295-1.168.12-1.462-.39l-1.429-2.472a1.073 1.073 0 01.391-1.461 1.073 1.073 0 011.463.39l1.428 2.471c.294.51.119 1.167-.391 1.462' opacity='.8'/%3E%3Cpath d='M10.43 20.061c-.589 0-1.07-.481-1.07-1.07v-2.854c0-.588.481-1.07 1.07-1.07.588 0 1.07.482 1.07 1.07v2.854c0 .589-.482 1.07-1.07 1.07' opacity='.9'/%3E%3Cpath d='M8.075 14.425c.507.299.677.958.378 1.465L7.004 18.35a1.075 1.075 0 01-1.466.378 1.073 1.073 0 01-.378-1.465l1.45-2.46a1.074 1.074 0 011.465-.377' opacity='.95'/%3E%3Cpath d='M5.792 10.43c0 .588-.481 1.07-1.07 1.07H1.868c-.589 0-1.07-.482-1.07-1.07 0-.589.481-1.07 1.07-1.07h2.854c.589 0 1.07.481 1.07 1.07M6.415 12.75c.294.51.119 1.168-.391 1.462l-2.471 1.429a1.074 1.074 0 01-1.463-.391 1.073 1.073 0 01.392-1.462l2.47-1.429a1.073 1.073 0 011.463.391'/%3E%3C/g%3E%3C/svg%3E");--ui-btn-spinner:url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='19' viewBox='25 25 50 50' xmlns='http://www.w3.org/2000/svg' style='-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;transform-origin:center center'%3E%3Cstyle%3E@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%25{stroke-dasharray:1,200;stroke-dashoffset:0}50%25{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}%3C/style%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke-miterlimit='10' style='-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite' stroke='rgba(215,220,223,.74)' stroke-width='6' stroke-dasharray='20,200' stroke-linecap='round'/%3E%3C/svg%3E")}.ui-btn.--wide{width:100%}.ui-btn.--air.--remove-left-corners{border-top-left-radius:0;border-bottom-left-radius:0}.ui-btn.--air.--remove-right-corners{border-top-right-radius:0;border-bottom-right-radius:0}.ui-btn.--air,.ui-btn-split.--air .ui-btn-main,.ui-btn-split.--air .ui-btn-menu,.ui-btn-split.--air .ui-btn-extra{transition-duration:0s;font-family:var(--ui-font-family-primary);border-radius:var(--ui-btn-radius)}.ui-btn.--air,.ui-btn-split.--air,.ui-btn-split.--air .ui-btn-main,.ui-btn-split.--air .ui-btn-menu{color:var(--ui-btn-color);border-color:var(--ui-btn-border-color)}.ui-btn.--air,.ui-btn.--air.--with-left-icon,.ui-btn-split.--air,.ui-btn-split.--air.--with-left-icon{background-image:none;background-repeat:unset;background-position:unset;background-size:unset;background:var(--ui-btn-background-gradient),var(--ui-btn-custom-background,none)}.ui-btn.--air:hover:not([disabled]),.ui-btn.--air:hover:not(.ui-btn-disabled){background:var(--ui-btn-background-gradient-hover),var(--ui-btn-custom-background,none);border-color:var(--ui-btn-border-color-hover)}.ui-btn.--air:active:not([disabled]),.ui-btn.--air:active:not(.ui-btn-disabled){background:var(--ui-btn-background-gradient-active),var(--ui-btn-custom-background,none);border-color:var(--ui-btn-border-color-active)}.ui-btn-split.--air .ui-btn-main{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.ui-btn-split.--air .ui-btn-menu{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.ui-btn.--air,.ui-btn.--air[class*="ui-btn-icon-"],.ui-btn.--air[class*="ui-btn-icon-"]:not(.--with-collapsed-icon),.ui-btn-split.--air .ui-btn-main,.ui-btn-split.--air[class*="ui-btn-icon-"] .ui-btn-main,.ui-btn-split.--air[class*="ui-btn-icon-"]:not(.--with-collapsed-icon) .ui-btn-main{margin-left:0;font-weight:var(--ui-btn-font-weight);font-size:var(--ui-btn-font-size);line-height:var(--ui-btn-height);padding-left:var(--ui-btn-padding-left);padding-right:var(--ui-btn-padding-right)}.ui-btn.--air~.ui-btn.--air,.ui-btn.--air~.ui-btn-split.--air,.ui-btn.--air~.ui-ctl.--air,.ui-btn-split.--air~.ui-btn-split.--air,.ui-btn-split.--air~.ui-btn.--air,.ui-btn-split.--air~.ui-ctl.--air,.ui-ctl.--air~.ui-btn.--air,.ui-ctl.--air~.ui-btn-split.--air,.ui-ctl.--air~.ui-ctl.--air{margin-left:0}.ui-btn-split.--air:not(.ui-btn-dropdown),.ui-btn-split.--air .ui-btn-menu:not(.ui-btn-dropdown){content:none}.ui-btn.--air:hover,.ui-btn.--air:focus,a.ui-btn.--air:focus,.ui-btn.--air .ui-btn-main:hover,.ui-btn.--air .ui-btn-main:focus,.ui-btn.--air .ui-btn-extra:hover,.ui-btn.--air .ui-btn-menu:not(.--switcher):hover,.ui-btn.--air.ui-btn-hover,.ui-btn.--air.ui-btn-hover .ui-btn-main,.ui-btn.--air.ui-btn-hover .ui-btn-extra,.ui-btn.--air.ui-btn-hover .ui-btn-menu,.ui-btn.--air.ui-btn-main-hover .ui-btn-main,.ui-btn.--air.ui-btn-extra-hover .ui-btn-extra,.ui-btn.--air.ui-btn-menu-hover .ui-btn-menu{border-color:var(--ui-btn-border-color-hover);background:var(--ui-btn-background-gradient-hover);color:var(--ui-btn-color-hover)}.ui-btn.--air:active,a.ui-btn.--air:focus,a.ui-btn-split.--air:focus,.ui-btn-split.--air .ui-btn-main:active,.ui-btn-split.--air .ui-btn-menu:not(.--switcher):active,.ui-btn-split.--air .ui-btn-extra:active,.ui-btn-wait.ui-btn.--air,.ui-btn-wait.ui-btn.--air .ui-btn-main,.ui-btn-clock.ui-btn.--air,.ui-btn.ui-btn-clock.--air .ui-btn-main,.ui-btn-active.ui-btn.--air,.ui-btn.--air.ui-btn-active .ui-btn-main,.ui-btn.--air.ui-btn-active .ui-btn-menu,.ui-btn.--air.ui-btn-active .ui-btn-extra,.ui-btn-main-active.--air .ui-btn-main,.ui-btn-menu-active.--air .ui-btn-menu,.ui-btn-extra-active.--air .ui-btn-extra,.ui-btn-wait.ui-btn.--air:hover,.ui-btn-wait.--air .ui-btn-main:hover,.ui-btn-clock.ui-btn.--air:hover,.ui-btn-clock.--air .ui-btn-main:hover,.ui-btn-active.--air.ui-btn:hover,.ui-btn-active.--air .ui-btn-main:hover,.ui-btn-active.--air .ui-btn-menu:not(.--switcher):hover,.ui-btn-active.--air .ui-btn-extra:hover,.ui-btn-main-active.--air .ui-btn-main:hover,.ui-btn-menu-active.--air .ui-btn-menu:not(.--switcher):hover,.ui-btn-extra-active.--air .ui-btn-extra:hover{outline:none;border-color:var(--ui-btn-border-color-active);background:var(--ui-btn-background-gradient-active);color:var(--ui-btn-color-active)}.ui-btn.--air.ui-btn-xl,.ui-btn-split.--air.ui-btn-xl,.ui-btn-split.--air.ui-btn-xl .ui-btn-main,.ui-btn-split.--air.ui-btn-xl .ui-btn-menu{--ui-btn-padding-right:23px;--ui-btn-padding-left:23px;--ui-btn-icon-compensation:8px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-xl);--ui-btn-icon-size:28px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:22px;--ui-btn-dropdown-icon-inline-space:6px;--ui-btn-dropdown-icon-compensation:6px;--ui-btn-height:var(--ui-btn-size-xl);--ui-btn-wait-icon-size:24px;--ui-btn-split-divider-height:26px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:8px}.ui-btn-split.--air.ui-btn-xl .ui-btn-menu.--switcher{padding-left:14px;padding-right:14px}.ui-btn.--air.ui-btn-lg,.ui-btn-split.--air.ui-btn-lg,.ui-btn-split.--air.ui-btn-lg .ui-btn-main,.ui-btn-split.--air.ui-btn-lg .ui-btn-menu{--ui-btn-padding-right:17px;--ui-btn-padding-left:17px;--ui-btn-icon-compensation:10px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-lg);--ui-btn-icon-size:28px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:20px;--ui-btn-dropdown-icon-inline-space:6px;--ui-btn-dropdown-icon-compensation:6px;--ui-btn-height:var(--ui-btn-size-lg);--ui-btn-wait-icon-size:22px;--ui-btn-split-divider-height:22px;--ui-btn-letter-spacing:-0.1px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:12px;--ui-btn-counter-inline-space:8px}.ui-btn-split.--air.ui-btn-lg .ui-btn-menu.--switcher{padding-left:12px;padding-right:12px}.ui-btn.--air,.ui-btn-split.--air,.ui-btn-split.--air .ui-btn-main,.ui-btn-split.--air .ui-btn-menu,.ui-btn.--air.ui-btn-md,.ui-btn-split.--air.ui-btn-md,.ui-btn-split.--air.ui-btn-md .ui-btn-main,.ui-btn-split.--air.ui-btn-md .ui-btn-menu{--ui-btn-padding-right:13px;--ui-btn-padding-left:13px;--ui-btn-icon-compensation:6px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-md);--ui-btn-font-weight:var(--ui-font-weight-medium);--ui-btn-icon-size:24px;--ui-btn-icon-space:2px;--ui-btn-dropdown-icon-size:18px;--ui-btn-dropdown-icon-inline-space:4px;--ui-btn-dropdown-icon-compensation:4px;--ui-btn-height:var(--ui-btn-size-md);--ui-btn-wait-icon-size:20px;--ui-btn-split-divider-height:18px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:6px}.ui-btn-split.--air.ui-btn-md .ui-btn-menu.--switcher{padding-left:10px;padding-right:10px}.ui-btn.--air.ui-btn-sm,.ui-btn-split.--air.ui-btn-sm,.ui-btn-split.--air.ui-btn-sm .ui-btn-main,.ui-btn-split.--air.ui-btn-sm .ui-btn-menu{--ui-btn-padding-right:9px;--ui-btn-padding-left:9px;--ui-btn-icon-compensation:4px;--ui-btn-radius:var(--ui-border-radius-sm);--ui-btn-font-size:var(--ui-font-size-sm);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:20px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:16px;--ui-btn-dropdown-icon-inline-space:3px;--ui-btn-dropdown-icon-compensation:3px;--ui-btn-height:var(--ui-btn-size-sm);--ui-btn-wait-icon-size:16px;--ui-btn-letter-spacing:-0.15px;--ui-btn-split-divider-height:14px;--ui--btn-width-with-only-icon:34px;--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:6px}.ui-btn-split.--air.ui-btn-sm .ui-btn-menu.--switcher{padding-left:8px;padding-right:8px}.ui-btn.--air.ui-btn-xs,.ui-btn-split.--air.ui-btn-xs,.ui-btn-split.--air.ui-btn-xs .ui-btn-main,.ui-btn-split.--air.ui-btn-xs .ui-btn-menu{--ui-btn-padding-right:7px;--ui-btn-padding-left:7px;--ui-btn-icon-compensation:2px;--ui-btn-radius:var(--ui-border-radius-xs);--ui-btn-font-size:var(--ui-font-size-xs);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:14px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:14px;--ui-btn-dropdown-icon-inline-space:4px;--ui-btn-dropdown-icon-compensation:2px;--ui-btn-height:var(--ui-btn-size-xs);--ui-btn-wait-icon-size:14px;--ui-btn-letter-spacing:-0.1px;--ui-btn-split-divider-height:12px;--ui--btn-width-with-only-icon:28px;--ui-btn-corner-counter-inline-shift:11px;--ui-btn-counter-inline-space:6px}.ui-btn-split.--air.ui-btn-xs .ui-btn-menu.--switcher{padding-left:6px;padding-right:6px}.ui-btn.--air.ui-btn-xss,.ui-btn-split.--air.ui-btn-xss,.ui-btn-split.--air.ui-btn-xss .ui-btn-main,.ui-btn-split.--air.ui-btn-xss .ui-btn-menu{--ui-btn-padding-right:7px;--ui-btn-padding-left:8px;--ui-btn-icon-compensation:5px;--ui-btn-radius:5px;--ui-btn-font-size:var(--ui-font-size-4xs);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:14px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:12px;--ui-btn-dropdown-icon-inline-space:2px;--ui-btn-dropdown-icon-compensation:2px;--ui-btn-height:var(--ui-btn-size-xss);--ui-btn-wait-icon-size:12px;--ui--btn-width-with-only-icon:24px;--ui-btn-corner-counter-inline-shift:10px;--ui-btn-letter-spacing:0.1px;--ui-btn-split-divider-height:10px;--ui-btn-counter-inline-space:6px}.ui-btn-split.--air.ui-btn-xss .ui-btn-menu.--switcher{padding-left:4px;padding-right:4px}.ui-btn.--air.--with-right-icon,.ui-btn.--air.--with-right-icon[class*="ui-btn-icon-"],.ui-btn-dropdown.--air,.ui-btn-split.--air .ui-btn-main,.ui-btn-split.--air.--with-right-icon[class*="ui-btn-icon-"] .ui-btn-main,.ui-btn.--air.--with-right-counter{padding-right:calc(var(--ui-btn-padding-right) + 1px)}.ui-btn.--air.--with-right-icon:not(.--with-left-icon),.ui-btn.ui-btn-lg.--air.--with-right-icon:not(.--with-left-icon),.ui-btn-split.--air.--with-right-icon:not(.--with-left-icon) .ui-btn-main,.ui-btn-split.ui-btn-lg.--air.--with-right-icon:not(.--with-left-icon) .ui-btn-main{padding-left:var(--ui-btn-padding-left)}.ui-btn.--air.--with-left-icon,.ui-btn.ui-btn-lg.--air.--with-left-icon,.ui-btn.--air.--with-left-icon[class*="ui-btn-icon-"],.ui-btn.--air.--with-left-counter,.ui-btn-split.--air.--with-left-icon .ui-btn-main,.ui-btn-split.--air.--with-left-icon[class*="ui-btn-icon-"] .ui-btn-main,.ui-btn-split.--air.--with-left-counter .ui-btn-main{padding-left:calc(var(--ui-btn-padding-left) + 1px)}.ui-btn.--air:not(.--with-left-icon):not(.--with-right-icon):not(.--with-icon),.ui-btn-split.--air:not(.--with-left-icon):not(.--with-right-icon) .ui-btn-main{--ui-btn-icon-compensation:0px}.ui-btn.--air:not(.ui-btn-dropdown){--ui-btn-dropdown-icon-compensation:0px}.ui-btn.--air.--with-left-icon[class*="ui-btn-icon-"],.ui-btn.--air.--with-icon,.ui-btn.ui-btn-lg.--air.--with-left-icon[class*="ui-btn-icon-"],.ui-btn-split.--air.--with-left-icon[class*="ui-btn-icon-"] .ui-btn-main,.ui-btn-split.ui-btn-lg.--air.--with-left-icon[class*="ui-btn-icon-"] .ui-btn-main{padding-left:calc(var(--ui-btn-padding-left) - var(--ui-btn-icon-compensation))}.ui-btn.--air.--with-right-icon[class*="ui-btn-icon-"],.ui-btn-split.--air.--with-right-icon[class*="ui-btn-icon-"] .ui-btn-main{padding-right:calc(var(--ui-btn-padding-right) - var(--ui-btn-icon-compensation))}.ui-btn.--air.ui-btn-dropdown{padding-right:calc(var(--ui-btn-padding-right) - var(--ui-btn-dropdown-icon-compensation))}.ui-btn.--air,.ui-btn-split.--air,.ui-btn.--air.--style-filled,.ui-btn-split.--air.--style-filled{--ui-btn-background:var(--ui-color-design-filled-bg);--ui-btn-border-color:var(--ui-color-design-filled-stroke);--ui-btn-border-width:var(--ui-design-filled-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-content-divider)}.ui-btn.--air.--style-tinted,.ui-btn-split.--air.--style-tinted{--ui-btn-background:var(--ui-color-design-tinted-bg);--ui-btn-border-color:var(--ui-color-design-tinted-stroke);--ui-btn-border-width:var(--ui-design-tinted-stroke-weight);--ui-btn-color:var(--ui-color-design-tinted-content);--ui-btn-split-divider-color:var(--ui-color-design-tinted-content-divider)}.ui-btn.--air.--style-tinted-alert,.ui-btn-split.--air.--style-tinted-alert{--ui-btn-background:var(--ui-color-design-tinted-alert-bg);--ui-btn-border-color:var(--ui-color-design-tinted-alert-stroke);--ui-btn-border-width:var(--ui-design-tinted-alert-stroke-weight);--ui-btn-color:var(--ui-color-design-tinted-alert-content);--ui-btn-split-divider-color:var(--ui-color-design-tinted-alert-content-divider)}.ui-btn.--air.--style-outline-accent-1,.ui-btn-split.--air.--style-outline-accent-1{--ui-btn-background:var(--ui-color-design-outline-a1-bg);--ui-btn-border-color:var(--ui-color-design-outline-a1-stroke);--ui-btn-border-width:var(--ui-design-outline-a1-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-a1-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-a1-content-divider)}.ui-btn.--air.--style-outline-accent-2,.ui-btn-split.--air.--style-outline-accent-2{--ui-btn-background:var(--ui-color-design-outline-a2-bg);--ui-btn-border-color:var(--ui-color-design-outline-a2-stroke);--ui-btn-border-width:var(--ui-design-outline-a2-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-a2-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-a2-content-divider)}.ui-btn.--air.--style-outline,.ui-btn-split.--air.--style-outline{--ui-btn-background:var(--ui-color-design-outline-bg);--ui-btn-border-color:var(--ui-color-design-outline-stroke);--ui-btn-border-width:var(--ui-design-outline-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-content-divider)}.ui-btn.--air.--style-outline-no-accent,.ui-btn-split.--air.--style-outline-no-accent{--ui-btn-background:var(--ui-color-design-outline-na-bg);--ui-btn-border-color:var(--ui-color-design-outline-na-stroke);--ui-btn-border-width:var(--ui-design-outline-na-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-na-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-na-content-divider)}.ui-btn.--air.--style-plain-accent,.ui-btn-split.--air.--style-plain-accent{--ui-btn-background:var(--ui-color-design-plain-a-bg);--ui-btn-border-color:var(--ui-color-design-plain-a-stroke);--ui-btn-border-width:var(--ui-design-plain-a-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-a-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-a-content-divider)}.ui-btn.--air.--style-plain,.ui-btn-split.--air.--style-plain{--ui-btn-background:var(--ui-color-design-plain-bg);--ui-btn-border-color:var(--ui-color-design-plain-stroke);--ui-btn-border-width:var(--ui-design-plain-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-content-divider)}.ui-btn.--air.--style-plain-no-accent,.ui-btn-split.--air.--style-plain-no-accent{--ui-btn-background:var(--ui-color-design-plain-na-bg);--ui-btn-border-color:var(--ui-color-design-plain-na-stroke);--ui-btn-border-width:var(--ui-design-plain-na-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-na-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-na-content-divider)}.ui-btn.--air.--style-selection,.ui-btn-split.--air.--style-selection{--ui-btn-background:var(--ui-color-design-selection-bg);--ui-btn-border-color:var(--ui-color-design-selection-stroke);--ui-btn-border-width:var(--ui-design-selection-stroke-weight);--ui-btn-color:var(--ui-color-design-selection-content);--ui-btn-split-divider-color:var(--ui-color-design-selection-content-divider)}.ui-btn.--air.--style-filled-copilot,.ui-btn-split.--air.--style-filled-copilot{--ui-btn-background:var(--ui-color-design-filled-copilot-bg);--ui-btn-border-color:var(--ui-color-design-filled-copilot-stroke);--ui-btn-border-width:var(--ui-design-filled-copilot-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-copilot-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-copilot-content-divider)}.ui-btn.--air.--style-filled-success,.ui-btn-split.--air.--style-filled-success{--ui-btn-background:var(--ui-color-design-filled-success-bg);--ui-btn-border-color:var(--ui-color-design-filled-success-stroke);--ui-btn-border-width:var(--ui-design-filled-success-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-success-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-success-content-divider)}.ui-btn.--air.--style-filled-alert,.ui-btn-split.--air.--style-filled-alert{--ui-btn-background:var(--ui-color-design-filled-alert-bg);--ui-btn-border-color:var(--ui-color-design-filled-alert-stroke);--ui-btn-border-width:var(--ui-design-filled-success-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-alert-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-alert-content-divider)}.ui-btn.--air.--style-filled-boost,.ui-btn-split.--air.--style-filled-boost{--ui-btn-background-gradient:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--ui-color-design-filled-boost-bg-gradient-1) 0%,var(--ui-color-design-filled-boost-bg-gradient-2) 58.65%,var(--ui-color-design-filled-boost-bg-gradient-3) 100%);--ui-btn-border-color:var(--ui-color-design-filled-boost-stroke);--ui-btn-border-width:var(--ui-design-filled-boost-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-boost-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-boost-content-divider)}.ui-btn.--air.--style-filled-boost{--hover-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--active-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-background-gradient-hover:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--hover-color-1) 0%,var(--hover-color-2) 58.65%,var(--hover-color-3) 100%);--ui-btn-background-gradient-active:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--active-color-1) 0%,var(--active-color-2) 58.65%,var(--active-color-3) 100%)}.ui-btn-split.--air .ui-btn-menu::before{content:'';position:relative;left:1px;top:auto;margin:0;padding:0;width:var(--ui-btn-dropdown-icon-size);height:var(--ui-btn-dropdown-icon-size);border:none;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.505 9.505a.7.7 0 01.99 0L12 15.01l5.505-5.505a.7.7 0 01.99.99l-6 6a.7.7 0 01-.99 0l-6-6a.7.7 0 010-.99z' fill='%23333'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.505 9.505a.7.7 0 01.99 0L12 15.01l5.505-5.505a.7.7 0 01.99.99l-6 6a.7.7 0 01-.99 0l-6-6a.7.7 0 010-.99z' fill='%23333'/%3E%3C/svg%3E");-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;background-color:var(--ui-btn-color)}.ui-btn-split.--air .ui-btn-menu.--switcher::before{content:none}.ui-btn.--air[disabled]:not(.ui-btn-wait):not(.ui-btn-clock),.ui-btn-disabled.--air:not(.ui-btn-wait):not(.ui-btn-clock),.ui-btn-split.--air[disabled]:not(.ui-btn-wait):not(.ui-btn-clock) .ui-btn-main,.ui-btn-split.--air.ui-btn-disabled:not(.ui-btn-wait):not(.ui-btn-clock) .ui-btn-main,.ui-btn-split.--air[disabled]:not(.ui-btn-wait):not(.ui-btn-clock) .ui-btn-menu,.ui-btn-split.--air.ui-btn-disabled:not(.ui-btn-wait):not(.ui-btn-clock) .ui-btn-menu{--ui-btn-background:var(--ui-color-design-disabled-bg);--ui-btn-background-gradient:linear-gradient(180deg,var(--ui-btn-background) 0%,var(--ui-btn-background) 100%);--ui-btn-border-color:var(--ui-color-design-disabled-stroke);--ui-btn-color:var(--ui-color-design-disabled-content);opacity:1}.ui-btn.--air.ui-btn-disabled,.ui-btn.--air.ui-btn-disabled:hover,.ui-btn.--air.ui-btn-disabled:active,.ui-btn.--air[disabled],.ui-btn.--air[disabled]:hover,.ui-btn.--air[disabled]:active{background:var(--ui-btn-background-gradient);border-color:var(--ui-btn-border-color)}.ui-btn-split[disabled].--air .ui-btn-main,.ui-btn-split[disabled].--air .ui-btn-main:hover,.ui-btn-split[disabled].--air .ui-btn-main:active,.ui-btn-split[disabled].--air .ui-btn-menu,.ui-btn-split[disabled].--air .ui-btn-menu:hover,.ui-btn-split[disabled].--air .ui-btn-menu:active,.ui-btn-split.ui-btn-disabled.--air .ui-btn-main,.ui-btn-split.ui-btn-disabled.--air .ui-btn-main:hover,.ui-btn-split.ui-btn-disabled.--air .ui-btn-main:active,.ui-btn-split.ui-btn-disabled.--air .ui-btn-menu,.ui-btn-split.ui-btn-disabled.--air .ui-btn-menu:hover,.ui-btn-split.ui-btn-disabled.--air .ui-btn-menu:active{opacity:initial;cursor:not-allowed;background:var(--ui-btn-background-gradient),var(--ui-btn-custom-background,none);border-color:var(--ui-btn-border-color)}.ui-btn.--air:not(.ui-btn-dropdown)::after,.ui-btn-split.--air:not(.ui-btn-dropdown) .ui-btn-main::after,.ui-btn-split.--air.ui-btn-collapsed:not(.ui-btn-dropdown) .ui-btn-main:after{display:none}.ui-btn.--air.--with-left-icon .ui-btn-text::before,.ui-btn.--air.--with-right-icon .ui-btn-text::after,.ui-btn.--air.--with-collapsed-icon .ui-btn-text::before,.ui-btn-split.--air.--with-left-icon .ui-btn-main .ui-btn-text::before,.ui-btn-split.--air.--with-right-icon .ui-btn-main .ui-btn-text::after,.ui-btn-split.--air.--with-collapsed-icon .ui-btn-main .ui-btn-text::before{content:'';position:relative;top:0;display:inline-block;width:var(--ui-btn-icon-size);min-width:var(--ui-btn-icon-size);height:var(--ui-btn-icon-size);background-color:var(--ui-btn-color);-webkit-mask-image:var(--ui-btn-icon);mask-image:var(--ui-btn-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center center;mask-position:center center;vertical-align:middle}.ui-btn.--air.--with-left-icon .ui-btn-text::before,.ui-btn-split.--air.--with-left-icon .ui-btn-main .ui-btn-text::before{margin-right:var(--ui-btn-icon-space)}.ui-btn.--air.--with-right-icon .ui-btn-text::after,.ui-btn-split.--air.--with-right-icon .ui-btn-main .ui-btn-text::after{margin-left:var(--ui-btn-icon-space)}.ui-btn.--air.--with-collapsed-icon .ui-btn-text::before,.ui-btn-split.--air.--with-collapsed-icon .ui-btn-main .ui-btn-text::before{display:none}.ui-btn.ui-btn-dropdown.--air::after{content:'';position:relative;display:inline-block;top:auto;left:auto;width:var(--ui-btn-dropdown-icon-size);min-width:var(--ui-btn-dropdown-icon-size);height:var(--ui-btn-dropdown-icon-size);margin-left:var(--ui-btn-dropdown-icon-inline-space);-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.505 9.505a.7.7 0 01.99 0L12 15.01l5.505-5.505a.7.7 0 01.99.99l-6 6a.7.7 0 01-.99 0l-6-6a.7.7 0 010-.99z' fill='%23333'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.505 9.505a.7.7 0 01.99 0L12 15.01l5.505-5.505a.7.7 0 01.99.99l-6 6a.7.7 0 01-.99 0l-6-6a.7.7 0 010-.99z' fill='%23333'/%3E%3C/svg%3E");-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;background:var(--ui-btn-color);transform:none;transition:none}.ui-btn-dropdown.--air:not(.ui-btn-wait)::before,.ui-btn-dropdown.--air:not(.ui-btn-clock)::before,.ui-btn-dropdown.--air:not(.ui-btn-wait) .ui-btn-main::before,.ui-btn-dropdown.--air:not(.ui-btn-clock) .ui-btn-main::before{content:none}.ui-btn-dropdown.--with-right-icon.--air::after{margin-left:calc((var(--ui-btn-dropdown-icon-inline-space) - var(--ui-btn-icon-compensation)))}.ui-btn.--air .ui-btn-text,.ui-btn-split.--air .ui-btn-main .ui-btn-text{height:var(--ui-btn-height);max-width:100%;display:inline-flex;align-items:center;overflow:unset;white-space:unset;text-overflow:unset;letter-spacing:var(--ui-btn-letter-spacing)}.ui-btn.--air .ui-btn-text-inner,.ui-btn-split.--air .ui-btn-main .ui-btn-text-inner{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-top:var(--ui-btn-title-comensation)}.ui-btn.--air.ui-btn-dropdown .ui-btn-text{max-width:calc(100% - var(--ui-btn-dropdown-icon-size))}.ui-btn-wait.--air[disabled],.ui-btn-clock.--air[disabled],.ui-btn-split.--air[disabled] .ui-btn-main,.ui-btn-split.--air[disabled] .ui-btn-menu,.ui-btn-split.--air[disabled] .ui-btn-main,.ui-btn-split.--air[disabled] .ui-btn-menu,.ui-btn-split.--air.ui-btn-disabled .ui-btn-main,.ui-btn-split.--air.ui-btn-disabled .ui-btn-menu{opacity:1}.ui-btn.--air.ui-btn-wait,.ui-btn-wait.--air .ui-btn-main,.ui-btn.--air.ui-btn-clock,.ui-btn-clock.--air .ui-btn-main{background:var(--ui-btn-background-gradient)}.ui-btn.ui-btn-wait.--air::before,.ui-btn.ui-btn-clock.--air::before,.ui-btn-split.ui-btn-wait.--air .ui-btn-main::before,.ui-btn-split.ui-btn-clock.--air .ui-btn-main::before{content:'';display:inline-block;position:absolute;top:0;left:0;right:auto;width:100%;height:100%;margin:0;transform:none;background-color:var(--ui-btn-color);-webkit-mask-size:var(--ui-btn-wait-icon-size);mask-size:var(--ui-btn-wait-icon-size);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;border:none}.ui-btn.ui-btn-wait.--air::before,.ui-btn-split.ui-btn-wait.--air .ui-btn-main::before{-webkit-mask-image:var(--ui-btn-wait-loader);mask-image:var(--ui-btn-wait-loader)}.ui-btn.ui-btn-clock.--air::before,.ui-btn-split.ui-btn-clock.--air .ui-btn-main::before{-webkit-mask-image:var(--ui-btn-clock-loader);mask-image:var(--ui-btn-clock-loader)}.ui-btn-wait.--air .ui-btn-text,.ui-btn-clock.--air .ui-btn-text{color:transparent}.ui-btn-wait.--air .ui-btn-text::before,.ui-btn-clock.--air .ui-btn-text::before,.ui-btn-wait.--air::after,.ui-btn-clock.--air::after,.ui-btn-wait.--air .ui-btn-text::after,.ui-btn-clock.--air .ui-btn-text::after,.ui-btn-wait.--air:not(.ui-btn-collapsed) .ui-btn-left-counter,.ui-btn-clock.--air:not(.ui-btn-collapsed) .ui-btn-left-counter,.ui-btn-wait.--air:not(.ui-btn-collapsed) .ui-btn-right-counter,.ui-btn-clock.--air:not(.ui-btn-collapsed) .ui-btn-right-counter{opacity:0}.ui-btn-split.--air .ui-btn-menu{min-width:var(--ui-btn-height);display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0}.ui-btn-split.--air .ui-btn-menu::after{height:var(--ui-btn-split-divider-height);top:auto;bottom:auto;background:var(--ui-btn-split-divider-color);opacity:1}.ui-btn-split.--air{padding-right:0}.ui-btn-split.--air .ui-btn-menu{position:relative;top:auto;left:auto}.ui-btn.--air .ui-btn-left-counter,.ui-btn.--air .ui-btn-right-counter,.ui-btn-split.--air .ui-btn-main .ui-btn-left-counter,.ui-btn-split.--air .ui-btn-main .ui-btn-right-counter{display:inline-flex;height:var(--ui-btn-height);vertical-align:top}.ui-btn-left-counter{margin-right:var(--ui-btn-counter-inline-space)}.ui-btn-right-counter{margin-left:var(--ui-btn-counter-inline-space)}.ui-btn.--air.ui-btn-collapsed,.ui-btn-split.--air.ui-btn-collapsed .ui-btn-main{--ui-btn-padding-right:0px;--ui-btn-padding-left:0px;width:var(--ui--btn-width-with-only-icon);min-width:var(--ui--btn-width-with-only-icon)}.ui-btn.--air.ui-btn-collapsed .ui-btn-text,.ui-btn-split.--air.ui-btn-collapsed .ui-btn-main .ui-btn-text{font-size:0}.ui-btn.--air.ui-btn-collapsed .ui-btn-right-counter,.ui-btn.--air.ui-btn-collapsed .ui-btn-left-counter{position:absolute;top:3px;margin-left:0;margin-right:0;pointer-events:none}.ui-btn.--air.ui-btn-collapsed .ui-btn-left-counter{transform:translate(-100%,-50%);left:var(--ui-btn-corner-counter-inline-shift)}.ui-btn.--air.ui-btn-collapsed .ui-btn-right-counter{transform:translate(100%,-50%);right:var(--ui-btn-corner-counter-inline-shift)}.ui-btn.--air.--with-left-icon.ui-btn-collapsed .ui-btn-text::before,.ui-btn.--air.--with-icon.ui-btn-collapsed,.ui-btn.--air.--with-right-icon.ui-btn-collapsed .ui-btn-text::after,.ui-btn.--air.--with-collapsed-icon.ui-btn-collapsed .ui-btn-text::before,.ui-btn-split.--air.--with-left-icon.ui-btn-collapsed .ui-btn-main .ui-btn-text::before,.ui-btn-split.--air.--with-right-icon.ui-btn-collapsed .ui-btn-main .ui-btn-text::after,.ui-btn-split.--air.--with-collapsed-icon.ui-btn-collapsed .ui-btn-main .ui-btn-text::before{--ui-btn-icon-space:0px}.ui-btn.--air.--with-collapsed-icon.ui-btn-collapsed .ui-btn-text::before,.ui-btn-split.--air.--with-collapsed-icon.ui-btn-collapsed .ui-btn-main .ui-btn-text::before{display:inline-block}.ui-btn.--air.--with-left-icon.ui-btn-collapsed .ui-btn-text::before,.ui-btn.--air.--with-right-icon.ui-btn-collapsed .ui-btn-text::after,.ui-btn.--air.--with-collapsed-icon.ui-btn-collapsed .ui-btn-text::before,.ui-btn-split.--air.--with-left-icon.ui-btn-collapsed .ui-btn-main .ui-btn-text::before,.ui-btn-split.--air.--with-right-icon.ui-btn-collapsed .ui-btn-main .ui-btn-text::after,.ui-btn-split.--air.--with-collapsed-icon.ui-btn-collapsed .ui-btn-main .ui-btn-text::before{top:0}.ui-btn-left-counter-inner{display:inline-flex}.ui-btn .ui-icon-set{--ui-icon-set__icon-size:var(--ui-btn-icon-size);--ui-icon-set__icon-color:var(--ui-btn-color);margin-right:var(--ui-btn-icon-space);transition:none}.ui-btn-ai-waiting .ui-icon-set,.ui-btn-clock .ui-icon-set,.ui-btn-wait .ui-icon-set{opacity:0}

/* /bitrix/js/main/phonenumber/css/phonenumber.css */
.main-phonenumber-country{cursor:pointer;display:flex;align-items:center}.main-phonenumber-country-flag{display:inline-block;margin:3px 10px}.main-phonenumber-country-name{display:inline-block}.main-phonenumber-country-separator{display:block;border-bottom:1px solid #d1d4d8;margin:0 10px 0 11px}.bx-flag-16{height:16px;width:16px;background:url('/upload/cssinliner_webp/bitrix/js/main/phonenumber/flag/sprite-16.webp') 0 -4128px}.bx-flag-24{height:24px;width:24px;background:url('/upload/cssinliner_webp/bitrix/js/main/phonenumber/flag/sprite-24.webp') 0 -6192px}.bx-flag-32{height:32px;width:32px;background:url('/upload/cssinliner_webp/bitrix/js/main/phonenumber/flag/sprite-32.webp') 0 -8256px}.bx-flag-16.ad{background-position:0 0}.bx-flag-16.ae{background-position:0 -16px}.bx-flag-16.af{background-position:0 -32px}.bx-flag-16.ag{background-position:0 -48px}.bx-flag-16.ai{background-position:0 -64px}.bx-flag-16.al{background-position:0 -80px}.bx-flag-16.am{background-position:0 -96px}.bx-flag-16.an{background-position:0 -112px}.bx-flag-16.ao{background-position:0 -128px}.bx-flag-16.aq{background-position:0 -144px}.bx-flag-16.ar{background-position:0 -160px}.bx-flag-16.as{background-position:0 -176px}.bx-flag-16.at{background-position:0 -192px}.bx-flag-16.au{background-position:0 -208px}.bx-flag-16.aw{background-position:0 -224px}.bx-flag-16.ax{background-position:0 -240px}.bx-flag-16.az{background-position:0 -256px}.bx-flag-16.ba{background-position:0 -272px}.bx-flag-16.bb{background-position:0 -288px}.bx-flag-16.bd{background-position:0 -304px}.bx-flag-16.be{background-position:0 -320px}.bx-flag-16.bf{background-position:0 -336px}.bx-flag-16.bg{background-position:0 -352px}.bx-flag-16.bh{background-position:0 -368px}.bx-flag-16.bi{background-position:0 -384px}.bx-flag-16.bj{background-position:0 -400px}.bx-flag-16.bl{background-position:0 -416px}.bx-flag-16.bm{background-position:0 -432px}.bx-flag-16.bn{background-position:0 -448px}.bx-flag-16.bo{background-position:0 -464px}.bx-flag-16.br{background-position:0 -480px}.bx-flag-16.bs{background-position:0 -496px}.bx-flag-16.bt{background-position:0 -512px}.bx-flag-16.bw{background-position:0 -528px}.bx-flag-16.by{background-position:0 -544px}.bx-flag-16.bz{background-position:0 -560px}.bx-flag-16.ca{background-position:0 -576px}.bx-flag-16.cc{background-position:0 -592px}.bx-flag-16.cd{background-position:0 -608px}.bx-flag-16.cf{background-position:0 -624px}.bx-flag-16.cg{background-position:0 -640px}.bx-flag-16.ch{background-position:0 -656px}.bx-flag-16.ci{background-position:0 -672px}.bx-flag-16.ck{background-position:0 -688px}.bx-flag-16.cl{background-position:0 -704px}.bx-flag-16.cm{background-position:0 -720px}.bx-flag-16.cn{background-position:0 -736px}.bx-flag-16.co{background-position:0 -752px}.bx-flag-16.cr{background-position:0 -768px}.bx-flag-16.cu{background-position:0 -784px}.bx-flag-16.cv{background-position:0 -800px}.bx-flag-16.cw{background-position:0 -816px}.bx-flag-16.cx{background-position:0 -832px}.bx-flag-16.cy{background-position:0 -848px}.bx-flag-16.cz{background-position:0 -864px}.bx-flag-16.de{background-position:0 -880px}.bx-flag-16.dj{background-position:0 -896px}.bx-flag-16.dk{background-position:0 -912px}.bx-flag-16.dm{background-position:0 -928px}.bx-flag-16.do{background-position:0 -944px}.bx-flag-16.dz{background-position:0 -960px}.bx-flag-16.ec{background-position:0 -976px}.bx-flag-16.ee{background-position:0 -992px}.bx-flag-16.eg{background-position:0 -1008px}.bx-flag-16.eh{background-position:0 -1024px}.bx-flag-16.er{background-position:0 -1040px}.bx-flag-16.es{background-position:0 -1056px}.bx-flag-16.et{background-position:0 -1072px}.bx-flag-16.eu{background-position:0 -1088px}.bx-flag-16.fi{background-position:0 -1104px}.bx-flag-16.fj{background-position:0 -1120px}.bx-flag-16.fk{background-position:0 -1136px}.bx-flag-16.fm{background-position:0 -1152px}.bx-flag-16.fo{background-position:0 -1168px}.bx-flag-16.pm,.bx-flag-16.gf,.bx-flag-16.gp,.bx-flag-16.re,.bx-flag-16.fr{background-position:0 -1184px}.bx-flag-16.ga{background-position:0 -1200px}.bx-flag-16.gb{background-position:0 -1216px}.bx-flag-16.gd{background-position:0 -1232px}.bx-flag-16.ge{background-position:0 -1248px}.bx-flag-16.gg{background-position:0 -1264px}.bx-flag-16.gh{background-position:0 -1280px}.bx-flag-16.gi{background-position:0 -1296px}.bx-flag-16.gl{background-position:0 -1312px}.bx-flag-16.gm{background-position:0 -1328px}.bx-flag-16.gn{background-position:0 -1344px}.bx-flag-16.gq{background-position:0 -1360px}.bx-flag-16.gr{background-position:0 -1376px}.bx-flag-16.gs{background-position:0 -1392px}.bx-flag-16.gt{background-position:0 -1408px}.bx-flag-16.gu{background-position:0 -1424px}.bx-flag-16.gw{background-position:0 -1440px}.bx-flag-16.gy{background-position:0 -1456px}.bx-flag-16.hk{background-position:0 -1472px}.bx-flag-16.hn{background-position:0 -1488px}.bx-flag-16.hr{background-position:0 -1504px}.bx-flag-16.ht{background-position:0 -1520px}.bx-flag-16.hu{background-position:0 -1536px}.bx-flag-16.ic{background-position:0 -1552px}.bx-flag-16.id{background-position:0 -1568px}.bx-flag-16.ie{background-position:0 -1584px}.bx-flag-16.il{background-position:0 -1600px}.bx-flag-16.im{background-position:0 -1616px}.bx-flag-16.in{background-position:0 -1632px}.bx-flag-16.iq{background-position:0 -1648px}.bx-flag-16.ir{background-position:0 -1664px}.bx-flag-16.is{background-position:0 -1680px}.bx-flag-16.it{background-position:0 -1696px}.bx-flag-16.je{background-position:0 -1712px}.bx-flag-16.jm{background-position:0 -1728px}.bx-flag-16.jo{background-position:0 -1744px}.bx-flag-16.jp{background-position:0 -1760px}.bx-flag-16.ke{background-position:0 -1776px}.bx-flag-16.kg{background-position:0 -1792px}.bx-flag-16.kh{background-position:0 -1808px}.bx-flag-16.ki{background-position:0 -1824px}.bx-flag-16.km{background-position:0 -1840px}.bx-flag-16.kn{background-position:0 -1856px}.bx-flag-16.kp{background-position:0 -1872px}.bx-flag-16.kr{background-position:0 -1888px}.bx-flag-16.kw{background-position:0 -1904px}.bx-flag-16.ky{background-position:0 -1920px}.bx-flag-16.kz{background-position:0 -1936px}.bx-flag-16.la{background-position:0 -1952px}.bx-flag-16.lb{background-position:0 -1968px}.bx-flag-16.lc{background-position:0 -1984px}.bx-flag-16.li{background-position:0 -2000px}.bx-flag-16.lk{background-position:0 -2016px}.bx-flag-16.lr{background-position:0 -2032px}.bx-flag-16.ls{background-position:0 -2048px}.bx-flag-16.lt{background-position:0 -2064px}.bx-flag-16.lu{background-position:0 -2080px}.bx-flag-16.lv{background-position:0 -2096px}.bx-flag-16.ly{background-position:0 -2112px}.bx-flag-16.ma{background-position:0 -2128px}.bx-flag-16.mc{background-position:0 -2144px}.bx-flag-16.md{background-position:0 -2160px}.bx-flag-16.me{background-position:0 -2176px}.bx-flag-16.mf{background-position:0 -2192px}.bx-flag-16.mg{background-position:0 -2208px}.bx-flag-16.mh{background-position:0 -2224px}.bx-flag-16.mk{background-position:0 -2240px}.bx-flag-16.ml{background-position:0 -2256px}.bx-flag-16.mm{background-position:0 -2272px}.bx-flag-16.mn{background-position:0 -2288px}.bx-flag-16.mo{background-position:0 -2304px}.bx-flag-16.mp{background-position:0 -2320px}.bx-flag-16.mq{background-position:0 -2336px}.bx-flag-16.mr{background-position:0 -2352px}.bx-flag-16.ms{background-position:0 -2368px}.bx-flag-16.mt{background-position:0 -2384px}.bx-flag-16.mu{background-position:0 -2400px}.bx-flag-16.mv{background-position:0 -2416px}.bx-flag-16.mw{background-position:0 -2432px}.bx-flag-16.mx{background-position:0 -2448px}.bx-flag-16.my{background-position:0 -2464px}.bx-flag-16.mz{background-position:0 -2480px}.bx-flag-16.na{background-position:0 -2496px}.bx-flag-16.nc{background-position:0 -2512px}.bx-flag-16.ne{background-position:0 -2528px}.bx-flag-16.nf{background-position:0 -2544px}.bx-flag-16.ng{background-position:0 -2560px}.bx-flag-16.ni{background-position:0 -2576px}.bx-flag-16.nl{background-position:0 -2592px}.bx-flag-16.sj,.bx-flag-16.no{background-position:0 -2608px}.bx-flag-16.np{background-position:0 -2624px}.bx-flag-16.nr{background-position:0 -2640px}.bx-flag-16.nu{background-position:0 -2656px}.bx-flag-16.nz{background-position:0 -2672px}.bx-flag-16.om{background-position:0 -2688px}.bx-flag-16.pa{background-position:0 -2704px}.bx-flag-16.pe{background-position:0 -2720px}.bx-flag-16.pf{background-position:0 -2736px}.bx-flag-16.pg{background-position:0 -2752px}.bx-flag-16.ph{background-position:0 -2768px}.bx-flag-16.pk{background-position:0 -2784px}.bx-flag-16.pl{background-position:0 -2800px}.bx-flag-16.pn{background-position:0 -2816px}.bx-flag-16.pr{background-position:0 -2832px}.bx-flag-16.ps{background-position:0 -2848px}.bx-flag-16.pt{background-position:0 -2864px}.bx-flag-16.pw{background-position:0 -2880px}.bx-flag-16.py{background-position:0 -2896px}.bx-flag-16.qa{background-position:0 -2912px}.bx-flag-16.ro{background-position:0 -2928px}.bx-flag-16.rs{background-position:0 -2944px}.bx-flag-16.ru{background-position:0 -2960px}.bx-flag-16.rw{background-position:0 -2976px}.bx-flag-16.sa{background-position:0 -2992px}.bx-flag-16.sb{background-position:0 -3008px}.bx-flag-16.sc{background-position:0 -3024px}.bx-flag-16.sd{background-position:0 -3040px}.bx-flag-16.se{background-position:0 -3056px}.bx-flag-16.sg{background-position:0 -3072px}.bx-flag-16.sh{background-position:0 -3088px}.bx-flag-16.si{background-position:0 -3104px}.bx-flag-16.sk{background-position:0 -3120px}.bx-flag-16.sl{background-position:0 -3136px}.bx-flag-16.sm{background-position:0 -3152px}.bx-flag-16.sn{background-position:0 -3168px}.bx-flag-16.so{background-position:0 -3184px}.bx-flag-16.sr{background-position:0 -3200px}.bx-flag-16.ss{background-position:0 -3216px}.bx-flag-16.st{background-position:0 -3232px}.bx-flag-16.sv{background-position:0 -3248px}.bx-flag-16.sy{background-position:0 -3264px}.bx-flag-16.sz{background-position:0 -3280px}.bx-flag-16.tc{background-position:0 -3296px}.bx-flag-16.td{background-position:0 -3312px}.bx-flag-16.tf{background-position:0 -3328px}.bx-flag-16.tg{background-position:0 -3344px}.bx-flag-16.th{background-position:0 -3360px}.bx-flag-16.tj{background-position:0 -3376px}.bx-flag-16.tk{background-position:0 -3392px}.bx-flag-16.tl{background-position:0 -3408px}.bx-flag-16.tm{background-position:0 -3424px}.bx-flag-16.tn{background-position:0 -3440px}.bx-flag-16.to{background-position:0 -3456px}.bx-flag-16.tr{background-position:0 -3472px}.bx-flag-16.tt{background-position:0 -3488px}.bx-flag-16.tv{background-position:0 -3504px}.bx-flag-16.tw{background-position:0 -3520px}.bx-flag-16.tz{background-position:0 -3536px}.bx-flag-16.ua{background-position:0 -3552px}.bx-flag-16.ug{background-position:0 -3568px}.bx-flag-16.us{background-position:0 -3584px}.bx-flag-16.uy{background-position:0 -3600px}.bx-flag-16.uz{background-position:0 -3616px}.bx-flag-16.va{background-position:0 -3632px}.bx-flag-16.vc{background-position:0 -3648px}.bx-flag-16.ve{background-position:0 -3664px}.bx-flag-16.vg{background-position:0 -3680px}.bx-flag-16.vi{background-position:0 -3696px}.bx-flag-16.vn{background-position:0 -3712px}.bx-flag-16.vu{background-position:0 -3728px}.bx-flag-16.wf{background-position:0 -3744px}.bx-flag-16.ws{background-position:0 -3760px}.bx-flag-16.ye{background-position:0 -3776px}.bx-flag-16.yt{background-position:0 -3792px}.bx-flag-16.za{background-position:0 -3808px}.bx-flag-16.zm{background-position:0 -3824px}.bx-flag-16.zw{background-position:0 -3840px}.bx-flag-16._abkhazia{background-position:0 -3856px}.bx-flag-16._basque-country{background-position:0 -3872px}.bx-flag-16._british-antarctic-territory{background-position:0 -3888px}.bx-flag-16._commonwealth{background-position:0 -3904px}.bx-flag-16._england{background-position:0 -3920px}.bx-flag-16._gosquared{background-position:0 -3936px}.bx-flag-16._kosovo{background-position:0 -3952px}.bx-flag-16._mars{background-position:0 -3968px}.bx-flag-16._nagorno-karabakh{background-position:0 -3984px}.bx-flag-16._nato{background-position:0 -4000px}.bx-flag-16._northern-cyprus{background-position:0 -4016px}.bx-flag-16._olympics{background-position:0 -4032px}.bx-flag-16._red-cross{background-position:0 -4048px}.bx-flag-16._scotland{background-position:0 -4064px}.bx-flag-16._somaliland{background-position:0 -4080px}.bx-flag-16._south-ossetia{background-position:0 -4096px}.bx-flag-16._united-nations{background-position:0 -4112px}.bx-flag-16._unknown{background-position:0 -4128px}.bx-flag-16._wales{background-position:0 -4144px}.bx-flag-24.ad{background-position:0 0}.bx-flag-24.ae{background-position:0 -24px}.bx-flag-24.af{background-position:0 -48px}.bx-flag-24.ag{background-position:0 -72px}.bx-flag-24.ai{background-position:0 -96px}.bx-flag-24.al{background-position:0 -120px}.bx-flag-24.am{background-position:0 -144px}.bx-flag-24.an{background-position:0 -168px}.bx-flag-24.ao{background-position:0 -192px}.bx-flag-24.aq{background-position:0 -216px}.bx-flag-24.ar{background-position:0 -240px}.bx-flag-24.as{background-position:0 -264px}.bx-flag-24.at{background-position:0 -288px}.bx-flag-24.au{background-position:0 -312px}.bx-flag-24.aw{background-position:0 -336px}.bx-flag-24.ax{background-position:0 -360px}.bx-flag-24.az{background-position:0 -384px}.bx-flag-24.ba{background-position:0 -408px}.bx-flag-24.bb{background-position:0 -432px}.bx-flag-24.bd{background-position:0 -456px}.bx-flag-24.be{background-position:0 -480px}.bx-flag-24.bf{background-position:0 -504px}.bx-flag-24.bg{background-position:0 -528px}.bx-flag-24.bh{background-position:0 -552px}.bx-flag-24.bi{background-position:0 -576px}.bx-flag-24.bj{background-position:0 -600px}.bx-flag-24.bl{background-position:0 -624px}.bx-flag-24.bm{background-position:0 -648px}.bx-flag-24.bn{background-position:0 -672px}.bx-flag-24.bo{background-position:0 -696px}.bx-flag-24.br{background-position:0 -720px}.bx-flag-24.bs{background-position:0 -744px}.bx-flag-24.bt{background-position:0 -768px}.bx-flag-24.bw{background-position:0 -792px}.bx-flag-24.by{background-position:0 -816px}.bx-flag-24.bz{background-position:0 -840px}.bx-flag-24.ca{background-position:0 -864px}.bx-flag-24.cc{background-position:0 -888px}.bx-flag-24.cd{background-position:0 -912px}.bx-flag-24.cf{background-position:0 -936px}.bx-flag-24.cg{background-position:0 -960px}.bx-flag-24.ch{background-position:0 -984px}.bx-flag-24.ci{background-position:0 -1008px}.bx-flag-24.ck{background-position:0 -1032px}.bx-flag-24.cl{background-position:0 -1056px}.bx-flag-24.cm{background-position:0 -1080px}.bx-flag-24.cn{background-position:0 -1104px}.bx-flag-24.co{background-position:0 -1128px}.bx-flag-24.cr{background-position:0 -1152px}.bx-flag-24.cu{background-position:0 -1176px}.bx-flag-24.cv{background-position:0 -1200px}.bx-flag-24.cw{background-position:0 -1224px}.bx-flag-24.cx{background-position:0 -1248px}.bx-flag-24.cy{background-position:0 -1272px}.bx-flag-24.cz{background-position:0 -1296px}.bx-flag-24.de{background-position:0 -1320px}.bx-flag-24.dj{background-position:0 -1344px}.bx-flag-24.dk{background-position:0 -1368px}.bx-flag-24.dm{background-position:0 -1392px}.bx-flag-24.do{background-position:0 -1416px}.bx-flag-24.dz{background-position:0 -1440px}.bx-flag-24.ec{background-position:0 -1464px}.bx-flag-24.ee{background-position:0 -1488px}.bx-flag-24.eg{background-position:0 -1512px}.bx-flag-24.eh{background-position:0 -1536px}.bx-flag-24.er{background-position:0 -1560px}.bx-flag-24.es{background-position:0 -1584px}.bx-flag-24.et{background-position:0 -1608px}.bx-flag-24.eu{background-position:0 -1632px}.bx-flag-24.fi{background-position:0 -1656px}.bx-flag-24.fj{background-position:0 -1680px}.bx-flag-24.fk{background-position:0 -1704px}.bx-flag-24.fm{background-position:0 -1728px}.bx-flag-24.fo{background-position:0 -1752px}.bx-flag-24.pm,.bx-flag-24.gf,.bx-flag-24.gp,.bx-flag-24.re,.bx-flag-24.fr{background-position:0 -1776px}.bx-flag-24.ga{background-position:0 -1800px}.bx-flag-24.gb{background-position:0 -1824px}.bx-flag-24.gd{background-position:0 -1848px}.bx-flag-24.ge{background-position:0 -1872px}.bx-flag-24.gg{background-position:0 -1896px}.bx-flag-24.gh{background-position:0 -1920px}.bx-flag-24.gi{background-position:0 -1944px}.bx-flag-24.gl{background-position:0 -1968px}.bx-flag-24.gm{background-position:0 -1992px}.bx-flag-24.gn{background-position:0 -2016px}.bx-flag-24.gq{background-position:0 -2040px}.bx-flag-24.gr{background-position:0 -2064px}.bx-flag-24.gs{background-position:0 -2088px}.bx-flag-24.gt{background-position:0 -2112px}.bx-flag-24.gu{background-position:0 -2136px}.bx-flag-24.gw{background-position:0 -2160px}.bx-flag-24.gy{background-position:0 -2184px}.bx-flag-24.hk{background-position:0 -2208px}.bx-flag-24.hn{background-position:0 -2232px}.bx-flag-24.hr{background-position:0 -2256px}.bx-flag-24.ht{background-position:0 -2280px}.bx-flag-24.hu{background-position:0 -2304px}.bx-flag-24.ic{background-position:0 -2328px}.bx-flag-24.id{background-position:0 -2352px}.bx-flag-24.ie{background-position:0 -2376px}.bx-flag-24.il{background-position:0 -2400px}.bx-flag-24.im{background-position:0 -2424px}.bx-flag-24.in{background-position:0 -2448px}.bx-flag-24.iq{background-position:0 -2472px}.bx-flag-24.ir{background-position:0 -2496px}.bx-flag-24.is{background-position:0 -2520px}.bx-flag-24.it{background-position:0 -2544px}.bx-flag-24.je{background-position:0 -2568px}.bx-flag-24.jm{background-position:0 -2592px}.bx-flag-24.jo{background-position:0 -2616px}.bx-flag-24.jp{background-position:0 -2640px}.bx-flag-24.ke{background-position:0 -2664px}.bx-flag-24.kg{background-position:0 -2688px}.bx-flag-24.kh{background-position:0 -2712px}.bx-flag-24.ki{background-position:0 -2736px}.bx-flag-24.km{background-position:0 -2760px}.bx-flag-24.kn{background-position:0 -2784px}.bx-flag-24.kp{background-position:0 -2808px}.bx-flag-24.kr{background-position:0 -2832px}.bx-flag-24.kw{background-position:0 -2856px}.bx-flag-24.ky{background-position:0 -2880px}.bx-flag-24.kz{background-position:0 -2904px}.bx-flag-24.la{background-position:0 -2928px}.bx-flag-24.lb{background-position:0 -2952px}.bx-flag-24.lc{background-position:0 -2976px}.bx-flag-24.li{background-position:0 -3000px}.bx-flag-24.lk{background-position:0 -3024px}.bx-flag-24.lr{background-position:0 -3048px}.bx-flag-24.ls{background-position:0 -3072px}.bx-flag-24.lt{background-position:0 -3096px}.bx-flag-24.lu{background-position:0 -3120px}.bx-flag-24.lv{background-position:0 -3144px}.bx-flag-24.ly{background-position:0 -3168px}.bx-flag-24.ma{background-position:0 -3192px}.bx-flag-24.mc{background-position:0 -3216px}.bx-flag-24.md{background-position:0 -3240px}.bx-flag-24.me{background-position:0 -3264px}.bx-flag-24.mf{background-position:0 -3288px}.bx-flag-24.mg{background-position:0 -3312px}.bx-flag-24.mh{background-position:0 -3336px}.bx-flag-24.mk{background-position:0 -3360px}.bx-flag-24.ml{background-position:0 -3384px}.bx-flag-24.mm{background-position:0 -3408px}.bx-flag-24.mn{background-position:0 -3432px}.bx-flag-24.mo{background-position:0 -3456px}.bx-flag-24.mp{background-position:0 -3480px}.bx-flag-24.mq{background-position:0 -3504px}.bx-flag-24.mr{background-position:0 -3528px}.bx-flag-24.ms{background-position:0 -3552px}.bx-flag-24.mt{background-position:0 -3576px}.bx-flag-24.mu{background-position:0 -3600px}.bx-flag-24.mv{background-position:0 -3624px}.bx-flag-24.mw{background-position:0 -3648px}.bx-flag-24.mx{background-position:0 -3672px}.bx-flag-24.my{background-position:0 -3696px}.bx-flag-24.mz{background-position:0 -3720px}.bx-flag-24.na{background-position:0 -3744px}.bx-flag-24.nc{background-position:0 -3768px}.bx-flag-24.ne{background-position:0 -3792px}.bx-flag-24.nf{background-position:0 -3816px}.bx-flag-24.ng{background-position:0 -3840px}.bx-flag-24.ni{background-position:0 -3864px}.bx-flag-24.nl{background-position:0 -3888px}.bx-flag-24.sj,.bx-flag-24.no{background-position:0 -3912px}.bx-flag-24.np{background-position:0 -3936px}.bx-flag-24.nr{background-position:0 -3960px}.bx-flag-24.nu{background-position:0 -3984px}.bx-flag-24.nz{background-position:0 -4008px}.bx-flag-24.om{background-position:0 -4032px}.bx-flag-24.pa{background-position:0 -4056px}.bx-flag-24.pe{background-position:0 -4080px}.bx-flag-24.pf{background-position:0 -4104px}.bx-flag-24.pg{background-position:0 -4128px}.bx-flag-24.ph{background-position:0 -4152px}.bx-flag-24.pk{background-position:0 -4176px}.bx-flag-24.pl{background-position:0 -4200px}.bx-flag-24.pn{background-position:0 -4224px}.bx-flag-24.pr{background-position:0 -4248px}.bx-flag-24.ps{background-position:0 -4272px}.bx-flag-24.pt{background-position:0 -4296px}.bx-flag-24.pw{background-position:0 -4320px}.bx-flag-24.py{background-position:0 -4344px}.bx-flag-24.qa{background-position:0 -4368px}.bx-flag-24.ro{background-position:0 -4392px}.bx-flag-24.rs{background-position:0 -4416px}.bx-flag-24.ru{background-position:0 -4440px}.bx-flag-24.rw{background-position:0 -4464px}.bx-flag-24.sa{background-position:0 -4488px}.bx-flag-24.sb{background-position:0 -4512px}.bx-flag-24.sc{background-position:0 -4536px}.bx-flag-24.sd{background-position:0 -4560px}.bx-flag-24.se{background-position:0 -4584px}.bx-flag-24.sg{background-position:0 -4608px}.bx-flag-24.sh{background-position:0 -4632px}.bx-flag-24.si{background-position:0 -4656px}.bx-flag-24.sk{background-position:0 -4680px}.bx-flag-24.sl{background-position:0 -4704px}.bx-flag-24.sm{background-position:0 -4728px}.bx-flag-24.sn{background-position:0 -4752px}.bx-flag-24.so{background-position:0 -4776px}.bx-flag-24.sr{background-position:0 -4800px}.bx-flag-24.ss{background-position:0 -4824px}.bx-flag-24.st{background-position:0 -4848px}.bx-flag-24.sv{background-position:0 -4872px}.bx-flag-24.sy{background-position:0 -4896px}.bx-flag-24.sz{background-position:0 -4920px}.bx-flag-24.tc{background-position:0 -4944px}.bx-flag-24.td{background-position:0 -4968px}.bx-flag-24.tf{background-position:0 -4992px}.bx-flag-24.tg{background-position:0 -5016px}.bx-flag-24.th{background-position:0 -5040px}.bx-flag-24.tj{background-position:0 -5064px}.bx-flag-24.tk{background-position:0 -5088px}.bx-flag-24.tl{background-position:0 -5112px}.bx-flag-24.tm{background-position:0 -5136px}.bx-flag-24.tn{background-position:0 -5160px}.bx-flag-24.to{background-position:0 -5184px}.bx-flag-24.tr{background-position:0 -5208px}.bx-flag-24.tt{background-position:0 -5232px}.bx-flag-24.tv{background-position:0 -5256px}.bx-flag-24.tw{background-position:0 -5280px}.bx-flag-24.tz{background-position:0 -5304px}.bx-flag-24.ua{background-position:0 -5328px}.bx-flag-24.ug{background-position:0 -5352px}.bx-flag-24.us{background-position:0 -5376px}.bx-flag-24.uy{background-position:0 -5400px}.bx-flag-24.uz{background-position:0 -5424px}.bx-flag-24.va{background-position:0 -5448px}.bx-flag-24.vc{background-position:0 -5472px}.bx-flag-24.ve{background-position:0 -5496px}.bx-flag-24.vg{background-position:0 -5520px}.bx-flag-24.vi{background-position:0 -5544px}.bx-flag-24.vn{background-position:0 -5568px}.bx-flag-24.vu{background-position:0 -5592px}.bx-flag-24.wf{background-position:0 -5616px}.bx-flag-24.ws{background-position:0 -5640px}.bx-flag-24.ye{background-position:0 -5664px}.bx-flag-24.yt{background-position:0 -5688px}.bx-flag-24.za{background-position:0 -5712px}.bx-flag-24.zm{background-position:0 -5736px}.bx-flag-24.zw{background-position:0 -5760px}.bx-flag-24._abkhazia{background-position:0 -5784px}.bx-flag-24._basque-country{background-position:0 -5808px}.bx-flag-24._british-antarctic-territory{background-position:0 -5832px}.bx-flag-24._commonwealth{background-position:0 -5856px}.bx-flag-24._england{background-position:0 -5880px}.bx-flag-24._gosquared{background-position:0 -5904px}.bx-flag-24._kosovo{background-position:0 -5928px}.bx-flag-24._mars{background-position:0 -5952px}.bx-flag-24._nagorno-karabakh{background-position:0 -5976px}.bx-flag-24._nato{background-position:0 -6000px}.bx-flag-24._northern-cyprus{background-position:0 -6024px}.bx-flag-24._olympics{background-position:0 -6048px}.bx-flag-24._red-cross{background-position:0 -6072px}.bx-flag-24._scotland{background-position:0 -6096px}.bx-flag-24._somaliland{background-position:0 -6120px}.bx-flag-24._south-ossetia{background-position:0 -6144px}.bx-flag-24._united-nations{background-position:0 -6168px}.bx-flag-24._unknown{background-position:0 -6192px}.bx-flag-24._wales{background-position:0 -6216px}.bx-flag-32.ad{background-position:0 0}.bx-flag-32.ae{background-position:0 -32px}.bx-flag-32.af{background-position:0 -64px}.bx-flag-32.ag{background-position:0 -96px}.bx-flag-32.ai{background-position:0 -128px}.bx-flag-32.al{background-position:0 -160px}.bx-flag-32.am{background-position:0 -192px}.bx-flag-32.an{background-position:0 -224px}.bx-flag-32.ao{background-position:0 -256px}.bx-flag-32.aq{background-position:0 -288px}.bx-flag-32.ar{background-position:0 -320px}.bx-flag-32.as{background-position:0 -352px}.bx-flag-32.at{background-position:0 -384px}.bx-flag-32.au{background-position:0 -416px}.bx-flag-32.aw{background-position:0 -448px}.bx-flag-32.ax{background-position:0 -480px}.bx-flag-32.az{background-position:0 -512px}.bx-flag-32.ba{background-position:0 -544px}.bx-flag-32.bb{background-position:0 -576px}.bx-flag-32.bd{background-position:0 -608px}.bx-flag-32.be{background-position:0 -640px}.bx-flag-32.bf{background-position:0 -672px}.bx-flag-32.bg{background-position:0 -704px}.bx-flag-32.bh{background-position:0 -736px}.bx-flag-32.bi{background-position:0 -768px}.bx-flag-32.bj{background-position:0 -800px}.bx-flag-32.bl{background-position:0 -832px}.bx-flag-32.bm{background-position:0 -864px}.bx-flag-32.bn{background-position:0 -896px}.bx-flag-32.bo{background-position:0 -928px}.bx-flag-32.br{background-position:0 -960px}.bx-flag-32.bs{background-position:0 -992px}.bx-flag-32.bt{background-position:0 -1024px}.bx-flag-32.bw{background-position:0 -1056px}.bx-flag-32.by{background-position:0 -1088px}.bx-flag-32.bz{background-position:0 -1120px}.bx-flag-32.ca{background-position:0 -1152px}.bx-flag-32.cc{background-position:0 -1184px}.bx-flag-32.cd{background-position:0 -1216px}.bx-flag-32.cf{background-position:0 -1248px}.bx-flag-32.cg{background-position:0 -1280px}.bx-flag-32.ch{background-position:0 -1312px}.bx-flag-32.ci{background-position:0 -1344px}.bx-flag-32.ck{background-position:0 -1376px}.bx-flag-32.cl{background-position:0 -1408px}.bx-flag-32.cm{background-position:0 -1440px}.bx-flag-32.cn{background-position:0 -1472px}.bx-flag-32.co{background-position:0 -1504px}.bx-flag-32.cr{background-position:0 -1536px}.bx-flag-32.cu{background-position:0 -1568px}.bx-flag-32.cv{background-position:0 -1600px}.bx-flag-32.cw{background-position:0 -1632px}.bx-flag-32.cx{background-position:0 -1664px}.bx-flag-32.cy{background-position:0 -1696px}.bx-flag-32.cz{background-position:0 -1728px}.bx-flag-32.de{background-position:0 -1760px}.bx-flag-32.dj{background-position:0 -1792px}.bx-flag-32.dk{background-position:0 -1824px}.bx-flag-32.dm{background-position:0 -1856px}.bx-flag-32.do{background-position:0 -1888px}.bx-flag-32.dz{background-position:0 -1920px}.bx-flag-32.ec{background-position:0 -1952px}.bx-flag-32.ee{background-position:0 -1984px}.bx-flag-32.eg{background-position:0 -2016px}.bx-flag-32.eh{background-position:0 -2048px}.bx-flag-32.er{background-position:0 -2080px}.bx-flag-32.es{background-position:0 -2112px}.bx-flag-32.et{background-position:0 -2144px}.bx-flag-32.eu{background-position:0 -2176px}.bx-flag-32.fi{background-position:0 -2208px}.bx-flag-32.fj{background-position:0 -2240px}.bx-flag-32.fk{background-position:0 -2272px}.bx-flag-32.fm{background-position:0 -2304px}.bx-flag-32.fo{background-position:0 -2336px}.bx-flag-32.pm,.bx-flag-32.gf,.bx-flag-32.gp,.bx-flag-32.re,.bx-flag-32.fr{background-position:0 -2368px}.bx-flag-32.ga{background-position:0 -2400px}.bx-flag-32.gb{background-position:0 -2432px}.bx-flag-32.gd{background-position:0 -2464px}.bx-flag-32.ge{background-position:0 -2496px}.bx-flag-32.gg{background-position:0 -2528px}.bx-flag-32.gh{background-position:0 -2560px}.bx-flag-32.gi{background-position:0 -2592px}.bx-flag-32.gl{background-position:0 -2624px}.bx-flag-32.gm{background-position:0 -2656px}.bx-flag-32.gn{background-position:0 -2688px}.bx-flag-32.gq{background-position:0 -2720px}.bx-flag-32.gr{background-position:0 -2752px}.bx-flag-32.gs{background-position:0 -2784px}.bx-flag-32.gt{background-position:0 -2816px}.bx-flag-32.gu{background-position:0 -2848px}.bx-flag-32.gw{background-position:0 -2880px}.bx-flag-32.gy{background-position:0 -2912px}.bx-flag-32.hk{background-position:0 -2944px}.bx-flag-32.hn{background-position:0 -2976px}.bx-flag-32.hr{background-position:0 -3008px}.bx-flag-32.ht{background-position:0 -3040px}.bx-flag-32.hu{background-position:0 -3072px}.bx-flag-32.ic{background-position:0 -3104px}.bx-flag-32.id{background-position:0 -3136px}.bx-flag-32.ie{background-position:0 -3168px}.bx-flag-32.il{background-position:0 -3200px}.bx-flag-32.im{background-position:0 -3232px}.bx-flag-32.in{background-position:0 -3264px}.bx-flag-32.iq{background-position:0 -3296px}.bx-flag-32.ir{background-position:0 -3328px}.bx-flag-32.is{background-position:0 -3360px}.bx-flag-32.it{background-position:0 -3392px}.bx-flag-32.je{background-position:0 -3424px}.bx-flag-32.jm{background-position:0 -3456px}.bx-flag-32.jo{background-position:0 -3488px}.bx-flag-32.jp{background-position:0 -3520px}.bx-flag-32.ke{background-position:0 -3552px}.bx-flag-32.kg{background-position:0 -3584px}.bx-flag-32.kh{background-position:0 -3616px}.bx-flag-32.ki{background-position:0 -3648px}.bx-flag-32.km{background-position:0 -3680px}.bx-flag-32.kn{background-position:0 -3712px}.bx-flag-32.kp{background-position:0 -3744px}.bx-flag-32.kr{background-position:0 -3776px}.bx-flag-32.kw{background-position:0 -3808px}.bx-flag-32.ky{background-position:0 -3840px}.bx-flag-32.kz{background-position:0 -3872px}.bx-flag-32.la{background-position:0 -3904px}.bx-flag-32.lb{background-position:0 -3936px}.bx-flag-32.lc{background-position:0 -3968px}.bx-flag-32.li{background-position:0 -4000px}.bx-flag-32.lk{background-position:0 -4032px}.bx-flag-32.lr{background-position:0 -4064px}.bx-flag-32.ls{background-position:0 -4096px}.bx-flag-32.lt{background-position:0 -4128px}.bx-flag-32.lu{background-position:0 -4160px}.bx-flag-32.lv{background-position:0 -4192px}.bx-flag-32.ly{background-position:0 -4224px}.bx-flag-32.ma{background-position:0 -4256px}.bx-flag-32.mc{background-position:0 -4288px}.bx-flag-32.md{background-position:0 -4320px}.bx-flag-32.me{background-position:0 -4352px}.bx-flag-32.mf{background-position:0 -4384px}.bx-flag-32.mg{background-position:0 -4416px}.bx-flag-32.mh{background-position:0 -4448px}.bx-flag-32.mk{background-position:0 -4480px}.bx-flag-32.ml{background-position:0 -4512px}.bx-flag-32.mm{background-position:0 -4544px}.bx-flag-32.mn{background-position:0 -4576px}.bx-flag-32.mo{background-position:0 -4608px}.bx-flag-32.mp{background-position:0 -4640px}.bx-flag-32.mq{background-position:0 -4672px}.bx-flag-32.mr{background-position:0 -4704px}.bx-flag-32.ms{background-position:0 -4736px}.bx-flag-32.mt{background-position:0 -4768px}.bx-flag-32.mu{background-position:0 -4800px}.bx-flag-32.mv{background-position:0 -4832px}.bx-flag-32.mw{background-position:0 -4864px}.bx-flag-32.mx{background-position:0 -4896px}.bx-flag-32.my{background-position:0 -4928px}.bx-flag-32.mz{background-position:0 -4960px}.bx-flag-32.na{background-position:0 -4992px}.bx-flag-32.nc{background-position:0 -5024px}.bx-flag-32.ne{background-position:0 -5056px}.bx-flag-32.nf{background-position:0 -5088px}.bx-flag-32.ng{background-position:0 -5120px}.bx-flag-32.ni{background-position:0 -5152px}.bx-flag-32.nl{background-position:0 -5184px}.bx-flag-32.sj,.bx-flag-32.no{background-position:0 -5216px}.bx-flag-32.np{background-position:0 -5248px}.bx-flag-32.nr{background-position:0 -5280px}.bx-flag-32.nu{background-position:0 -5312px}.bx-flag-32.nz{background-position:0 -5344px}.bx-flag-32.om{background-position:0 -5376px}.bx-flag-32.pa{background-position:0 -5408px}.bx-flag-32.pe{background-position:0 -5440px}.bx-flag-32.pf{background-position:0 -5472px}.bx-flag-32.pg{background-position:0 -5504px}.bx-flag-32.ph{background-position:0 -5536px}.bx-flag-32.pk{background-position:0 -5568px}.bx-flag-32.pl{background-position:0 -5600px}.bx-flag-32.pn{background-position:0 -5632px}.bx-flag-32.pr{background-position:0 -5664px}.bx-flag-32.ps{background-position:0 -5696px}.bx-flag-32.pt{background-position:0 -5728px}.bx-flag-32.pw{background-position:0 -5760px}.bx-flag-32.py{background-position:0 -5792px}.bx-flag-32.qa{background-position:0 -5824px}.bx-flag-32.ro{background-position:0 -5856px}.bx-flag-32.rs{background-position:0 -5888px}.bx-flag-32.ru{background-position:0 -5920px}.bx-flag-32.rw{background-position:0 -5952px}.bx-flag-32.sa{background-position:0 -5984px}.bx-flag-32.sb{background-position:0 -6016px}.bx-flag-32.sc{background-position:0 -6048px}.bx-flag-32.sd{background-position:0 -6080px}.bx-flag-32.se{background-position:0 -6112px}.bx-flag-32.sg{background-position:0 -6144px}.bx-flag-32.sh{background-position:0 -6176px}.bx-flag-32.si{background-position:0 -6208px}.bx-flag-32.sk{background-position:0 -6240px}.bx-flag-32.sl{background-position:0 -6272px}.bx-flag-32.sm{background-position:0 -6304px}.bx-flag-32.sn{background-position:0 -6336px}.bx-flag-32.so{background-position:0 -6368px}.bx-flag-32.sr{background-position:0 -6400px}.bx-flag-32.ss{background-position:0 -6432px}.bx-flag-32.st{background-position:0 -6464px}.bx-flag-32.sv{background-position:0 -6496px}.bx-flag-32.sy{background-position:0 -6528px}.bx-flag-32.sz{background-position:0 -6560px}.bx-flag-32.tc{background-position:0 -6592px}.bx-flag-32.td{background-position:0 -6624px}.bx-flag-32.tf{background-position:0 -6656px}.bx-flag-32.tg{background-position:0 -6688px}.bx-flag-32.th{background-position:0 -6720px}.bx-flag-32.tj{background-position:0 -6752px}.bx-flag-32.tk{background-position:0 -6784px}.bx-flag-32.tl{background-position:0 -6816px}.bx-flag-32.tm{background-position:0 -6848px}.bx-flag-32.tn{background-position:0 -6880px}.bx-flag-32.to{background-position:0 -6912px}.bx-flag-32.tr{background-position:0 -6944px}.bx-flag-32.tt{background-position:0 -6976px}.bx-flag-32.tv{background-position:0 -7008px}.bx-flag-32.tw{background-position:0 -7040px}.bx-flag-32.tz{background-position:0 -7072px}.bx-flag-32.ua{background-position:0 -7104px}.bx-flag-32.ug{background-position:0 -7136px}.bx-flag-32.us{background-position:0 -7168px}.bx-flag-32.uy{background-position:0 -7200px}.bx-flag-32.uz{background-position:0 -7232px}.bx-flag-32.va{background-position:0 -7264px}.bx-flag-32.vc{background-position:0 -7296px}.bx-flag-32.ve{background-position:0 -7328px}.bx-flag-32.vg{background-position:0 -7360px}.bx-flag-32.vi{background-position:0 -7392px}.bx-flag-32.vn{background-position:0 -7424px}.bx-flag-32.vu{background-position:0 -7456px}.bx-flag-32.wf{background-position:0 -7488px}.bx-flag-32.ws{background-position:0 -7520px}.bx-flag-32.ye{background-position:0 -7552px}.bx-flag-32.yt{background-position:0 -7584px}.bx-flag-32.za{background-position:0 -7616px}.bx-flag-32.zm{background-position:0 -7648px}.bx-flag-32.zw{background-position:0 -7680px}.bx-flag-32._abkhazia{background-position:0 -7712px}.bx-flag-32._basque-country{background-position:0 -7744px}.bx-flag-32._british-antarctic-territory{background-position:0 -7776px}.bx-flag-32._commonwealth{background-position:0 -7808px}.bx-flag-32._england{background-position:0 -7840px}.bx-flag-32._gosquared{background-position:0 -7872px}.bx-flag-32._kosovo{background-position:0 -7904px}.bx-flag-32._mars{background-position:0 -7936px}.bx-flag-32._nagorno-karabakh{background-position:0 -7968px}.bx-flag-32._nato{background-position:0 -8000px}.bx-flag-32._northern-cyprus{background-position:0 -8032px}.bx-flag-32._olympics{background-position:0 -8064px}.bx-flag-32._red-cross{background-position:0 -8096px}.bx-flag-32._scotland{background-position:0 -8128px}.bx-flag-32._somaliland{background-position:0 -8160px}.bx-flag-32._south-ossetia{background-position:0 -8192px}.bx-flag-32._united-nations{background-position:0 -8224px}.bx-flag-32._unknown{background-position:0 -8256px}.bx-flag-32._wales{background-position:0 -8288px}

/* /bitrix/js/citrus.core/citrus/map/jquery.citrusObjectsMap.css */
@media all{.citrus-objects-map{position:relative;background-color:#fff}.citrus-objects-map:after{background-image:url('/bitrix/js/citrus.core/citrus/map/loading.gif');top:0;left:0;width:100%;height:100%;content:'';position:absolute;opacity:.1;z-index:0}.citrus-objects-map>ymaps{z-index:1}.citrus-objects-map-popup{display:block;width:205px;overflow:hidden;text-decoration:none;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.citrus-objects-map-popup__image{width:100%}.citrus-objects-map-popup__price{display:block;padding:8px;color:#fff;font-size:24px;line-height:24px;text-align:center}.citrus-objects-map-popup__price span{display:inline-block;vertical-align:middle;line-height:1}.citrus-objects-map-popup__price small{font-size:18px;font-weight:400}.citrus-objects-map-popup__title{display:block;color:#333;font-size:16px;line-height:20px;margin:8px 0;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.citrus-objects-map-popup__desc{display:block;color:#999;font-size:13px;line-height:16px;margin:7px 0;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.citrus-objects-map .ymaps-touch-scroll{z-index:0}}@media all{.mfp-wrap.full-screen-map .mfp-container{padding:0}.mfp-wrap.full-screen-map .mfp-content{position:absolute;top:40px;bottom:40px;left:40px;right:40px;width:auto;height:auto}.mfp-wrap.full-screen-map .mfp-close{transform:translate(30px,-40px);opacity:1;color:white}}

/* /bitrix/templates/citrus_aproduction3/components/bitrix/news/news/style.css */
.action-label{position:absolute;top:0;left:0;height:44px;display:flex;align-items:center;justify-content:center;padding:0 20px;font-size:13px;text-transform:uppercase;font-weight:600;color:#fff;background-color:var(--primary-color)}.b-news__back-link{margin-top:1.5rem}

/* /bitrix/templates/citrus_aproduction3/components/bitrix/news/news/bitrix/news.list/.default/style.css */
@media all{.standard-news-list{margin:30px 0}.standard-news__item{display:flex;color:#333333;background-color:#fff;text-decoration:none;padding:17px;align-items:stretch;position:relative}.standard-news__item:hover{color:#333}.standard-news__item + .standard-news__item{margin-top:30px}.standard-news__item-image{flex-shrink:0;text-align:center}.standard-news__item-image img{display:block;max-width:100%;margin:0 auto}.standard-news__item-image._desktop img{margin:auto}.standard-news__item-content{margin:8px 10px 8px 24px}.standard-news__item-title{font-size:16px;font-weight:bold;display:block;margin-bottom:1.5rem;line-height:1.3}a.standard-news__item:hover .standard-news__item-title{color:var(--hover-color)}.standard-news__item-text{font-size:14px;line-height:1.4;display:inline-block}.standard-news__item-date{display:block;color:#888;font-size:13px;margin-top:20px}.standard-news__item-image._mobile{display:none;margin:10px 0 15px}}@media (max-width:1200px){.standard-news__item-image{max-width:50%}}@media (max-width:1023px){.standard-news__item{flex-direction:column}.standard-news__item-image{max-width:100%;max-height:300px}.standard-news__item-image._desktop{display:none}.standard-news__item-image._mobile{display:block}.standard-news__item-image{margin-right:8px}.standard-news__item-content{margin-left:8px}.standard-news__item-text{font-size:13px}}@media (max-width:767px){}@media (max-width:479px){.standard-news__item{padding:4px}.standard-news__item-title{font-size:16px}}

/* /bitrix/components/citrus.forms/base/templates/simple/style.css */
@media all{button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}input::-ms-clear,textarea::-ms-clear{display:none}.citrus-form input,.citrus-form select,.citrus-form textarea{-moz-box-shadow:none;-webkit-box-shadow:none;background:0;border-radius:0;border:0;box-shadow:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;padding:0}.cui-ajax-load-form{width:400px;max-width:100%}.citrus-form-title{border-bottom:1px solid #dcd5c5;font-size:18px;font-weight:600;line-height:1.2;margin-bottom:15px;padding-bottom:15px;text-transform:uppercase;text-align:center}.citrus-form-description{margin:15px 0;display:flex;align-items:center}.citrus-form-description__icon{font-size:2.3em;color:#c5b99f;padding-right:.5em}.citrus-form-description__text{}.citrus-form-description__icon{color:#fff}.citrus-form-description__text{font-style:italic;color:#837760}.citrus-form__fields{margin-top:0;margin-bottom:-22px;padding-top:10px}.form-group{position:relative;margin-bottom:1.5em;margin-top:1.5em}.form-group.first-group-field{margin-top:0}.form-group.required-message-block{margin:1rem 0}.form-group.required-message-block span{font-size:13px;color:#999}.form-group.required-message-block span.starrequired{color:#ce2b28}.field-inline{margin-bottom:-1.5rem;margin-top:-1.5rem}.field-group .field-inline:first-child{margin-top:0}.field-group .field-inline:last-child{margin-bottom:0}.field-inline:before,.field-inline:after{display:table;content:" "}.field-inline:after{clear:both}.form-group .field-title{color:#666666;position:absolute;top:1.266666666666667em;left:1.333333333333333em;font-size:1em;cursor:text;transition:.2s ease-out;display:block;z-index:1;pointer-events:none;width:calc(100% - .75em);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-group .field-title._active{left:0;font-size:0.8em;-webkit-transform:translateY(-2.66em);transform:translateY(-2.66em)}.citrus-form input:not([type]),.citrus-form input[type=text],.citrus-form input[type=password],.citrus-form input[type=email],.citrus-form input[type=url],.citrus-form input[type=time],.citrus-form input[type=date],.citrus-form input[type=datetime],.citrus-form input[type=datetime-local],.citrus-form input[type=tel],.citrus-form input[type=number],.citrus-form input[type=search],.citrus-form textarea,.citrus-form select{height:4em;font-size:1em}.citrus-form .form-control{display:block;width:100%;padding:1em 1.333333333333333em;line-height:1.42857143;color:#555555;background-color:#fafafa;background-image:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;border:1px solid #c5c5c5;border-radius:4px;-webkit-transition:ease-in-out .15s;-o-transition:ease-in-out .15s;transition:ease-in-out .15s}.citrus-form .form-control:focus{background-color:#f7f7f7;outline:0}.input-group{position:relative;display:table;border-collapse:separate}.citrus-form__footer{margin-top:-5px}.citrus-form__footer:before{content:'';display:table}}@media all{.form-group.form-group-btn{margin-top:56px;margin-bottom:10px}.button-position-right{text-align:right}.button-position-center{text-align:center}.button-position-justify{text-align:center;width:100%}.button-position-justify .btn{display:block;width:100%}.form-group-btn._with-agreement .btn{margin:0 10px;flex-shrink:0;width:auto}.form-group.agree-block{margin-top:38px}.agree-block__text{color:#999999;font-size:13px;line-height:1.1;text-align:center;font-style:italic}.form-group-btn._with-agreement .input-container{display:flex;align-items:center;margin-left:-10px;margin-right:-10px}.form-group-btn._with-agreement .agree-block__text{text-align:left;margin:0 10px 5px;line-height:18px}}@media (max-width:479px){.form-group-btn._with-agreement .input-container{flex-wrap:wrap}.form-group-btn._with-agreement .agree-block__text{margin-top:10px;width:100%}}@media (max-width:767px){.form-group.form-group-btn{margin-top:35px}.form-group.agree-block{margin-top:25px}}@media all{.combined-fields{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:22px;margin-top:22px}.combined-fields:last-child{margin-bottom:0}.combined-fields__title{width:140px;flex-shrink:0;padding-right:8px}.combined-fields__title-main{font-size:14px;color:#003a53}.combined-fields__title-description{font-size:12px;color:#657880;line-height:1.2}.combined-fields .form-group.combined-fields-item{margin-top:0;margin-bottom:0;flex:1}.combined-fields-separate{font-size:14px;color:#657880;margin:0 14px}.combined-fields .help-block{flex-basis:100%}}@media (max-width:479px){.combined-fields{display:block}.combined-fields .form-group.combined-fields-item{width:100%}.combined-fields-separate + .form-group.combined-fields-item{margin-top:22px}.combined-fields-separate{display:none}.combined-fields__title{margin-bottom:5px}}@media all{.form-group-container>.field-group--title{margin-top:30px}}@media all{textarea.form-control{height:15em;resize:none}.form-group._height-2 textarea.form-control{height:7.5em}input[type="search"]{-webkit-appearance:none}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio + .radio,.checkbox + .checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}::-webkit-input-placeholder{color:#999;opacity:1}::-moz-placeholder{color:#999;opacity:1}::-ms-input-placeholder{color:#999;opacity:1}:focus::-webkit-input-placeholder{opacity:.8}:focus::-moz-placeholder{opacity:.8}:focus::-ms-input-placeholder{opacity:.8}}@media all{.bg-danger{background-color:#f2dede}.starrequired{color:#ce2b28}.citrus-form__message-block{margin-bottom:10px}.citrus-form__message-block .message-block{display:flex;align-items:center;padding:0.5em 20px;font-weight:700;font-style:italic;overflow:hidden;background-color:#f3f1ec}.citrus-form__message-block .message-block._error{color:#ff0f26}.citrus-form__message-block .message-block._success{color:#55b733}.citrus-form__message-block .message-block span{padding-right:.5em}.citrus-form__message-block .message-block .message-block-icon{font-style:normal;font-size:2.5em;width:1em;height:1em;margin-right:.5em;flex-shrink:0;background-position:center center;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat}.citrus-form__message-block .message-block._error .message-block-icon{background-image:url('/bitrix/components/citrus.forms/base/templates/simple/img/error.svg')}.citrus-form__message-block .message-block._success .message-block-icon{background-image:url('/bitrix/components/citrus.forms/base/templates/simple/img/success.svg')}.citrus-form__message-block p,.citrus-form__message-block p:last-child{margin:1em 0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eeeeee;opacity:1}.input-container{position:relative}.input-container:not(.has-error) .help-block.error,.input-container:not(.has-group-error) .help-block.group-error{opacity:0;height:0;margin:0;padding:0}.input-container.has-error .help-block.error,.input-container.has-group-error .help-block.group-error{opacity:1;margin-bottom:0;font-size:.85rem;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.has-error .help-block,.has-group-error .help-block{padding:3px 10px 6px;margin-top:2px;color:#fff;background:#ff0f26}.has-error .help-block span{text-transform:uppercase}.has-success.checkbox label,.has-success.radio label{color:#3c763d}.input-container.has-error .form-control{border-color:#ff0f26}.has-error .bootstrap-select .dropdown-toggle{border-color:#ce2b28}.has-success .bootstrap-select .dropdown-toggle{border-color:#3c763d}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type='number']{-moz-appearance:textfield}.input-container.has-icon{position:relative}.input-container.has-icon.has-success .form-control,.input-container.has-icon.has-error .form-control{padding-right:32px}.input-container.has-icon:after{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:0;right:0;font-style:normal;font-weight:400;z-index:1;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-container.has-icon.has-success:after{content:"\f00c";color:#3c763d}.input-container.has-icon.has-error:after{content:"\f00d";color:#a94442}.form-control::-moz-placeholder{color:#999999;opacity:1}.form-control:-ms-input-placeholder{color:#999999}.form-control::-webkit-input-placeholder{color:#999999}.form-control::-ms-expand{border:0;background-color:transparent}}@media all{.citrus-form .bootstrap-select.form-control{padding:0;border:none}.dropdown-menu{font-size:1em}.bootstrap-select.btn-group .dropdown-menu{min-width:100%}.dropdown-menu>li>a{white-space:normal;text-decoration:none}.bootstrap-select .dropdown-toggle{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid #c5c5c5;border-radius:4px;white-space:nowrap;padding:6px 1.333333333333333em;line-height:3.066666666666667;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fafafa;position:relative;height:4em;font-size:1em;color:#555555}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select.btn-group .dropdown-menu li a:focus{outline:none !important}.bootstrap-select button[type="button"]:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.bootstrap-select.btn-group .dropdown-menu li a.default_value{color:#999}.bootstrap-select.btn-group .dropdown-menu li a.default_value .starrequired{color:currentColor}.bootstrap-select.btn-group .dropdown-toggle .filter-option{text-overflow:ellipsis}.citrus-form .bootstrap-select.btn-group .no-results{margin:0 8px}}@media all{[data-field-template="date"],[data-field-template="time"],[data-field-template="datetime"]{position:relative}[data-field-template="date"] .calendar-icon,[data-field-template="time"] .calendar-icon,[data-field-template="datetime"] .calendar-icon{position:absolute;right:0;top:0;margin:auto;height:3em;line-height:3em;width:2.5em;text-align:center;pointer-events:none;color:#fff;background-color:#9ea7aa}[data-field-template="date"] .calendar-icon:before,[data-field-template="time"] .calendar-icon:before,[data-field-template="datetime"] .calendar-icon:before{font-size:1.4em}.bootstrap-datetimepicker-widget.dropdown-menu{font-size:14px}.bootstrap-datetimepicker-widget a.btn[data-action]{display:inline;padding:6px 0;height:auto;font-size:inherit;width:auto}}@media all{.cui-checkbox-group{line-height:3em;margin-left:-2em}.cui-checkbox__label{margin-left:2em;cursor:pointer;display:flex;align-items:center}.cui-checkbox__input{position:absolute;opacity:0}.cui-checkbox__checkmark{font-size:16px;background-color:#fff;cursor:pointer;height:1.25em;position:relative;width:1.25em;color:#b4a992;border-radius:.125em;flex-shrink:0}.cui-checkbox__checkmark:after,.cui-checkbox__checkmark:before{box-sizing:border-box;content:"";display:block;position:absolute}.cui-checkbox__checkmark:before{border-radius:.125em;border:.093em solid currentColor;height:100%;left:0;top:0;transition:all .3s ease;width:100%}.cui-checkbox__checkmark:after{bottom:.3125em;height:.8125em;left:.4375em;opacity:0;transform:rotate(45deg);transition-delay:.1s;transition:opacity .3s ease;width:.375em}.cui-checkbox__label-text{cursor:pointer;margin-left:.6rem;display:inline-block;vertical-align:middle;line-height:1em}.cui-checkbox-group:not(.checkbox-count-1) .cui-checkbox__label-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cui-checkbox__input:checked + .cui-checkbox__checkmark:before,.cui-checkbox__checkmark._checked:before{background-color:currentColor}.cui-checkbox__input:checked + .cui-checkbox__checkmark:after,.cui-checkbox__checkmark._checked:after{border-bottom:.125em solid #fff;border-right:.125em solid #fff;opacity:1}.cui-checkbox__input:disabled + .cui-checkbox__checkmark:before{border-color:rgba(0,0,0,.26)}.cui-checkbox__input:disabled + .cui-checkbox__checkmark + .cui-checkbox__label-text{color:rgba(0,0,0,.38);cursor:default}}@media all{.cui-radio-group{line-height:3em;margin-left:-2em}.cui-radio__label{display:inline-block;margin-left:2em;white-space:nowrap;cursor:pointer}.cui-radio__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;left:0;margin:0;opacity:0;outline:none;padding:0;position:absolute;top:0;width:1px}.cui-radio__checkmark{font-size:16px;height:1.25em;position:relative;width:1.25em;display:inline-block;vertical-align:middle}.cui-radio__checkmark:before,.cui-radio__checkmark:after{content:"";height:1.25em;left:0;position:absolute;top:0;width:1.25em}.cui-radio__checkmark:before{background-color:transparent;border-radius:50%;border:.125em solid rgba(0,0,0,.38);transition:border-color .2s}.cui-radio__checkmark:after{background-color:rgba(0,0,0,.38);border-radius:50%;opacity:0;transform:scale(1.2);transition-duration:.3s;transition-property:transform,opacity,background-color;z-index:-1}.cui-radio__label-text{cursor:pointer;margin-left:.4em;white-space:nowrap;display:inline-block;vertical-align:middle}.cui-radio__input:checked +.cui-radio__checkmark:before{border-color:#2b9719}.cui-radio__input:checked +.cui-radio__checkmark:after{background-color:#2b9719;opacity:1;transform:scale(.5);z-index:0}}@media all{.br-theme-fontawesome-stars .br-widget{display:flex;align-items:center}}@media all{.citrus-form.citrus-form__style-gray{background-color:#f5f5f5;border-radius:6px;margin-bottom:2px;padding:20px}.citrus-form.citrus-form__style-gray .form-group .field-title._active{color:#333}.citrus-form.citrus-form__style-gray .form-control,.citrus-form.citrus-form__style-gray .form-control:focus{background-color:#fff}.citrus-form.citrus-form__style-gray .bootstrap-select .dropdown-toggle{background-color:#fff}}@media all{.citrus-form.citrus-form__style-bordered{border:1px solid #b3cad3;padding:20px 90px 40px;background-color:#fff}}@media (max-width:1023px){.citrus-form.citrus-form__style-bordered{padding:20px 30px 20px}}@media (max-width:479px){.citrus-form.citrus-form__style-bordered{padding:12px 20px 20px}}@media all{.citrus-form-mod--modal .form-group.form-group-btn{margin-top:30px}.citrus-form-mod--modal .form-group.agree-block{margin-top:30px}}@media all{.citrus-form-mod--compact .form-group.form-group-btn{margin-top:22px}.citrus-form-mod--compact .citrus-form input:not([type]),.citrus-form-mod--compact .citrus-form input[type=text],.citrus-form-mod--compact .citrus-form input[type=password],.citrus-form-mod--compact .citrus-form input[type=email],.citrus-form-mod--compact .citrus-form input[type=url],.citrus-form-mod--compact .citrus-form input[type=time],.citrus-form-mod--compact .citrus-form input[type=date],.citrus-form input[type=datetime],.citrus-form-mod--compact .citrus-form input[type=datetime-local],.citrus-form-mod--compact .citrus-form input[type=tel],.citrus-form-mod--compact .citrus-form input[type=number],.citrus-form-mod--compact .citrus-form input[type=search],.citrus-form-mod--compact .citrus-form select{height:3.3333333em}.citrus-form-mod--compact .citrus-form textarea{height:13em}.citrus-form-mod--compact .form-group .field-title{top:0.93em}.citrus-form-mod--compact .form-group.agree-block{margin-top:20px;text-align:left}.citrus-form-mod--compact .bootstrap-select .dropdown-toggle{height:3.3333333em}.citrus-form-mod--compact .bootstrap-select.btn-group .dropdown-toggle .filter-option{line-height:2.33333333}}@media all{.citrus-form-mod--inline{width:800px;max-width:100%;margin:20px auto}.citrus-form-mod--inline .citrus-form input:not([type]),.citrus-form-mod--inline .citrus-form input[type=text],.citrus-form-mod--inline .citrus-form input[type=password],.citrus-form-mod--inline .citrus-form input[type=email],.citrus-form-mod--inline .citrus-form input[type=url],.citrus-form-mod--inline .citrus-form input[type=time],.citrus-form-mod--inline .citrus-form input[type=date],.citrus-form input[type=datetime],.citrus-form-mod--inline .citrus-form input[type=datetime-local],.citrus-form-mod--inline .citrus-form input[type=tel],.citrus-form-mod--inline .citrus-form input[type=number],.citrus-form-mod--inline .citrus-form input[type=search],.citrus-form-mod--inline .citrus-form textarea,.citrus-form-mod--inline .citrus-form select{height:50px}.citrus-form-mod--inline .citrus-form{display:flex;align-items:flex-start;flex-wrap:wrap}.citrus-form-mod--inline .citrus-form__message-block{width:100%}.citrus-form-mod--inline .citrus-form__fields{margin:0;padding:0;flex:1}.citrus-form-mod--inline .form-group.form-group-btn{margin:0;width:420px;max-width:100%;height:50px}.citrus-form-mod--inline .citrus-form .btn{height:50px}.citrus-form-mod--inline .form-group-btn._with-agreement .agree-block__text{line-height:1.3;margin-bottom:0;margin-top:-3px}.citrus-form-mod--inline .form-group .field-title{top:14px}.citrus-form-mod--inline .form-group{margin:0}.citrus-form-mod--inline .form-group.first-group-field{margin:0}.citrus-form-mod--inline .citrus-form__footer{margin:0 0 0 30px}}@media (max-width:767px){.citrus-form-mod--inline{width:410px}.citrus-form-mod--inline .citrus-form__fields{width:100%}.citrus-form-mod--inline .citrus-form{flex-direction:column}.citrus-form-mod--inline .citrus-form__footer{margin:10px 0 0 0}}@media (max-width:479px){.citrus-form-mod--inline .citrus-form__footer{width:100%}.citrus-form-mod--inline .form-group.form-group-btn{height:auto}.citrus-form-mod--inline .form-group .field-title{top:15px}.citrus-form-mod--inline .form-group-btn._with-agreement .agree-block__text{margin-top:10px}}

/* /bitrix//components/citrus.forms/base/field/text/phone//style.css */
:root{--citrus-forms-phone-icon-size:32px}.citrus-form-phone{position:relative}.citrus-form-phone__icon{display:inline-block;vertical-align:middle;position:absolute;z-index:1;left:.6em;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.citrus-form-phone__input{box-sizing:border-box;padding-left:calc(1em + var(--citrus-forms-phone-icon-size)) !important;margin-left:calc(0 - var(--citrus-forms-phone-icon-size))}.form-group--template-phone .field-title:not(._active){padding-left:var(--citrus-forms-phone-icon-size)}

/* /bitrix/templates/citrus_aproduction3/app/assets/dist/css/main.min.css */
@charset "UTF-8";

/* base - reset, normalize, tailwind, общие стили, типографика */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: 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"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e2e8f0; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #a0aec0;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0aec0;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #a0aec0;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

.container{
  width: 100%;
}

@media (min-width: 320px){
  .container{
    max-width: 320px;
  }
}

@media (min-width: 360px){
  .container{
    max-width: 360px;
  }
}

@media (min-width: 560px){
  .container{
    max-width: 560px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1920px){
  .container{
    max-width: 1920px;
  }
}

.space-y-0 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(0px * var(--space-y-reverse)) !important;
}

.space-x-0 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(0px * var(--space-x-reverse)) !important;
  margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-1 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important;
}

.space-x-1 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(0.25rem * var(--space-x-reverse)) !important;
  margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-2 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important;
}

.space-x-2 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(0.5rem * var(--space-x-reverse)) !important;
  margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-3 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important;
}

.space-x-3 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(0.75rem * var(--space-x-reverse)) !important;
  margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-4 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
}

.space-x-4 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(1rem * var(--space-x-reverse)) !important;
  margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-5 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important;
}

.space-x-5 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(1.25rem * var(--space-x-reverse)) !important;
  margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-6 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important;
}

.space-x-6 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(1.5rem * var(--space-x-reverse)) !important;
  margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-8 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(2rem * var(--space-y-reverse)) !important;
}

.space-x-8 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(2rem * var(--space-x-reverse)) !important;
  margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-10 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important;
}

.space-x-10 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(2.5rem * var(--space-x-reverse)) !important;
  margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-12 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(3rem * var(--space-y-reverse)) !important;
}

.space-x-12 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(3rem * var(--space-x-reverse)) !important;
  margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-16 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(4rem * var(--space-y-reverse)) !important;
}

.space-x-16 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(4rem * var(--space-x-reverse)) !important;
  margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-20 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(5rem * var(--space-y-reverse)) !important;
}

.space-x-20 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(5rem * var(--space-x-reverse)) !important;
  margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-24 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(6rem * var(--space-y-reverse)) !important;
}

.space-x-24 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(6rem * var(--space-x-reverse)) !important;
  margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-28 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(7rem * var(--space-y-reverse)) !important;
}

.space-x-28 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(7rem * var(--space-x-reverse)) !important;
  margin-left: calc(7rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-32 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(8rem * var(--space-y-reverse)) !important;
}

.space-x-32 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(8rem * var(--space-x-reverse)) !important;
  margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-40 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(10rem * var(--space-y-reverse)) !important;
}

.space-x-40 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(10rem * var(--space-x-reverse)) !important;
  margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-48 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(12rem * var(--space-y-reverse)) !important;
}

.space-x-48 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(12rem * var(--space-x-reverse)) !important;
  margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-56 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(14rem * var(--space-y-reverse)) !important;
}

.space-x-56 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(14rem * var(--space-x-reverse)) !important;
  margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-64 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(16rem * var(--space-y-reverse)) !important;
}

.space-x-64 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(16rem * var(--space-x-reverse)) !important;
  margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(1px * var(--space-y-reverse)) !important;
}

.space-x-px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(1px * var(--space-x-reverse)) !important;
  margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-2px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(2px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(2px * var(--space-y-reverse)) !important;
}

.space-x-2px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(2px * var(--space-x-reverse)) !important;
  margin-left: calc(2px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-3px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(3px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(3px * var(--space-y-reverse)) !important;
}

.space-x-3px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(3px * var(--space-x-reverse)) !important;
  margin-left: calc(3px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-5px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(5px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(5px * var(--space-y-reverse)) !important;
}

.space-x-5px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(5px * var(--space-x-reverse)) !important;
  margin-left: calc(5px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-10px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(10px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(10px * var(--space-y-reverse)) !important;
}

.space-x-10px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(10px * var(--space-x-reverse)) !important;
  margin-left: calc(10px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-15px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(15px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(15px * var(--space-y-reverse)) !important;
}

.space-x-15px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(15px * var(--space-x-reverse)) !important;
  margin-left: calc(15px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-20px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(20px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(20px * var(--space-y-reverse)) !important;
}

.space-x-20px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(20px * var(--space-x-reverse)) !important;
  margin-left: calc(20px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-25px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(25px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(25px * var(--space-y-reverse)) !important;
}

.space-x-25px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(25px * var(--space-x-reverse)) !important;
  margin-left: calc(25px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-30px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(30px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(30px * var(--space-y-reverse)) !important;
}

.space-x-30px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(30px * var(--space-x-reverse)) !important;
  margin-left: calc(30px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-36px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(36px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(36px * var(--space-y-reverse)) !important;
}

.space-x-36px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(36px * var(--space-x-reverse)) !important;
  margin-left: calc(36px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-50px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(50px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(50px * var(--space-y-reverse)) !important;
}

.space-x-50px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(50px * var(--space-x-reverse)) !important;
  margin-left: calc(50px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-60px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(60px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(60px * var(--space-y-reverse)) !important;
}

.space-x-60px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(60px * var(--space-x-reverse)) !important;
  margin-left: calc(60px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-120px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(120px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(120px * var(--space-y-reverse)) !important;
}

.space-x-120px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(120px * var(--space-x-reverse)) !important;
  margin-left: calc(120px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-1 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important;
}

.-space-x-1 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-0.25rem * var(--space-x-reverse)) !important;
  margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-2 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important;
}

.-space-x-2 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-0.5rem * var(--space-x-reverse)) !important;
  margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-3 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important;
}

.-space-x-3 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-0.75rem * var(--space-x-reverse)) !important;
  margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-4 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-1rem * var(--space-y-reverse)) !important;
}

.-space-x-4 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-1rem * var(--space-x-reverse)) !important;
  margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-5 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important;
}

.-space-x-5 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-1.25rem * var(--space-x-reverse)) !important;
  margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-6 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important;
}

.-space-x-6 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-1.5rem * var(--space-x-reverse)) !important;
  margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-8 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-2rem * var(--space-y-reverse)) !important;
}

.-space-x-8 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-2rem * var(--space-x-reverse)) !important;
  margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-10 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important;
}

.-space-x-10 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-2.5rem * var(--space-x-reverse)) !important;
  margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-12 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-3rem * var(--space-y-reverse)) !important;
}

.-space-x-12 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-3rem * var(--space-x-reverse)) !important;
  margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-16 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-4rem * var(--space-y-reverse)) !important;
}

.-space-x-16 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-4rem * var(--space-x-reverse)) !important;
  margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-20 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-5rem * var(--space-y-reverse)) !important;
}

.-space-x-20 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-5rem * var(--space-x-reverse)) !important;
  margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-24 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-6rem * var(--space-y-reverse)) !important;
}

.-space-x-24 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-6rem * var(--space-x-reverse)) !important;
  margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-28 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-7rem * var(--space-y-reverse)) !important;
}

.-space-x-28 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-7rem * var(--space-x-reverse)) !important;
  margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-32 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-8rem * var(--space-y-reverse)) !important;
}

.-space-x-32 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-8rem * var(--space-x-reverse)) !important;
  margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-40 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-10rem * var(--space-y-reverse)) !important;
}

.-space-x-40 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-10rem * var(--space-x-reverse)) !important;
  margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-48 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-12rem * var(--space-y-reverse)) !important;
}

.-space-x-48 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-12rem * var(--space-x-reverse)) !important;
  margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-56 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-14rem * var(--space-y-reverse)) !important;
}

.-space-x-56 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-14rem * var(--space-x-reverse)) !important;
  margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-64 > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-16rem * var(--space-y-reverse)) !important;
}

.-space-x-64 > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-16rem * var(--space-x-reverse)) !important;
  margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
}

.-space-x-px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-1px * var(--space-x-reverse)) !important;
  margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-2px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-2px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-2px * var(--space-y-reverse)) !important;
}

.-space-x-2px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-2px * var(--space-x-reverse)) !important;
  margin-left: calc(-2px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-3px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-3px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-3px * var(--space-y-reverse)) !important;
}

.-space-x-3px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-3px * var(--space-x-reverse)) !important;
  margin-left: calc(-3px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-5px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-5px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-5px * var(--space-y-reverse)) !important;
}

.-space-x-5px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-5px * var(--space-x-reverse)) !important;
  margin-left: calc(-5px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-10px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-10px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-10px * var(--space-y-reverse)) !important;
}

.-space-x-10px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-10px * var(--space-x-reverse)) !important;
  margin-left: calc(-10px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-15px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-15px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-15px * var(--space-y-reverse)) !important;
}

.-space-x-15px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-15px * var(--space-x-reverse)) !important;
  margin-left: calc(-15px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-20px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-20px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-20px * var(--space-y-reverse)) !important;
}

.-space-x-20px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-20px * var(--space-x-reverse)) !important;
  margin-left: calc(-20px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-25px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-25px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-25px * var(--space-y-reverse)) !important;
}

.-space-x-25px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-25px * var(--space-x-reverse)) !important;
  margin-left: calc(-25px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-30px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-30px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-30px * var(--space-y-reverse)) !important;
}

.-space-x-30px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-30px * var(--space-x-reverse)) !important;
  margin-left: calc(-30px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-36px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-36px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-36px * var(--space-y-reverse)) !important;
}

.-space-x-36px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-36px * var(--space-x-reverse)) !important;
  margin-left: calc(-36px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-50px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-50px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-50px * var(--space-y-reverse)) !important;
}

.-space-x-50px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-50px * var(--space-x-reverse)) !important;
  margin-left: calc(-50px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-60px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-60px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-60px * var(--space-y-reverse)) !important;
}

.-space-x-60px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-60px * var(--space-x-reverse)) !important;
  margin-left: calc(-60px * calc(1 - var(--space-x-reverse))) !important;
}

.-space-y-120px > :not(template) ~ :not(template){
  --space-y-reverse: 0 !important;
  margin-top: calc(-120px * calc(1 - var(--space-y-reverse))) !important;
  margin-bottom: calc(-120px * var(--space-y-reverse)) !important;
}

.-space-x-120px > :not(template) ~ :not(template){
  --space-x-reverse: 0 !important;
  margin-right: calc(-120px * var(--space-x-reverse)) !important;
  margin-left: calc(-120px * calc(1 - var(--space-x-reverse))) !important;
}

.space-y-reverse > :not(template) ~ :not(template){
  --space-y-reverse: 1 !important;
}

.space-x-reverse > :not(template) ~ :not(template){
  --space-x-reverse: 1 !important;
}

.divide-y-0 > :not(template) ~ :not(template){
  --divide-y-reverse: 0 !important;
  border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
  border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
}

.divide-x-0 > :not(template) ~ :not(template){
  --divide-x-reverse: 0 !important;
  border-right-width: calc(0px * var(--divide-x-reverse)) !important;
  border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
}

.divide-y-2 > :not(template) ~ :not(template){
  --divide-y-reverse: 0 !important;
  border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
  border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
}

.divide-x-2 > :not(template) ~ :not(template){
  --divide-x-reverse: 0 !important;
  border-right-width: calc(2px * var(--divide-x-reverse)) !important;
  border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
}

.divide-y-3 > :not(template) ~ :not(template){
  --divide-y-reverse: 0 !important;
  border-top-width: calc(3px * calc(1 - var(--divide-y-reverse))) !important;
  border-bottom-width: calc(3px * var(--divide-y-reverse)) !important;
}

.divide-x-3 > :not(template) ~ :not(template){
  --divide-x-reverse: 0 !important;
  border-right-width: calc(3px * var(--divide-x-reverse)) !important;
  border-left-width: calc(3px * calc(1 - var(--divide-x-reverse))) !important;
}

.divide-y-4 > :not(template) ~ :not(template){
  --divide-y-reverse: 0 !important;
  border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
  border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
}

.divide-x-4 > :not(template) ~ :not(template){
  --divide-x-reverse: 0 !important;
  border-right-width: calc(4px * var(--divide-x-reverse)) !important;
  border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
}

.divide-y-8 > :not(template) ~ :not(template){
  --divide-y-reverse: 0 !important;
  border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
  border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
}

.divide-x-8 > :not(template) ~ :not(template){
  --divide-x-reverse: 0 !important;
  border-right-width: calc(8px * var(--divide-x-reverse)) !important;
  border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
}

.divide-y > :not(template) ~ :not(template){
  --divide-y-reverse: 0 !important;
  border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
  border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
}

.divide-x > :not(template) ~ :not(template){
  --divide-x-reverse: 0 !important;
  border-right-width: calc(1px * var(--divide-x-reverse)) !important;
  border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
}

.divide-y-reverse > :not(template) ~ :not(template){
  --divide-y-reverse: 1 !important;
}

.divide-x-reverse > :not(template) ~ :not(template){
  --divide-x-reverse: 1 !important;
}

.divide-transparent > :not(template) ~ :not(template){
  border-color: transparent !important;
}

.divide-current > :not(template) ~ :not(template){
  border-color: currentColor !important;
}

.divide-black > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #000 !important;
  border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
}

.divide-white > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #fff !important;
  border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
}

.divide-gray-100 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #f7fafc !important;
  border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
}

.divide-gray-200 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #edf2f7 !important;
  border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
}

.divide-gray-300 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #e2e8f0 !important;
  border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
}

.divide-gray-400 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #cbd5e0 !important;
  border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
}

.divide-gray-500 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #a0aec0 !important;
  border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
}

.divide-gray-600 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #718096 !important;
  border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
}

.divide-gray-700 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #4a5568 !important;
  border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
}

.divide-gray-800 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #2d3748 !important;
  border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
}

.divide-gray-900 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #1a202c !important;
  border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
}

.divide-red > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #cc0a0a !important;
  border-color: rgba(204, 10, 10, var(--divide-opacity)) !important;
}

.divide-orange-100 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #fffaf0 !important;
  border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
}

.divide-orange-200 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #feebc8 !important;
  border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
}

.divide-orange-300 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #fbd38d !important;
  border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
}

.divide-orange-400 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #f6ad55 !important;
  border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
}

.divide-orange-500 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #ed8936 !important;
  border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
}

.divide-orange-600 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #dd6b20 !important;
  border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
}

.divide-orange-700 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #c05621 !important;
  border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
}

.divide-orange-800 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #9c4221 !important;
  border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
}

.divide-orange-900 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #7b341e !important;
  border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
}

.divide-yellow-100 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #fffff0 !important;
  border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
}

.divide-yellow-200 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #fefcbf !important;
  border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
}

.divide-yellow-300 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #faf089 !important;
  border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
}

.divide-yellow-400 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #f6e05e !important;
  border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
}

.divide-yellow-500 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #ecc94b !important;
  border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
}

.divide-yellow-600 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #d69e2e !important;
  border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
}

.divide-yellow-700 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #b7791f !important;
  border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
}

.divide-yellow-800 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #975a16 !important;
  border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
}

.divide-yellow-900 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #744210 !important;
  border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
}

.divide-green-100 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #f0fff4 !important;
  border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
}

.divide-green-200 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #c6f6d5 !important;
  border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
}

.divide-green-300 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #9ae6b4 !important;
  border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
}

.divide-green-400 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #68d391 !important;
  border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
}

.divide-green-500 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #48bb78 !important;
  border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
}

.divide-green-600 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #38a169 !important;
  border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
}

.divide-green-700 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #2f855a !important;
  border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
}

.divide-green-800 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #276749 !important;
  border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
}

.divide-green-900 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #22543d !important;
  border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
}

.divide-teal-100 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #e6fffa !important;
  border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
}

.divide-teal-200 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #b2f5ea !important;
  border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
}

.divide-teal-300 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #81e6d9 !important;
  border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
}

.divide-teal-400 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #4fd1c5 !important;
  border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
}

.divide-teal-500 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #38b2ac !important;
  border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
}

.divide-teal-600 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #319795 !important;
  border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
}

.divide-teal-700 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #2c7a7b !important;
  border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
}

.divide-teal-800 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #285e61 !important;
  border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
}

.divide-teal-900 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #234e52 !important;
  border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
}

.divide-blue-100 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #ebf8ff !important;
  border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
}

.divide-blue-200 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #bee3f8 !important;
  border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
}

.divide-blue-300 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #90cdf4 !important;
  border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
}

.divide-blue-400 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #63b3ed !important;
  border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
}

.divide-blue-500 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #4299e1 !important;
  border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
}

.divide-blue-600 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #3182ce !important;
  border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
}

.divide-blue-700 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #2b6cb0 !important;
  border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
}

.divide-blue-800 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #2c5282 !important;
  border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
}

.divide-blue-900 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #2a4365 !important;
  border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
}

.divide-indigo-100 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #ebf4ff !important;
  border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
}

.divide-indigo-200 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #c3dafe !important;
  border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
}

.divide-indigo-300 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #a3bffa !important;
  border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
}

.divide-indigo-400 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #7f9cf5 !important;
  border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
}

.divide-indigo-500 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #667eea !important;
  border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
}

.divide-indigo-600 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #5a67d8 !important;
  border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
}

.divide-indigo-700 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #4c51bf !important;
  border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
}

.divide-indigo-800 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #434190 !important;
  border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
}

.divide-indigo-900 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #3c366b !important;
  border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
}

.divide-purple-100 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #faf5ff !important;
  border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
}

.divide-purple-200 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #e9d8fd !important;
  border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
}

.divide-purple-300 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #d6bcfa !important;
  border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
}

.divide-purple-400 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #b794f4 !important;
  border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
}

.divide-purple-500 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #9f7aea !important;
  border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
}

.divide-purple-600 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #805ad5 !important;
  border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
}

.divide-purple-700 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #6b46c1 !important;
  border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
}

.divide-purple-800 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #553c9a !important;
  border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
}

.divide-purple-900 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #44337a !important;
  border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
}

.divide-pink-100 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #fff5f7 !important;
  border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
}

.divide-pink-200 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #fed7e2 !important;
  border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
}

.divide-pink-300 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #fbb6ce !important;
  border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
}

.divide-pink-400 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #f687b3 !important;
  border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
}

.divide-pink-500 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #ed64a6 !important;
  border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
}

.divide-pink-600 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #d53f8c !important;
  border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
}

.divide-pink-700 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #b83280 !important;
  border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
}

.divide-pink-800 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #97266d !important;
  border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
}

.divide-pink-900 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #702459 !important;
  border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
}

.divide-primary-color > :not(template) ~ :not(template){
  border-color: var(--primary-color) !important;
}

.divide-primary-hover-color > :not(template) ~ :not(template){
  border-color: var(--hover-color) !important;
}

.divide-gray-body > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #f2f2f2 !important;
  border-color: rgba(242, 242, 242, var(--divide-opacity)) !important;
}

.divide-gray-light > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #ccc !important;
  border-color: rgba(204, 204, 204, var(--divide-opacity)) !important;
}

.divide-gray-333 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #333 !important;
  border-color: rgba(51, 51, 51, var(--divide-opacity)) !important;
}

.divide-gray-666 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #666 !important;
  border-color: rgba(102, 102, 102, var(--divide-opacity)) !important;
}

.divide-gray-888 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #888 !important;
  border-color: rgba(136, 136, 136, var(--divide-opacity)) !important;
}

.divide-gray-999 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #999 !important;
  border-color: rgba(153, 153, 153, var(--divide-opacity)) !important;
}

.divide-gray-icon > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #9a9a9a !important;
  border-color: rgba(154, 154, 154, var(--divide-opacity)) !important;
}

.divide-gray-features > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #f5f5f5 !important;
  border-color: rgba(245, 245, 245, var(--divide-opacity)) !important;
}

.divide-slide-border > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #e1e1e1 !important;
  border-color: rgba(225, 225, 225, var(--divide-opacity)) !important;
}

.divide-sale-color > :not(template) ~ :not(template){
  border-color: var(--primary-color) !important;
}

.divide-hit-color > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #ff9900 !important;
  border-color: rgba(255, 153, 0, var(--divide-opacity)) !important;
}

.divide-new-color > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #0fa3c6 !important;
  border-color: rgba(15, 163, 198, var(--divide-opacity)) !important;
}

.divide-fb-hover-color > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #5959d8 !important;
  border-color: rgba(89, 89, 216, var(--divide-opacity)) !important;
}

.divide-fb-active-color > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #4040b3 !important;
  border-color: rgba(64, 64, 179, var(--divide-opacity)) !important;
}

.divide-vk-hover-color > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #628dd3 !important;
  border-color: rgba(98, 141, 211, var(--divide-opacity)) !important;
}

.divide-vk-active-color > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #3768b9 !important;
  border-color: rgba(55, 104, 185, var(--divide-opacity)) !important;
}

.divide-insta-hover-color > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #af35d2 !important;
  border-color: rgba(175, 53, 210, var(--divide-opacity)) !important;
}

.divide-insta-active-color > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #7e47b7 !important;
  border-color: rgba(126, 71, 183, var(--divide-opacity)) !important;
}

.divide-gray-dc > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #dcdcdc !important;
  border-color: rgba(220, 220, 220, var(--divide-opacity)) !important;
}

.divide-gray-cd > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #cdcdcd !important;
  border-color: rgba(205, 205, 205, var(--divide-opacity)) !important;
}

.divide-gray-e7 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #e7e7e7 !important;
  border-color: rgba(231, 231, 231, var(--divide-opacity)) !important;
}

.divide-check-color > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #ce3a12 !important;
  border-color: rgba(206, 58, 18, var(--divide-opacity)) !important;
}

.divide-docx-color > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #1789e9 !important;
  border-color: rgba(23, 137, 233, var(--divide-opacity)) !important;
}

.divide-dark-black > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #010101 !important;
  border-color: rgba(1, 1, 1, var(--divide-opacity)) !important;
}

.divide-green-light > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
  border-color: #3ab011 !important;
  border-color: rgba(58, 176, 17, var(--divide-opacity)) !important;
}

.divide-solid > :not(template) ~ :not(template){
  border-style: solid !important;
}

.divide-dashed > :not(template) ~ :not(template){
  border-style: dashed !important;
}

.divide-dotted > :not(template) ~ :not(template){
  border-style: dotted !important;
}

.divide-double > :not(template) ~ :not(template){
  border-style: double !important;
}

.divide-none > :not(template) ~ :not(template){
  border-style: none !important;
}

.divide-opacity-0 > :not(template) ~ :not(template){
  --divide-opacity: 0 !important;
}

.divide-opacity-25 > :not(template) ~ :not(template){
  --divide-opacity: 0.25 !important;
}

.divide-opacity-50 > :not(template) ~ :not(template){
  --divide-opacity: 0.5 !important;
}

.divide-opacity-75 > :not(template) ~ :not(template){
  --divide-opacity: 0.75 !important;
}

.divide-opacity-100 > :not(template) ~ :not(template){
  --divide-opacity: 1 !important;
}

.sr-only{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

.not-sr-only{
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.focus\:sr-only:focus{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

.focus\:not-sr-only:focus{
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.appearance-none{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.bg-fixed{
  background-attachment: fixed !important;
}

.bg-local{
  background-attachment: local !important;
}

.bg-scroll{
  background-attachment: scroll !important;
}

.bg-clip-border{
  background-clip: border-box !important;
}

.bg-clip-padding{
  background-clip: padding-box !important;
}

.bg-clip-content{
  background-clip: content-box !important;
}

.bg-clip-text{
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.bg-transparent{
  background-color: transparent !important;
}

.bg-current{
  background-color: currentColor !important;
}

.bg-black{
  --bg-opacity: 1 !important;
  background-color: #000 !important;
  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}

.bg-white{
  --bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}

.bg-gray-100{
  --bg-opacity: 1 !important;
  background-color: #f7fafc !important;
  background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}

.bg-gray-200{
  --bg-opacity: 1 !important;
  background-color: #edf2f7 !important;
  background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}

.bg-gray-300{
  --bg-opacity: 1 !important;
  background-color: #e2e8f0 !important;
  background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}

.bg-gray-400{
  --bg-opacity: 1 !important;
  background-color: #cbd5e0 !important;
  background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}

.bg-gray-500{
  --bg-opacity: 1 !important;
  background-color: #a0aec0 !important;
  background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}

.bg-gray-600{
  --bg-opacity: 1 !important;
  background-color: #718096 !important;
  background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}

.bg-gray-700{
  --bg-opacity: 1 !important;
  background-color: #4a5568 !important;
  background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}

.bg-gray-800{
  --bg-opacity: 1 !important;
  background-color: #2d3748 !important;
  background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}

.bg-gray-900{
  --bg-opacity: 1 !important;
  background-color: #1a202c !important;
  background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}

.bg-red{
  --bg-opacity: 1 !important;
  background-color: #cc0a0a !important;
  background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
}

.bg-orange-100{
  --bg-opacity: 1 !important;
  background-color: #fffaf0 !important;
  background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}

.bg-orange-200{
  --bg-opacity: 1 !important;
  background-color: #feebc8 !important;
  background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}

.bg-orange-300{
  --bg-opacity: 1 !important;
  background-color: #fbd38d !important;
  background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}

.bg-orange-400{
  --bg-opacity: 1 !important;
  background-color: #f6ad55 !important;
  background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}

.bg-orange-500{
  --bg-opacity: 1 !important;
  background-color: #ed8936 !important;
  background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}

.bg-orange-600{
  --bg-opacity: 1 !important;
  background-color: #dd6b20 !important;
  background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}

.bg-orange-700{
  --bg-opacity: 1 !important;
  background-color: #c05621 !important;
  background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}

.bg-orange-800{
  --bg-opacity: 1 !important;
  background-color: #9c4221 !important;
  background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}

.bg-orange-900{
  --bg-opacity: 1 !important;
  background-color: #7b341e !important;
  background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}

.bg-yellow-100{
  --bg-opacity: 1 !important;
  background-color: #fffff0 !important;
  background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}

.bg-yellow-200{
  --bg-opacity: 1 !important;
  background-color: #fefcbf !important;
  background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}

.bg-yellow-300{
  --bg-opacity: 1 !important;
  background-color: #faf089 !important;
  background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}

.bg-yellow-400{
  --bg-opacity: 1 !important;
  background-color: #f6e05e !important;
  background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}

.bg-yellow-500{
  --bg-opacity: 1 !important;
  background-color: #ecc94b !important;
  background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}

.bg-yellow-600{
  --bg-opacity: 1 !important;
  background-color: #d69e2e !important;
  background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}

.bg-yellow-700{
  --bg-opacity: 1 !important;
  background-color: #b7791f !important;
  background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}

.bg-yellow-800{
  --bg-opacity: 1 !important;
  background-color: #975a16 !important;
  background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}

.bg-yellow-900{
  --bg-opacity: 1 !important;
  background-color: #744210 !important;
  background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}

.bg-green-100{
  --bg-opacity: 1 !important;
  background-color: #f0fff4 !important;
  background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}

.bg-green-200{
  --bg-opacity: 1 !important;
  background-color: #c6f6d5 !important;
  background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}

.bg-green-300{
  --bg-opacity: 1 !important;
  background-color: #9ae6b4 !important;
  background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}

.bg-green-400{
  --bg-opacity: 1 !important;
  background-color: #68d391 !important;
  background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}

.bg-green-500{
  --bg-opacity: 1 !important;
  background-color: #48bb78 !important;
  background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}

.bg-green-600{
  --bg-opacity: 1 !important;
  background-color: #38a169 !important;
  background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}

.bg-green-700{
  --bg-opacity: 1 !important;
  background-color: #2f855a !important;
  background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}

.bg-green-800{
  --bg-opacity: 1 !important;
  background-color: #276749 !important;
  background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}

.bg-green-900{
  --bg-opacity: 1 !important;
  background-color: #22543d !important;
  background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}

.bg-teal-100{
  --bg-opacity: 1 !important;
  background-color: #e6fffa !important;
  background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}

.bg-teal-200{
  --bg-opacity: 1 !important;
  background-color: #b2f5ea !important;
  background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}

.bg-teal-300{
  --bg-opacity: 1 !important;
  background-color: #81e6d9 !important;
  background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}

.bg-teal-400{
  --bg-opacity: 1 !important;
  background-color: #4fd1c5 !important;
  background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}

.bg-teal-500{
  --bg-opacity: 1 !important;
  background-color: #38b2ac !important;
  background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}

.bg-teal-600{
  --bg-opacity: 1 !important;
  background-color: #319795 !important;
  background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}

.bg-teal-700{
  --bg-opacity: 1 !important;
  background-color: #2c7a7b !important;
  background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}

.bg-teal-800{
  --bg-opacity: 1 !important;
  background-color: #285e61 !important;
  background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}

.bg-teal-900{
  --bg-opacity: 1 !important;
  background-color: #234e52 !important;
  background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}

.bg-blue-100{
  --bg-opacity: 1 !important;
  background-color: #ebf8ff !important;
  background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}

.bg-blue-200{
  --bg-opacity: 1 !important;
  background-color: #bee3f8 !important;
  background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}

.bg-blue-300{
  --bg-opacity: 1 !important;
  background-color: #90cdf4 !important;
  background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}

.bg-blue-400{
  --bg-opacity: 1 !important;
  background-color: #63b3ed !important;
  background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}

.bg-blue-500{
  --bg-opacity: 1 !important;
  background-color: #4299e1 !important;
  background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}

.bg-blue-600{
  --bg-opacity: 1 !important;
  background-color: #3182ce !important;
  background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}

.bg-blue-700{
  --bg-opacity: 1 !important;
  background-color: #2b6cb0 !important;
  background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}

.bg-blue-800{
  --bg-opacity: 1 !important;
  background-color: #2c5282 !important;
  background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}

.bg-blue-900{
  --bg-opacity: 1 !important;
  background-color: #2a4365 !important;
  background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}

.bg-indigo-100{
  --bg-opacity: 1 !important;
  background-color: #ebf4ff !important;
  background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}

.bg-indigo-200{
  --bg-opacity: 1 !important;
  background-color: #c3dafe !important;
  background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}

.bg-indigo-300{
  --bg-opacity: 1 !important;
  background-color: #a3bffa !important;
  background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}

.bg-indigo-400{
  --bg-opacity: 1 !important;
  background-color: #7f9cf5 !important;
  background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}

.bg-indigo-500{
  --bg-opacity: 1 !important;
  background-color: #667eea !important;
  background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}

.bg-indigo-600{
  --bg-opacity: 1 !important;
  background-color: #5a67d8 !important;
  background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}

.bg-indigo-700{
  --bg-opacity: 1 !important;
  background-color: #4c51bf !important;
  background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}

.bg-indigo-800{
  --bg-opacity: 1 !important;
  background-color: #434190 !important;
  background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}

.bg-indigo-900{
  --bg-opacity: 1 !important;
  background-color: #3c366b !important;
  background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}

.bg-purple-100{
  --bg-opacity: 1 !important;
  background-color: #faf5ff !important;
  background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}

.bg-purple-200{
  --bg-opacity: 1 !important;
  background-color: #e9d8fd !important;
  background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}

.bg-purple-300{
  --bg-opacity: 1 !important;
  background-color: #d6bcfa !important;
  background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}

.bg-purple-400{
  --bg-opacity: 1 !important;
  background-color: #b794f4 !important;
  background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}

.bg-purple-500{
  --bg-opacity: 1 !important;
  background-color: #9f7aea !important;
  background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}

.bg-purple-600{
  --bg-opacity: 1 !important;
  background-color: #805ad5 !important;
  background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}

.bg-purple-700{
  --bg-opacity: 1 !important;
  background-color: #6b46c1 !important;
  background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}

.bg-purple-800{
  --bg-opacity: 1 !important;
  background-color: #553c9a !important;
  background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}

.bg-purple-900{
  --bg-opacity: 1 !important;
  background-color: #44337a !important;
  background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}

.bg-pink-100{
  --bg-opacity: 1 !important;
  background-color: #fff5f7 !important;
  background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}

.bg-pink-200{
  --bg-opacity: 1 !important;
  background-color: #fed7e2 !important;
  background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}

.bg-pink-300{
  --bg-opacity: 1 !important;
  background-color: #fbb6ce !important;
  background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}

.bg-pink-400{
  --bg-opacity: 1 !important;
  background-color: #f687b3 !important;
  background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}

.bg-pink-500{
  --bg-opacity: 1 !important;
  background-color: #ed64a6 !important;
  background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}

.bg-pink-600{
  --bg-opacity: 1 !important;
  background-color: #d53f8c !important;
  background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}

.bg-pink-700{
  --bg-opacity: 1 !important;
  background-color: #b83280 !important;
  background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}

.bg-pink-800{
  --bg-opacity: 1 !important;
  background-color: #97266d !important;
  background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}

.bg-pink-900{
  --bg-opacity: 1 !important;
  background-color: #702459 !important;
  background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
}

.bg-primary-color{
  background-color: var(--primary-color) !important;
}

.bg-primary-hover-color{
  background-color: var(--hover-color) !important;
}

.bg-gray-body{
  --bg-opacity: 1 !important;
  background-color: #f0f2f5 !important;
  background-color: rgba(240, 242, 245, var(--bg-opacity)) !important;
}

.bg-gray-light{
  --bg-opacity: 1 !important;
  background-color: #ccc !important;
  background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
}

.bg-gray-333{
  --bg-opacity: 1 !important;
  background-color: #333 !important;
  background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
}

.bg-gray-666{
  --bg-opacity: 1 !important;
  background-color: #666 !important;
  background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
}

.bg-gray-888{
  --bg-opacity: 1 !important;
  background-color: #888 !important;
  background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
}

.bg-gray-999{
  --bg-opacity: 1 !important;
  background-color: #999 !important;
  background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
}

.bg-gray-icon{
  --bg-opacity: 1 !important;
  background-color: #9a9a9a !important;
  background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
}

.bg-gray-features{
  --bg-opacity: 1 !important;
  background-color: #f5f5f5 !important;
  background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
}

.bg-slide-border{
  --bg-opacity: 1 !important;
  background-color: #e1e1e1 !important;
  background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
}

.bg-sale-color{
  background-color: var(--primary-color) !important;
}

.bg-hit-color{
  --bg-opacity: 1 !important;
  background-color: #ff9900 !important;
  background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
}

.bg-new-color{
  --bg-opacity: 1 !important;
  background-color: #0fa3c6 !important;
  background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
}

.bg-fb-hover-color{
  --bg-opacity: 1 !important;
  background-color: #5959d8 !important;
  background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
}

.bg-fb-active-color{
  --bg-opacity: 1 !important;
  background-color: #4040b3 !important;
  background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
}

.bg-vk-hover-color{
  --bg-opacity: 1 !important;
  background-color: #628dd3 !important;
  background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
}

.bg-vk-active-color{
  --bg-opacity: 1 !important;
  background-color: #3768b9 !important;
  background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
}

.bg-insta-hover-color{
  --bg-opacity: 1 !important;
  background-color: #af35d2 !important;
  background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
}

.bg-insta-active-color{
  --bg-opacity: 1 !important;
  background-color: #7e47b7 !important;
  background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
}

.bg-gray-dc{
  --bg-opacity: 1 !important;
  background-color: #dcdcdc !important;
  background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
}

.bg-gray-cd{
  --bg-opacity: 1 !important;
  background-color: #cdcdcd !important;
  background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
}

.bg-gray-e7{
  --bg-opacity: 1 !important;
  background-color: #e7e7e7 !important;
  background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
}

.bg-check-color{
  --bg-opacity: 1 !important;
  background-color: #ce3a12 !important;
  background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
}

.bg-docx-color{
  --bg-opacity: 1 !important;
  background-color: #1789e9 !important;
  background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
}

.bg-dark-black{
  --bg-opacity: 1 !important;
  background-color: #010101 !important;
  background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
}

.bg-green-light{
  --bg-opacity: 1 !important;
  background-color: #3ab011 !important;
  background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
}

.hover\:bg-transparent:hover{
  background-color: transparent !important;
}

.hover\:bg-current:hover{
  background-color: currentColor !important;
}

.hover\:bg-black:hover{
  --bg-opacity: 1 !important;
  background-color: #000 !important;
  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}

.hover\:bg-white:hover{
  --bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}

.hover\:bg-gray-100:hover{
  --bg-opacity: 1 !important;
  background-color: #f7fafc !important;
  background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}

.hover\:bg-gray-200:hover{
  --bg-opacity: 1 !important;
  background-color: #edf2f7 !important;
  background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}

.hover\:bg-gray-300:hover{
  --bg-opacity: 1 !important;
  background-color: #e2e8f0 !important;
  background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}

.hover\:bg-gray-400:hover{
  --bg-opacity: 1 !important;
  background-color: #cbd5e0 !important;
  background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}

.hover\:bg-gray-500:hover{
  --bg-opacity: 1 !important;
  background-color: #a0aec0 !important;
  background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}

.hover\:bg-gray-600:hover{
  --bg-opacity: 1 !important;
  background-color: #718096 !important;
  background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}

.hover\:bg-gray-700:hover{
  --bg-opacity: 1 !important;
  background-color: #4a5568 !important;
  background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}

.hover\:bg-gray-800:hover{
  --bg-opacity: 1 !important;
  background-color: #2d3748 !important;
  background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}

.hover\:bg-gray-900:hover{
  --bg-opacity: 1 !important;
  background-color: #1a202c !important;
  background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}

.hover\:bg-red:hover{
  --bg-opacity: 1 !important;
  background-color: #cc0a0a !important;
  background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
}

.hover\:bg-orange-100:hover{
  --bg-opacity: 1 !important;
  background-color: #fffaf0 !important;
  background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}

.hover\:bg-orange-200:hover{
  --bg-opacity: 1 !important;
  background-color: #feebc8 !important;
  background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}

.hover\:bg-orange-300:hover{
  --bg-opacity: 1 !important;
  background-color: #fbd38d !important;
  background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}

.hover\:bg-orange-400:hover{
  --bg-opacity: 1 !important;
  background-color: #f6ad55 !important;
  background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}

.hover\:bg-orange-500:hover{
  --bg-opacity: 1 !important;
  background-color: #ed8936 !important;
  background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}

.hover\:bg-orange-600:hover{
  --bg-opacity: 1 !important;
  background-color: #dd6b20 !important;
  background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}

.hover\:bg-orange-700:hover{
  --bg-opacity: 1 !important;
  background-color: #c05621 !important;
  background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}

.hover\:bg-orange-800:hover{
  --bg-opacity: 1 !important;
  background-color: #9c4221 !important;
  background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}

.hover\:bg-orange-900:hover{
  --bg-opacity: 1 !important;
  background-color: #7b341e !important;
  background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}

.hover\:bg-yellow-100:hover{
  --bg-opacity: 1 !important;
  background-color: #fffff0 !important;
  background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}

.hover\:bg-yellow-200:hover{
  --bg-opacity: 1 !important;
  background-color: #fefcbf !important;
  background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}

.hover\:bg-yellow-300:hover{
  --bg-opacity: 1 !important;
  background-color: #faf089 !important;
  background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}

.hover\:bg-yellow-400:hover{
  --bg-opacity: 1 !important;
  background-color: #f6e05e !important;
  background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}

.hover\:bg-yellow-500:hover{
  --bg-opacity: 1 !important;
  background-color: #ecc94b !important;
  background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}

.hover\:bg-yellow-600:hover{
  --bg-opacity: 1 !important;
  background-color: #d69e2e !important;
  background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}

.hover\:bg-yellow-700:hover{
  --bg-opacity: 1 !important;
  background-color: #b7791f !important;
  background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}

.hover\:bg-yellow-800:hover{
  --bg-opacity: 1 !important;
  background-color: #975a16 !important;
  background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}

.hover\:bg-yellow-900:hover{
  --bg-opacity: 1 !important;
  background-color: #744210 !important;
  background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}

.hover\:bg-green-100:hover{
  --bg-opacity: 1 !important;
  background-color: #f0fff4 !important;
  background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}

.hover\:bg-green-200:hover{
  --bg-opacity: 1 !important;
  background-color: #c6f6d5 !important;
  background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}

.hover\:bg-green-300:hover{
  --bg-opacity: 1 !important;
  background-color: #9ae6b4 !important;
  background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}

.hover\:bg-green-400:hover{
  --bg-opacity: 1 !important;
  background-color: #68d391 !important;
  background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}

.hover\:bg-green-500:hover{
  --bg-opacity: 1 !important;
  background-color: #48bb78 !important;
  background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}

.hover\:bg-green-600:hover{
  --bg-opacity: 1 !important;
  background-color: #38a169 !important;
  background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}

.hover\:bg-green-700:hover{
  --bg-opacity: 1 !important;
  background-color: #2f855a !important;
  background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}

.hover\:bg-green-800:hover{
  --bg-opacity: 1 !important;
  background-color: #276749 !important;
  background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}

.hover\:bg-green-900:hover{
  --bg-opacity: 1 !important;
  background-color: #22543d !important;
  background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}

.hover\:bg-teal-100:hover{
  --bg-opacity: 1 !important;
  background-color: #e6fffa !important;
  background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}

.hover\:bg-teal-200:hover{
  --bg-opacity: 1 !important;
  background-color: #b2f5ea !important;
  background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}

.hover\:bg-teal-300:hover{
  --bg-opacity: 1 !important;
  background-color: #81e6d9 !important;
  background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}

.hover\:bg-teal-400:hover{
  --bg-opacity: 1 !important;
  background-color: #4fd1c5 !important;
  background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}

.hover\:bg-teal-500:hover{
  --bg-opacity: 1 !important;
  background-color: #38b2ac !important;
  background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}

.hover\:bg-teal-600:hover{
  --bg-opacity: 1 !important;
  background-color: #319795 !important;
  background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}

.hover\:bg-teal-700:hover{
  --bg-opacity: 1 !important;
  background-color: #2c7a7b !important;
  background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}

.hover\:bg-teal-800:hover{
  --bg-opacity: 1 !important;
  background-color: #285e61 !important;
  background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}

.hover\:bg-teal-900:hover{
  --bg-opacity: 1 !important;
  background-color: #234e52 !important;
  background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}

.hover\:bg-blue-100:hover{
  --bg-opacity: 1 !important;
  background-color: #ebf8ff !important;
  background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}

.hover\:bg-blue-200:hover{
  --bg-opacity: 1 !important;
  background-color: #bee3f8 !important;
  background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}

.hover\:bg-blue-300:hover{
  --bg-opacity: 1 !important;
  background-color: #90cdf4 !important;
  background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}

.hover\:bg-blue-400:hover{
  --bg-opacity: 1 !important;
  background-color: #63b3ed !important;
  background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}

.hover\:bg-blue-500:hover{
  --bg-opacity: 1 !important;
  background-color: #4299e1 !important;
  background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}

.hover\:bg-blue-600:hover{
  --bg-opacity: 1 !important;
  background-color: #3182ce !important;
  background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}

.hover\:bg-blue-700:hover{
  --bg-opacity: 1 !important;
  background-color: #2b6cb0 !important;
  background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}

.hover\:bg-blue-800:hover{
  --bg-opacity: 1 !important;
  background-color: #2c5282 !important;
  background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}

.hover\:bg-blue-900:hover{
  --bg-opacity: 1 !important;
  background-color: #2a4365 !important;
  background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}

.hover\:bg-indigo-100:hover{
  --bg-opacity: 1 !important;
  background-color: #ebf4ff !important;
  background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}

.hover\:bg-indigo-200:hover{
  --bg-opacity: 1 !important;
  background-color: #c3dafe !important;
  background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}

.hover\:bg-indigo-300:hover{
  --bg-opacity: 1 !important;
  background-color: #a3bffa !important;
  background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}

.hover\:bg-indigo-400:hover{
  --bg-opacity: 1 !important;
  background-color: #7f9cf5 !important;
  background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}

.hover\:bg-indigo-500:hover{
  --bg-opacity: 1 !important;
  background-color: #667eea !important;
  background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}

.hover\:bg-indigo-600:hover{
  --bg-opacity: 1 !important;
  background-color: #5a67d8 !important;
  background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}

.hover\:bg-indigo-700:hover{
  --bg-opacity: 1 !important;
  background-color: #4c51bf !important;
  background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}

.hover\:bg-indigo-800:hover{
  --bg-opacity: 1 !important;
  background-color: #434190 !important;
  background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}

.hover\:bg-indigo-900:hover{
  --bg-opacity: 1 !important;
  background-color: #3c366b !important;
  background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}

.hover\:bg-purple-100:hover{
  --bg-opacity: 1 !important;
  background-color: #faf5ff !important;
  background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}

.hover\:bg-purple-200:hover{
  --bg-opacity: 1 !important;
  background-color: #e9d8fd !important;
  background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}

.hover\:bg-purple-300:hover{
  --bg-opacity: 1 !important;
  background-color: #d6bcfa !important;
  background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}

.hover\:bg-purple-400:hover{
  --bg-opacity: 1 !important;
  background-color: #b794f4 !important;
  background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}

.hover\:bg-purple-500:hover{
  --bg-opacity: 1 !important;
  background-color: #9f7aea !important;
  background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}

.hover\:bg-purple-600:hover{
  --bg-opacity: 1 !important;
  background-color: #805ad5 !important;
  background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}

.hover\:bg-purple-700:hover{
  --bg-opacity: 1 !important;
  background-color: #6b46c1 !important;
  background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}

.hover\:bg-purple-800:hover{
  --bg-opacity: 1 !important;
  background-color: #553c9a !important;
  background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}

.hover\:bg-purple-900:hover{
  --bg-opacity: 1 !important;
  background-color: #44337a !important;
  background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}

.hover\:bg-pink-100:hover{
  --bg-opacity: 1 !important;
  background-color: #fff5f7 !important;
  background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}

.hover\:bg-pink-200:hover{
  --bg-opacity: 1 !important;
  background-color: #fed7e2 !important;
  background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}

.hover\:bg-pink-300:hover{
  --bg-opacity: 1 !important;
  background-color: #fbb6ce !important;
  background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}

.hover\:bg-pink-400:hover{
  --bg-opacity: 1 !important;
  background-color: #f687b3 !important;
  background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}

.hover\:bg-pink-500:hover{
  --bg-opacity: 1 !important;
  background-color: #ed64a6 !important;
  background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}

.hover\:bg-pink-600:hover{
  --bg-opacity: 1 !important;
  background-color: #d53f8c !important;
  background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}

.hover\:bg-pink-700:hover{
  --bg-opacity: 1 !important;
  background-color: #b83280 !important;
  background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}

.hover\:bg-pink-800:hover{
  --bg-opacity: 1 !important;
  background-color: #97266d !important;
  background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}

.hover\:bg-pink-900:hover{
  --bg-opacity: 1 !important;
  background-color: #702459 !important;
  background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
}

.hover\:bg-primary-color:hover{
  background-color: var(--primary-color) !important;
}

.hover\:bg-primary-hover-color:hover{
  background-color: var(--hover-color) !important;
}

.hover\:bg-gray-body:hover{
  --bg-opacity: 1 !important;
  background-color: #f2f2f2 !important;
  background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
}

.hover\:bg-gray-light:hover{
  --bg-opacity: 1 !important;
  background-color: #ccc !important;
  background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
}

.hover\:bg-gray-333:hover{
  --bg-opacity: 1 !important;
  background-color: #333 !important;
  background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
}

.hover\:bg-gray-666:hover{
  --bg-opacity: 1 !important;
  background-color: #666 !important;
  background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
}

.hover\:bg-gray-888:hover{
  --bg-opacity: 1 !important;
  background-color: #888 !important;
  background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
}

.hover\:bg-gray-999:hover{
  --bg-opacity: 1 !important;
  background-color: #999 !important;
  background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
}

.hover\:bg-gray-icon:hover{
  --bg-opacity: 1 !important;
  background-color: #9a9a9a !important;
  background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
}

.hover\:bg-gray-features:hover{
  --bg-opacity: 1 !important;
  background-color: #f5f5f5 !important;
  background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
}

.hover\:bg-slide-border:hover{
  --bg-opacity: 1 !important;
  background-color: #e1e1e1 !important;
  background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
}

.hover\:bg-sale-color:hover{
  background-color: var(--primary-color) !important;
}

.hover\:bg-hit-color:hover{
  --bg-opacity: 1 !important;
  background-color: #ff9900 !important;
  background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
}

.hover\:bg-new-color:hover{
  --bg-opacity: 1 !important;
  background-color: #0fa3c6 !important;
  background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
}

.hover\:bg-fb-hover-color:hover{
  --bg-opacity: 1 !important;
  background-color: #5959d8 !important;
  background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
}

.hover\:bg-fb-active-color:hover{
  --bg-opacity: 1 !important;
  background-color: #4040b3 !important;
  background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
}

.hover\:bg-vk-hover-color:hover{
  --bg-opacity: 1 !important;
  background-color: #628dd3 !important;
  background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
}

.hover\:bg-vk-active-color:hover{
  --bg-opacity: 1 !important;
  background-color: #3768b9 !important;
  background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
}

.hover\:bg-insta-hover-color:hover{
  --bg-opacity: 1 !important;
  background-color: #af35d2 !important;
  background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
}

.hover\:bg-insta-active-color:hover{
  --bg-opacity: 1 !important;
  background-color: #7e47b7 !important;
  background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
}

.hover\:bg-gray-dc:hover{
  --bg-opacity: 1 !important;
  background-color: #dcdcdc !important;
  background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
}

.hover\:bg-gray-cd:hover{
  --bg-opacity: 1 !important;
  background-color: #cdcdcd !important;
  background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
}

.hover\:bg-gray-e7:hover{
  --bg-opacity: 1 !important;
  background-color: #e7e7e7 !important;
  background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
}

.hover\:bg-check-color:hover{
  --bg-opacity: 1 !important;
  background-color: #ce3a12 !important;
  background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
}

.hover\:bg-docx-color:hover{
  --bg-opacity: 1 !important;
  background-color: #1789e9 !important;
  background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
}

.hover\:bg-dark-black:hover{
  --bg-opacity: 1 !important;
  background-color: #010101 !important;
  background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
}

.hover\:bg-green-light:hover{
  --bg-opacity: 1 !important;
  background-color: #3ab011 !important;
  background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
}

.focus\:bg-transparent:focus{
  background-color: transparent !important;
}

.focus\:bg-current:focus{
  background-color: currentColor !important;
}

.focus\:bg-black:focus{
  --bg-opacity: 1 !important;
  background-color: #000 !important;
  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
}

.focus\:bg-white:focus{
  --bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
}

.focus\:bg-gray-100:focus{
  --bg-opacity: 1 !important;
  background-color: #f7fafc !important;
  background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
}

.focus\:bg-gray-200:focus{
  --bg-opacity: 1 !important;
  background-color: #edf2f7 !important;
  background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
}

.focus\:bg-gray-300:focus{
  --bg-opacity: 1 !important;
  background-color: #e2e8f0 !important;
  background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
}

.focus\:bg-gray-400:focus{
  --bg-opacity: 1 !important;
  background-color: #cbd5e0 !important;
  background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
}

.focus\:bg-gray-500:focus{
  --bg-opacity: 1 !important;
  background-color: #a0aec0 !important;
  background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
}

.focus\:bg-gray-600:focus{
  --bg-opacity: 1 !important;
  background-color: #718096 !important;
  background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
}

.focus\:bg-gray-700:focus{
  --bg-opacity: 1 !important;
  background-color: #4a5568 !important;
  background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
}

.focus\:bg-gray-800:focus{
  --bg-opacity: 1 !important;
  background-color: #2d3748 !important;
  background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
}

.focus\:bg-gray-900:focus{
  --bg-opacity: 1 !important;
  background-color: #1a202c !important;
  background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
}

.focus\:bg-red:focus{
  --bg-opacity: 1 !important;
  background-color: #cc0a0a !important;
  background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
}

.focus\:bg-orange-100:focus{
  --bg-opacity: 1 !important;
  background-color: #fffaf0 !important;
  background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
}

.focus\:bg-orange-200:focus{
  --bg-opacity: 1 !important;
  background-color: #feebc8 !important;
  background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
}

.focus\:bg-orange-300:focus{
  --bg-opacity: 1 !important;
  background-color: #fbd38d !important;
  background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
}

.focus\:bg-orange-400:focus{
  --bg-opacity: 1 !important;
  background-color: #f6ad55 !important;
  background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
}

.focus\:bg-orange-500:focus{
  --bg-opacity: 1 !important;
  background-color: #ed8936 !important;
  background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
}

.focus\:bg-orange-600:focus{
  --bg-opacity: 1 !important;
  background-color: #dd6b20 !important;
  background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
}

.focus\:bg-orange-700:focus{
  --bg-opacity: 1 !important;
  background-color: #c05621 !important;
  background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
}

.focus\:bg-orange-800:focus{
  --bg-opacity: 1 !important;
  background-color: #9c4221 !important;
  background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
}

.focus\:bg-orange-900:focus{
  --bg-opacity: 1 !important;
  background-color: #7b341e !important;
  background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
}

.focus\:bg-yellow-100:focus{
  --bg-opacity: 1 !important;
  background-color: #fffff0 !important;
  background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
}

.focus\:bg-yellow-200:focus{
  --bg-opacity: 1 !important;
  background-color: #fefcbf !important;
  background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
}

.focus\:bg-yellow-300:focus{
  --bg-opacity: 1 !important;
  background-color: #faf089 !important;
  background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
}

.focus\:bg-yellow-400:focus{
  --bg-opacity: 1 !important;
  background-color: #f6e05e !important;
  background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
}

.focus\:bg-yellow-500:focus{
  --bg-opacity: 1 !important;
  background-color: #ecc94b !important;
  background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
}

.focus\:bg-yellow-600:focus{
  --bg-opacity: 1 !important;
  background-color: #d69e2e !important;
  background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
}

.focus\:bg-yellow-700:focus{
  --bg-opacity: 1 !important;
  background-color: #b7791f !important;
  background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
}

.focus\:bg-yellow-800:focus{
  --bg-opacity: 1 !important;
  background-color: #975a16 !important;
  background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
}

.focus\:bg-yellow-900:focus{
  --bg-opacity: 1 !important;
  background-color: #744210 !important;
  background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
}

.focus\:bg-green-100:focus{
  --bg-opacity: 1 !important;
  background-color: #f0fff4 !important;
  background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
}

.focus\:bg-green-200:focus{
  --bg-opacity: 1 !important;
  background-color: #c6f6d5 !important;
  background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
}

.focus\:bg-green-300:focus{
  --bg-opacity: 1 !important;
  background-color: #9ae6b4 !important;
  background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
}

.focus\:bg-green-400:focus{
  --bg-opacity: 1 !important;
  background-color: #68d391 !important;
  background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
}

.focus\:bg-green-500:focus{
  --bg-opacity: 1 !important;
  background-color: #48bb78 !important;
  background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
}

.focus\:bg-green-600:focus{
  --bg-opacity: 1 !important;
  background-color: #38a169 !important;
  background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
}

.focus\:bg-green-700:focus{
  --bg-opacity: 1 !important;
  background-color: #2f855a !important;
  background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
}

.focus\:bg-green-800:focus{
  --bg-opacity: 1 !important;
  background-color: #276749 !important;
  background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
}

.focus\:bg-green-900:focus{
  --bg-opacity: 1 !important;
  background-color: #22543d !important;
  background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
}

.focus\:bg-teal-100:focus{
  --bg-opacity: 1 !important;
  background-color: #e6fffa !important;
  background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}

.focus\:bg-teal-200:focus{
  --bg-opacity: 1 !important;
  background-color: #b2f5ea !important;
  background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
}

.focus\:bg-teal-300:focus{
  --bg-opacity: 1 !important;
  background-color: #81e6d9 !important;
  background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
}

.focus\:bg-teal-400:focus{
  --bg-opacity: 1 !important;
  background-color: #4fd1c5 !important;
  background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
}

.focus\:bg-teal-500:focus{
  --bg-opacity: 1 !important;
  background-color: #38b2ac !important;
  background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
}

.focus\:bg-teal-600:focus{
  --bg-opacity: 1 !important;
  background-color: #319795 !important;
  background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
}

.focus\:bg-teal-700:focus{
  --bg-opacity: 1 !important;
  background-color: #2c7a7b !important;
  background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
}

.focus\:bg-teal-800:focus{
  --bg-opacity: 1 !important;
  background-color: #285e61 !important;
  background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
}

.focus\:bg-teal-900:focus{
  --bg-opacity: 1 !important;
  background-color: #234e52 !important;
  background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
}

.focus\:bg-blue-100:focus{
  --bg-opacity: 1 !important;
  background-color: #ebf8ff !important;
  background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
}

.focus\:bg-blue-200:focus{
  --bg-opacity: 1 !important;
  background-color: #bee3f8 !important;
  background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
}

.focus\:bg-blue-300:focus{
  --bg-opacity: 1 !important;
  background-color: #90cdf4 !important;
  background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
}

.focus\:bg-blue-400:focus{
  --bg-opacity: 1 !important;
  background-color: #63b3ed !important;
  background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
}

.focus\:bg-blue-500:focus{
  --bg-opacity: 1 !important;
  background-color: #4299e1 !important;
  background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
}

.focus\:bg-blue-600:focus{
  --bg-opacity: 1 !important;
  background-color: #3182ce !important;
  background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
}

.focus\:bg-blue-700:focus{
  --bg-opacity: 1 !important;
  background-color: #2b6cb0 !important;
  background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
}

.focus\:bg-blue-800:focus{
  --bg-opacity: 1 !important;
  background-color: #2c5282 !important;
  background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
}

.focus\:bg-blue-900:focus{
  --bg-opacity: 1 !important;
  background-color: #2a4365 !important;
  background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
}

.focus\:bg-indigo-100:focus{
  --bg-opacity: 1 !important;
  background-color: #ebf4ff !important;
  background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
}

.focus\:bg-indigo-200:focus{
  --bg-opacity: 1 !important;
  background-color: #c3dafe !important;
  background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
}

.focus\:bg-indigo-300:focus{
  --bg-opacity: 1 !important;
  background-color: #a3bffa !important;
  background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
}

.focus\:bg-indigo-400:focus{
  --bg-opacity: 1 !important;
  background-color: #7f9cf5 !important;
  background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
}

.focus\:bg-indigo-500:focus{
  --bg-opacity: 1 !important;
  background-color: #667eea !important;
  background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
}

.focus\:bg-indigo-600:focus{
  --bg-opacity: 1 !important;
  background-color: #5a67d8 !important;
  background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
}

.focus\:bg-indigo-700:focus{
  --bg-opacity: 1 !important;
  background-color: #4c51bf !important;
  background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
}

.focus\:bg-indigo-800:focus{
  --bg-opacity: 1 !important;
  background-color: #434190 !important;
  background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
}

.focus\:bg-indigo-900:focus{
  --bg-opacity: 1 !important;
  background-color: #3c366b !important;
  background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
}

.focus\:bg-purple-100:focus{
  --bg-opacity: 1 !important;
  background-color: #faf5ff !important;
  background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
}

.focus\:bg-purple-200:focus{
  --bg-opacity: 1 !important;
  background-color: #e9d8fd !important;
  background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
}

.focus\:bg-purple-300:focus{
  --bg-opacity: 1 !important;
  background-color: #d6bcfa !important;
  background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
}

.focus\:bg-purple-400:focus{
  --bg-opacity: 1 !important;
  background-color: #b794f4 !important;
  background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
}

.focus\:bg-purple-500:focus{
  --bg-opacity: 1 !important;
  background-color: #9f7aea !important;
  background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
}

.focus\:bg-purple-600:focus{
  --bg-opacity: 1 !important;
  background-color: #805ad5 !important;
  background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
}

.focus\:bg-purple-700:focus{
  --bg-opacity: 1 !important;
  background-color: #6b46c1 !important;
  background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
}

.focus\:bg-purple-800:focus{
  --bg-opacity: 1 !important;
  background-color: #553c9a !important;
  background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
}

.focus\:bg-purple-900:focus{
  --bg-opacity: 1 !important;
  background-color: #44337a !important;
  background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
}

.focus\:bg-pink-100:focus{
  --bg-opacity: 1 !important;
  background-color: #fff5f7 !important;
  background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
}

.focus\:bg-pink-200:focus{
  --bg-opacity: 1 !important;
  background-color: #fed7e2 !important;
  background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
}

.focus\:bg-pink-300:focus{
  --bg-opacity: 1 !important;
  background-color: #fbb6ce !important;
  background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
}

.focus\:bg-pink-400:focus{
  --bg-opacity: 1 !important;
  background-color: #f687b3 !important;
  background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
}

.focus\:bg-pink-500:focus{
  --bg-opacity: 1 !important;
  background-color: #ed64a6 !important;
  background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
}

.focus\:bg-pink-600:focus{
  --bg-opacity: 1 !important;
  background-color: #d53f8c !important;
  background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
}

.focus\:bg-pink-700:focus{
  --bg-opacity: 1 !important;
  background-color: #b83280 !important;
  background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
}

.focus\:bg-pink-800:focus{
  --bg-opacity: 1 !important;
  background-color: #97266d !important;
  background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
}

.focus\:bg-pink-900:focus{
  --bg-opacity: 1 !important;
  background-color: #702459 !important;
  background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
}

.focus\:bg-primary-color:focus{
  background-color: var(--primary-color) !important;
}

.focus\:bg-primary-hover-color:focus{
  background-color: var(--hover-color) !important;
}

.focus\:bg-gray-body:focus{
  --bg-opacity: 1 !important;
  background-color: #f2f2f2 !important;
  background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
}

.focus\:bg-gray-light:focus{
  --bg-opacity: 1 !important;
  background-color: #ccc !important;
  background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
}

.focus\:bg-gray-333:focus{
  --bg-opacity: 1 !important;
  background-color: #333 !important;
  background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
}

.focus\:bg-gray-666:focus{
  --bg-opacity: 1 !important;
  background-color: #666 !important;
  background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
}

.focus\:bg-gray-888:focus{
  --bg-opacity: 1 !important;
  background-color: #888 !important;
  background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
}

.focus\:bg-gray-999:focus{
  --bg-opacity: 1 !important;
  background-color: #999 !important;
  background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
}

.focus\:bg-gray-icon:focus{
  --bg-opacity: 1 !important;
  background-color: #9a9a9a !important;
  background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
}

.focus\:bg-gray-features:focus{
  --bg-opacity: 1 !important;
  background-color: #f5f5f5 !important;
  background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
}

.focus\:bg-slide-border:focus{
  --bg-opacity: 1 !important;
  background-color: #e1e1e1 !important;
  background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
}

.focus\:bg-sale-color:focus{
  background-color: var(--primary-color) !important;
}

.focus\:bg-hit-color:focus{
  --bg-opacity: 1 !important;
  background-color: #ff9900 !important;
  background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
}

.focus\:bg-new-color:focus{
  --bg-opacity: 1 !important;
  background-color: #0fa3c6 !important;
  background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
}

.focus\:bg-fb-hover-color:focus{
  --bg-opacity: 1 !important;
  background-color: #5959d8 !important;
  background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
}

.focus\:bg-fb-active-color:focus{
  --bg-opacity: 1 !important;
  background-color: #4040b3 !important;
  background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
}

.focus\:bg-vk-hover-color:focus{
  --bg-opacity: 1 !important;
  background-color: #628dd3 !important;
  background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
}

.focus\:bg-vk-active-color:focus{
  --bg-opacity: 1 !important;
  background-color: #3768b9 !important;
  background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
}

.focus\:bg-insta-hover-color:focus{
  --bg-opacity: 1 !important;
  background-color: #af35d2 !important;
  background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
}

.focus\:bg-insta-active-color:focus{
  --bg-opacity: 1 !important;
  background-color: #7e47b7 !important;
  background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
}

.focus\:bg-gray-dc:focus{
  --bg-opacity: 1 !important;
  background-color: #dcdcdc !important;
  background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
}

.focus\:bg-gray-cd:focus{
  --bg-opacity: 1 !important;
  background-color: #cdcdcd !important;
  background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
}

.focus\:bg-gray-e7:focus{
  --bg-opacity: 1 !important;
  background-color: #e7e7e7 !important;
  background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
}

.focus\:bg-check-color:focus{
  --bg-opacity: 1 !important;
  background-color: #ce3a12 !important;
  background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
}

.focus\:bg-docx-color:focus{
  --bg-opacity: 1 !important;
  background-color: #1789e9 !important;
  background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
}

.focus\:bg-dark-black:focus{
  --bg-opacity: 1 !important;
  background-color: #010101 !important;
  background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
}

.focus\:bg-green-light:focus{
  --bg-opacity: 1 !important;
  background-color: #3ab011 !important;
  background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
}

.bg-none{
  background-image: none !important;
}

.bg-gradient-to-t{
  background-image: -webkit-gradient(linear, left bottom, left top, from(var(--gradient-color-stops))) !important;
  background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-tr{
  background-image: -webkit-gradient(linear, left bottom, right top, from(var(--gradient-color-stops))) !important;
  background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-r{
  background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-stops))) !important;
  background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-br{
  background-image: -webkit-gradient(linear, left top, right bottom, from(var(--gradient-color-stops))) !important;
  background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-b{
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-stops))) !important;
  background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-bl{
  background-image: -webkit-gradient(linear, right top, left bottom, from(var(--gradient-color-stops))) !important;
  background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-l{
  background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-stops))) !important;
  background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
}

.bg-gradient-to-tl{
  background-image: -webkit-gradient(linear, right bottom, left top, from(var(--gradient-color-stops))) !important;
  background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
}

.from-transparent{
  --gradient-from-color: transparent !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.from-current{
  --gradient-from-color: currentColor !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.from-black{
  --gradient-from-color: #000 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.from-white{
  --gradient-from-color: #fff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.from-gray-100{
  --gradient-from-color: #f7fafc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
}

.from-gray-200{
  --gradient-from-color: #edf2f7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
}

.from-gray-300{
  --gradient-from-color: #e2e8f0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
}

.from-gray-400{
  --gradient-from-color: #cbd5e0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
}

.from-gray-500{
  --gradient-from-color: #a0aec0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
}

.from-gray-600{
  --gradient-from-color: #718096 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
}

.from-gray-700{
  --gradient-from-color: #4a5568 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
}

.from-gray-800{
  --gradient-from-color: #2d3748 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
}

.from-gray-900{
  --gradient-from-color: #1a202c !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
}

.from-red{
  --gradient-from-color: #cc0a0a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
}

.from-orange-100{
  --gradient-from-color: #fffaf0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
}

.from-orange-200{
  --gradient-from-color: #feebc8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
}

.from-orange-300{
  --gradient-from-color: #fbd38d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
}

.from-orange-400{
  --gradient-from-color: #f6ad55 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
}

.from-orange-500{
  --gradient-from-color: #ed8936 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
}

.from-orange-600{
  --gradient-from-color: #dd6b20 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
}

.from-orange-700{
  --gradient-from-color: #c05621 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
}

.from-orange-800{
  --gradient-from-color: #9c4221 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
}

.from-orange-900{
  --gradient-from-color: #7b341e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
}

.from-yellow-100{
  --gradient-from-color: #fffff0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
}

.from-yellow-200{
  --gradient-from-color: #fefcbf !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
}

.from-yellow-300{
  --gradient-from-color: #faf089 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
}

.from-yellow-400{
  --gradient-from-color: #f6e05e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
}

.from-yellow-500{
  --gradient-from-color: #ecc94b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
}

.from-yellow-600{
  --gradient-from-color: #d69e2e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
}

.from-yellow-700{
  --gradient-from-color: #b7791f !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
}

.from-yellow-800{
  --gradient-from-color: #975a16 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
}

.from-yellow-900{
  --gradient-from-color: #744210 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
}

.from-green-100{
  --gradient-from-color: #f0fff4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
}

.from-green-200{
  --gradient-from-color: #c6f6d5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
}

.from-green-300{
  --gradient-from-color: #9ae6b4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
}

.from-green-400{
  --gradient-from-color: #68d391 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
}

.from-green-500{
  --gradient-from-color: #48bb78 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
}

.from-green-600{
  --gradient-from-color: #38a169 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
}

.from-green-700{
  --gradient-from-color: #2f855a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
}

.from-green-800{
  --gradient-from-color: #276749 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
}

.from-green-900{
  --gradient-from-color: #22543d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
}

.from-teal-100{
  --gradient-from-color: #e6fffa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
}

.from-teal-200{
  --gradient-from-color: #b2f5ea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
}

.from-teal-300{
  --gradient-from-color: #81e6d9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
}

.from-teal-400{
  --gradient-from-color: #4fd1c5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
}

.from-teal-500{
  --gradient-from-color: #38b2ac !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
}

.from-teal-600{
  --gradient-from-color: #319795 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
}

.from-teal-700{
  --gradient-from-color: #2c7a7b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
}

.from-teal-800{
  --gradient-from-color: #285e61 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
}

.from-teal-900{
  --gradient-from-color: #234e52 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
}

.from-blue-100{
  --gradient-from-color: #ebf8ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
}

.from-blue-200{
  --gradient-from-color: #bee3f8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
}

.from-blue-300{
  --gradient-from-color: #90cdf4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
}

.from-blue-400{
  --gradient-from-color: #63b3ed !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
}

.from-blue-500{
  --gradient-from-color: #4299e1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
}

.from-blue-600{
  --gradient-from-color: #3182ce !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
}

.from-blue-700{
  --gradient-from-color: #2b6cb0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
}

.from-blue-800{
  --gradient-from-color: #2c5282 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
}

.from-blue-900{
  --gradient-from-color: #2a4365 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
}

.from-indigo-100{
  --gradient-from-color: #ebf4ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
}

.from-indigo-200{
  --gradient-from-color: #c3dafe !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
}

.from-indigo-300{
  --gradient-from-color: #a3bffa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
}

.from-indigo-400{
  --gradient-from-color: #7f9cf5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
}

.from-indigo-500{
  --gradient-from-color: #667eea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
}

.from-indigo-600{
  --gradient-from-color: #5a67d8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
}

.from-indigo-700{
  --gradient-from-color: #4c51bf !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
}

.from-indigo-800{
  --gradient-from-color: #434190 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
}

.from-indigo-900{
  --gradient-from-color: #3c366b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
}

.from-purple-100{
  --gradient-from-color: #faf5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
}

.from-purple-200{
  --gradient-from-color: #e9d8fd !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
}

.from-purple-300{
  --gradient-from-color: #d6bcfa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
}

.from-purple-400{
  --gradient-from-color: #b794f4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
}

.from-purple-500{
  --gradient-from-color: #9f7aea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
}

.from-purple-600{
  --gradient-from-color: #805ad5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
}

.from-purple-700{
  --gradient-from-color: #6b46c1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
}

.from-purple-800{
  --gradient-from-color: #553c9a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
}

.from-purple-900{
  --gradient-from-color: #44337a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
}

.from-pink-100{
  --gradient-from-color: #fff5f7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
}

.from-pink-200{
  --gradient-from-color: #fed7e2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
}

.from-pink-300{
  --gradient-from-color: #fbb6ce !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
}

.from-pink-400{
  --gradient-from-color: #f687b3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
}

.from-pink-500{
  --gradient-from-color: #ed64a6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
}

.from-pink-600{
  --gradient-from-color: #d53f8c !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
}

.from-pink-700{
  --gradient-from-color: #b83280 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
}

.from-pink-800{
  --gradient-from-color: #97266d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
}

.from-pink-900{
  --gradient-from-color: #702459 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
}

.from-primary-color{
  --gradient-from-color: var(--primary-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.from-primary-hover-color{
  --gradient-from-color: var(--hover-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.from-gray-body{
  --gradient-from-color: #f2f2f2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
}

.from-gray-light{
  --gradient-from-color: #ccc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
}

.from-gray-333{
  --gradient-from-color: #333 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
}

.from-gray-666{
  --gradient-from-color: #666 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
}

.from-gray-888{
  --gradient-from-color: #888 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
}

.from-gray-999{
  --gradient-from-color: #999 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
}

.from-gray-icon{
  --gradient-from-color: #9a9a9a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
}

.from-gray-features{
  --gradient-from-color: #f5f5f5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
}

.from-slide-border{
  --gradient-from-color: #e1e1e1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
}

.from-sale-color{
  --gradient-from-color: var(--primary-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.from-hit-color{
  --gradient-from-color: #ff9900 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
}

.from-new-color{
  --gradient-from-color: #0fa3c6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
}

.from-fb-hover-color{
  --gradient-from-color: #5959d8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
}

.from-fb-active-color{
  --gradient-from-color: #4040b3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
}

.from-vk-hover-color{
  --gradient-from-color: #628dd3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
}

.from-vk-active-color{
  --gradient-from-color: #3768b9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
}

.from-insta-hover-color{
  --gradient-from-color: #af35d2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
}

.from-insta-active-color{
  --gradient-from-color: #7e47b7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
}

.from-gray-dc{
  --gradient-from-color: #dcdcdc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
}

.from-gray-cd{
  --gradient-from-color: #cdcdcd !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
}

.from-gray-e7{
  --gradient-from-color: #e7e7e7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
}

.from-check-color{
  --gradient-from-color: #ce3a12 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
}

.from-docx-color{
  --gradient-from-color: #1789e9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
}

.from-dark-black{
  --gradient-from-color: #010101 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
}

.from-green-light{
  --gradient-from-color: #3ab011 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
}

.via-transparent{
  --gradient-via-color: transparent !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.via-current{
  --gradient-via-color: currentColor !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.via-black{
  --gradient-via-color: #000 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.via-white{
  --gradient-via-color: #fff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.via-gray-100{
  --gradient-via-color: #f7fafc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
}

.via-gray-200{
  --gradient-via-color: #edf2f7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
}

.via-gray-300{
  --gradient-via-color: #e2e8f0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
}

.via-gray-400{
  --gradient-via-color: #cbd5e0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
}

.via-gray-500{
  --gradient-via-color: #a0aec0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
}

.via-gray-600{
  --gradient-via-color: #718096 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
}

.via-gray-700{
  --gradient-via-color: #4a5568 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
}

.via-gray-800{
  --gradient-via-color: #2d3748 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
}

.via-gray-900{
  --gradient-via-color: #1a202c !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
}

.via-red{
  --gradient-via-color: #cc0a0a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
}

.via-orange-100{
  --gradient-via-color: #fffaf0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
}

.via-orange-200{
  --gradient-via-color: #feebc8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
}

.via-orange-300{
  --gradient-via-color: #fbd38d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
}

.via-orange-400{
  --gradient-via-color: #f6ad55 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
}

.via-orange-500{
  --gradient-via-color: #ed8936 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
}

.via-orange-600{
  --gradient-via-color: #dd6b20 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
}

.via-orange-700{
  --gradient-via-color: #c05621 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
}

.via-orange-800{
  --gradient-via-color: #9c4221 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
}

.via-orange-900{
  --gradient-via-color: #7b341e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
}

.via-yellow-100{
  --gradient-via-color: #fffff0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
}

.via-yellow-200{
  --gradient-via-color: #fefcbf !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
}

.via-yellow-300{
  --gradient-via-color: #faf089 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
}

.via-yellow-400{
  --gradient-via-color: #f6e05e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
}

.via-yellow-500{
  --gradient-via-color: #ecc94b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
}

.via-yellow-600{
  --gradient-via-color: #d69e2e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
}

.via-yellow-700{
  --gradient-via-color: #b7791f !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
}

.via-yellow-800{
  --gradient-via-color: #975a16 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
}

.via-yellow-900{
  --gradient-via-color: #744210 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
}

.via-green-100{
  --gradient-via-color: #f0fff4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
}

.via-green-200{
  --gradient-via-color: #c6f6d5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
}

.via-green-300{
  --gradient-via-color: #9ae6b4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
}

.via-green-400{
  --gradient-via-color: #68d391 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
}

.via-green-500{
  --gradient-via-color: #48bb78 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
}

.via-green-600{
  --gradient-via-color: #38a169 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
}

.via-green-700{
  --gradient-via-color: #2f855a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
}

.via-green-800{
  --gradient-via-color: #276749 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
}

.via-green-900{
  --gradient-via-color: #22543d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
}

.via-teal-100{
  --gradient-via-color: #e6fffa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
}

.via-teal-200{
  --gradient-via-color: #b2f5ea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
}

.via-teal-300{
  --gradient-via-color: #81e6d9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
}

.via-teal-400{
  --gradient-via-color: #4fd1c5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
}

.via-teal-500{
  --gradient-via-color: #38b2ac !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
}

.via-teal-600{
  --gradient-via-color: #319795 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
}

.via-teal-700{
  --gradient-via-color: #2c7a7b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
}

.via-teal-800{
  --gradient-via-color: #285e61 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
}

.via-teal-900{
  --gradient-via-color: #234e52 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
}

.via-blue-100{
  --gradient-via-color: #ebf8ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
}

.via-blue-200{
  --gradient-via-color: #bee3f8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
}

.via-blue-300{
  --gradient-via-color: #90cdf4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
}

.via-blue-400{
  --gradient-via-color: #63b3ed !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
}

.via-blue-500{
  --gradient-via-color: #4299e1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
}

.via-blue-600{
  --gradient-via-color: #3182ce !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
}

.via-blue-700{
  --gradient-via-color: #2b6cb0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
}

.via-blue-800{
  --gradient-via-color: #2c5282 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
}

.via-blue-900{
  --gradient-via-color: #2a4365 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
}

.via-indigo-100{
  --gradient-via-color: #ebf4ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
}

.via-indigo-200{
  --gradient-via-color: #c3dafe !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
}

.via-indigo-300{
  --gradient-via-color: #a3bffa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
}

.via-indigo-400{
  --gradient-via-color: #7f9cf5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
}

.via-indigo-500{
  --gradient-via-color: #667eea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
}

.via-indigo-600{
  --gradient-via-color: #5a67d8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
}

.via-indigo-700{
  --gradient-via-color: #4c51bf !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
}

.via-indigo-800{
  --gradient-via-color: #434190 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
}

.via-indigo-900{
  --gradient-via-color: #3c366b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
}

.via-purple-100{
  --gradient-via-color: #faf5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
}

.via-purple-200{
  --gradient-via-color: #e9d8fd !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
}

.via-purple-300{
  --gradient-via-color: #d6bcfa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
}

.via-purple-400{
  --gradient-via-color: #b794f4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
}

.via-purple-500{
  --gradient-via-color: #9f7aea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
}

.via-purple-600{
  --gradient-via-color: #805ad5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
}

.via-purple-700{
  --gradient-via-color: #6b46c1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
}

.via-purple-800{
  --gradient-via-color: #553c9a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
}

.via-purple-900{
  --gradient-via-color: #44337a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
}

.via-pink-100{
  --gradient-via-color: #fff5f7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
}

.via-pink-200{
  --gradient-via-color: #fed7e2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
}

.via-pink-300{
  --gradient-via-color: #fbb6ce !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
}

.via-pink-400{
  --gradient-via-color: #f687b3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
}

.via-pink-500{
  --gradient-via-color: #ed64a6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
}

.via-pink-600{
  --gradient-via-color: #d53f8c !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
}

.via-pink-700{
  --gradient-via-color: #b83280 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
}

.via-pink-800{
  --gradient-via-color: #97266d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
}

.via-pink-900{
  --gradient-via-color: #702459 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
}

.via-primary-color{
  --gradient-via-color: var(--primary-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.via-primary-hover-color{
  --gradient-via-color: var(--hover-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.via-gray-body{
  --gradient-via-color: #f2f2f2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
}

.via-gray-light{
  --gradient-via-color: #ccc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
}

.via-gray-333{
  --gradient-via-color: #333 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
}

.via-gray-666{
  --gradient-via-color: #666 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
}

.via-gray-888{
  --gradient-via-color: #888 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
}

.via-gray-999{
  --gradient-via-color: #999 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
}

.via-gray-icon{
  --gradient-via-color: #9a9a9a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
}

.via-gray-features{
  --gradient-via-color: #f5f5f5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
}

.via-slide-border{
  --gradient-via-color: #e1e1e1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
}

.via-sale-color{
  --gradient-via-color: var(--primary-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.via-hit-color{
  --gradient-via-color: #ff9900 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
}

.via-new-color{
  --gradient-via-color: #0fa3c6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
}

.via-fb-hover-color{
  --gradient-via-color: #5959d8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
}

.via-fb-active-color{
  --gradient-via-color: #4040b3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
}

.via-vk-hover-color{
  --gradient-via-color: #628dd3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
}

.via-vk-active-color{
  --gradient-via-color: #3768b9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
}

.via-insta-hover-color{
  --gradient-via-color: #af35d2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
}

.via-insta-active-color{
  --gradient-via-color: #7e47b7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
}

.via-gray-dc{
  --gradient-via-color: #dcdcdc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
}

.via-gray-cd{
  --gradient-via-color: #cdcdcd !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
}

.via-gray-e7{
  --gradient-via-color: #e7e7e7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
}

.via-check-color{
  --gradient-via-color: #ce3a12 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
}

.via-docx-color{
  --gradient-via-color: #1789e9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
}

.via-dark-black{
  --gradient-via-color: #010101 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
}

.via-green-light{
  --gradient-via-color: #3ab011 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
}

.to-transparent{
  --gradient-to-color: transparent !important;
}

.to-current{
  --gradient-to-color: currentColor !important;
}

.to-black{
  --gradient-to-color: #000 !important;
}

.to-white{
  --gradient-to-color: #fff !important;
}

.to-gray-100{
  --gradient-to-color: #f7fafc !important;
}

.to-gray-200{
  --gradient-to-color: #edf2f7 !important;
}

.to-gray-300{
  --gradient-to-color: #e2e8f0 !important;
}

.to-gray-400{
  --gradient-to-color: #cbd5e0 !important;
}

.to-gray-500{
  --gradient-to-color: #a0aec0 !important;
}

.to-gray-600{
  --gradient-to-color: #718096 !important;
}

.to-gray-700{
  --gradient-to-color: #4a5568 !important;
}

.to-gray-800{
  --gradient-to-color: #2d3748 !important;
}

.to-gray-900{
  --gradient-to-color: #1a202c !important;
}

.to-red{
  --gradient-to-color: #cc0a0a !important;
}

.to-orange-100{
  --gradient-to-color: #fffaf0 !important;
}

.to-orange-200{
  --gradient-to-color: #feebc8 !important;
}

.to-orange-300{
  --gradient-to-color: #fbd38d !important;
}

.to-orange-400{
  --gradient-to-color: #f6ad55 !important;
}

.to-orange-500{
  --gradient-to-color: #ed8936 !important;
}

.to-orange-600{
  --gradient-to-color: #dd6b20 !important;
}

.to-orange-700{
  --gradient-to-color: #c05621 !important;
}

.to-orange-800{
  --gradient-to-color: #9c4221 !important;
}

.to-orange-900{
  --gradient-to-color: #7b341e !important;
}

.to-yellow-100{
  --gradient-to-color: #fffff0 !important;
}

.to-yellow-200{
  --gradient-to-color: #fefcbf !important;
}

.to-yellow-300{
  --gradient-to-color: #faf089 !important;
}

.to-yellow-400{
  --gradient-to-color: #f6e05e !important;
}

.to-yellow-500{
  --gradient-to-color: #ecc94b !important;
}

.to-yellow-600{
  --gradient-to-color: #d69e2e !important;
}

.to-yellow-700{
  --gradient-to-color: #b7791f !important;
}

.to-yellow-800{
  --gradient-to-color: #975a16 !important;
}

.to-yellow-900{
  --gradient-to-color: #744210 !important;
}

.to-green-100{
  --gradient-to-color: #f0fff4 !important;
}

.to-green-200{
  --gradient-to-color: #c6f6d5 !important;
}

.to-green-300{
  --gradient-to-color: #9ae6b4 !important;
}

.to-green-400{
  --gradient-to-color: #68d391 !important;
}

.to-green-500{
  --gradient-to-color: #48bb78 !important;
}

.to-green-600{
  --gradient-to-color: #38a169 !important;
}

.to-green-700{
  --gradient-to-color: #2f855a !important;
}

.to-green-800{
  --gradient-to-color: #276749 !important;
}

.to-green-900{
  --gradient-to-color: #22543d !important;
}

.to-teal-100{
  --gradient-to-color: #e6fffa !important;
}

.to-teal-200{
  --gradient-to-color: #b2f5ea !important;
}

.to-teal-300{
  --gradient-to-color: #81e6d9 !important;
}

.to-teal-400{
  --gradient-to-color: #4fd1c5 !important;
}

.to-teal-500{
  --gradient-to-color: #38b2ac !important;
}

.to-teal-600{
  --gradient-to-color: #319795 !important;
}

.to-teal-700{
  --gradient-to-color: #2c7a7b !important;
}

.to-teal-800{
  --gradient-to-color: #285e61 !important;
}

.to-teal-900{
  --gradient-to-color: #234e52 !important;
}

.to-blue-100{
  --gradient-to-color: #ebf8ff !important;
}

.to-blue-200{
  --gradient-to-color: #bee3f8 !important;
}

.to-blue-300{
  --gradient-to-color: #90cdf4 !important;
}

.to-blue-400{
  --gradient-to-color: #63b3ed !important;
}

.to-blue-500{
  --gradient-to-color: #4299e1 !important;
}

.to-blue-600{
  --gradient-to-color: #3182ce !important;
}

.to-blue-700{
  --gradient-to-color: #2b6cb0 !important;
}

.to-blue-800{
  --gradient-to-color: #2c5282 !important;
}

.to-blue-900{
  --gradient-to-color: #2a4365 !important;
}

.to-indigo-100{
  --gradient-to-color: #ebf4ff !important;
}

.to-indigo-200{
  --gradient-to-color: #c3dafe !important;
}

.to-indigo-300{
  --gradient-to-color: #a3bffa !important;
}

.to-indigo-400{
  --gradient-to-color: #7f9cf5 !important;
}

.to-indigo-500{
  --gradient-to-color: #667eea !important;
}

.to-indigo-600{
  --gradient-to-color: #5a67d8 !important;
}

.to-indigo-700{
  --gradient-to-color: #4c51bf !important;
}

.to-indigo-800{
  --gradient-to-color: #434190 !important;
}

.to-indigo-900{
  --gradient-to-color: #3c366b !important;
}

.to-purple-100{
  --gradient-to-color: #faf5ff !important;
}

.to-purple-200{
  --gradient-to-color: #e9d8fd !important;
}

.to-purple-300{
  --gradient-to-color: #d6bcfa !important;
}

.to-purple-400{
  --gradient-to-color: #b794f4 !important;
}

.to-purple-500{
  --gradient-to-color: #9f7aea !important;
}

.to-purple-600{
  --gradient-to-color: #805ad5 !important;
}

.to-purple-700{
  --gradient-to-color: #6b46c1 !important;
}

.to-purple-800{
  --gradient-to-color: #553c9a !important;
}

.to-purple-900{
  --gradient-to-color: #44337a !important;
}

.to-pink-100{
  --gradient-to-color: #fff5f7 !important;
}

.to-pink-200{
  --gradient-to-color: #fed7e2 !important;
}

.to-pink-300{
  --gradient-to-color: #fbb6ce !important;
}

.to-pink-400{
  --gradient-to-color: #f687b3 !important;
}

.to-pink-500{
  --gradient-to-color: #ed64a6 !important;
}

.to-pink-600{
  --gradient-to-color: #d53f8c !important;
}

.to-pink-700{
  --gradient-to-color: #b83280 !important;
}

.to-pink-800{
  --gradient-to-color: #97266d !important;
}

.to-pink-900{
  --gradient-to-color: #702459 !important;
}

.to-primary-color{
  --gradient-to-color: var(--primary-color) !important;
}

.to-primary-hover-color{
  --gradient-to-color: var(--hover-color) !important;
}

.to-gray-body{
  --gradient-to-color: #f2f2f2 !important;
}

.to-gray-light{
  --gradient-to-color: #ccc !important;
}

.to-gray-333{
  --gradient-to-color: #333 !important;
}

.to-gray-666{
  --gradient-to-color: #666 !important;
}

.to-gray-888{
  --gradient-to-color: #888 !important;
}

.to-gray-999{
  --gradient-to-color: #999 !important;
}

.to-gray-icon{
  --gradient-to-color: #9a9a9a !important;
}

.to-gray-features{
  --gradient-to-color: #f5f5f5 !important;
}

.to-slide-border{
  --gradient-to-color: #e1e1e1 !important;
}

.to-sale-color{
  --gradient-to-color: var(--primary-color) !important;
}

.to-hit-color{
  --gradient-to-color: #ff9900 !important;
}

.to-new-color{
  --gradient-to-color: #0fa3c6 !important;
}

.to-fb-hover-color{
  --gradient-to-color: #5959d8 !important;
}

.to-fb-active-color{
  --gradient-to-color: #4040b3 !important;
}

.to-vk-hover-color{
  --gradient-to-color: #628dd3 !important;
}

.to-vk-active-color{
  --gradient-to-color: #3768b9 !important;
}

.to-insta-hover-color{
  --gradient-to-color: #af35d2 !important;
}

.to-insta-active-color{
  --gradient-to-color: #7e47b7 !important;
}

.to-gray-dc{
  --gradient-to-color: #dcdcdc !important;
}

.to-gray-cd{
  --gradient-to-color: #cdcdcd !important;
}

.to-gray-e7{
  --gradient-to-color: #e7e7e7 !important;
}

.to-check-color{
  --gradient-to-color: #ce3a12 !important;
}

.to-docx-color{
  --gradient-to-color: #1789e9 !important;
}

.to-dark-black{
  --gradient-to-color: #010101 !important;
}

.to-green-light{
  --gradient-to-color: #3ab011 !important;
}

.hover\:from-transparent:hover{
  --gradient-from-color: transparent !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.hover\:from-current:hover{
  --gradient-from-color: currentColor !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.hover\:from-black:hover{
  --gradient-from-color: #000 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.hover\:from-white:hover{
  --gradient-from-color: #fff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.hover\:from-gray-100:hover{
  --gradient-from-color: #f7fafc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
}

.hover\:from-gray-200:hover{
  --gradient-from-color: #edf2f7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
}

.hover\:from-gray-300:hover{
  --gradient-from-color: #e2e8f0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
}

.hover\:from-gray-400:hover{
  --gradient-from-color: #cbd5e0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
}

.hover\:from-gray-500:hover{
  --gradient-from-color: #a0aec0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
}

.hover\:from-gray-600:hover{
  --gradient-from-color: #718096 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
}

.hover\:from-gray-700:hover{
  --gradient-from-color: #4a5568 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
}

.hover\:from-gray-800:hover{
  --gradient-from-color: #2d3748 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
}

.hover\:from-gray-900:hover{
  --gradient-from-color: #1a202c !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
}

.hover\:from-red:hover{
  --gradient-from-color: #cc0a0a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
}

.hover\:from-orange-100:hover{
  --gradient-from-color: #fffaf0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
}

.hover\:from-orange-200:hover{
  --gradient-from-color: #feebc8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
}

.hover\:from-orange-300:hover{
  --gradient-from-color: #fbd38d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
}

.hover\:from-orange-400:hover{
  --gradient-from-color: #f6ad55 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
}

.hover\:from-orange-500:hover{
  --gradient-from-color: #ed8936 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
}

.hover\:from-orange-600:hover{
  --gradient-from-color: #dd6b20 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
}

.hover\:from-orange-700:hover{
  --gradient-from-color: #c05621 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
}

.hover\:from-orange-800:hover{
  --gradient-from-color: #9c4221 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
}

.hover\:from-orange-900:hover{
  --gradient-from-color: #7b341e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
}

.hover\:from-yellow-100:hover{
  --gradient-from-color: #fffff0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
}

.hover\:from-yellow-200:hover{
  --gradient-from-color: #fefcbf !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
}

.hover\:from-yellow-300:hover{
  --gradient-from-color: #faf089 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
}

.hover\:from-yellow-400:hover{
  --gradient-from-color: #f6e05e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
}

.hover\:from-yellow-500:hover{
  --gradient-from-color: #ecc94b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
}

.hover\:from-yellow-600:hover{
  --gradient-from-color: #d69e2e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
}

.hover\:from-yellow-700:hover{
  --gradient-from-color: #b7791f !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
}

.hover\:from-yellow-800:hover{
  --gradient-from-color: #975a16 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
}

.hover\:from-yellow-900:hover{
  --gradient-from-color: #744210 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
}

.hover\:from-green-100:hover{
  --gradient-from-color: #f0fff4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
}

.hover\:from-green-200:hover{
  --gradient-from-color: #c6f6d5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
}

.hover\:from-green-300:hover{
  --gradient-from-color: #9ae6b4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
}

.hover\:from-green-400:hover{
  --gradient-from-color: #68d391 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
}

.hover\:from-green-500:hover{
  --gradient-from-color: #48bb78 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
}

.hover\:from-green-600:hover{
  --gradient-from-color: #38a169 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
}

.hover\:from-green-700:hover{
  --gradient-from-color: #2f855a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
}

.hover\:from-green-800:hover{
  --gradient-from-color: #276749 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
}

.hover\:from-green-900:hover{
  --gradient-from-color: #22543d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
}

.hover\:from-teal-100:hover{
  --gradient-from-color: #e6fffa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
}

.hover\:from-teal-200:hover{
  --gradient-from-color: #b2f5ea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
}

.hover\:from-teal-300:hover{
  --gradient-from-color: #81e6d9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
}

.hover\:from-teal-400:hover{
  --gradient-from-color: #4fd1c5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
}

.hover\:from-teal-500:hover{
  --gradient-from-color: #38b2ac !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
}

.hover\:from-teal-600:hover{
  --gradient-from-color: #319795 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
}

.hover\:from-teal-700:hover{
  --gradient-from-color: #2c7a7b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
}

.hover\:from-teal-800:hover{
  --gradient-from-color: #285e61 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
}

.hover\:from-teal-900:hover{
  --gradient-from-color: #234e52 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
}

.hover\:from-blue-100:hover{
  --gradient-from-color: #ebf8ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
}

.hover\:from-blue-200:hover{
  --gradient-from-color: #bee3f8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
}

.hover\:from-blue-300:hover{
  --gradient-from-color: #90cdf4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
}

.hover\:from-blue-400:hover{
  --gradient-from-color: #63b3ed !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
}

.hover\:from-blue-500:hover{
  --gradient-from-color: #4299e1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
}

.hover\:from-blue-600:hover{
  --gradient-from-color: #3182ce !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
}

.hover\:from-blue-700:hover{
  --gradient-from-color: #2b6cb0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
}

.hover\:from-blue-800:hover{
  --gradient-from-color: #2c5282 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
}

.hover\:from-blue-900:hover{
  --gradient-from-color: #2a4365 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
}

.hover\:from-indigo-100:hover{
  --gradient-from-color: #ebf4ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
}

.hover\:from-indigo-200:hover{
  --gradient-from-color: #c3dafe !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
}

.hover\:from-indigo-300:hover{
  --gradient-from-color: #a3bffa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
}

.hover\:from-indigo-400:hover{
  --gradient-from-color: #7f9cf5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
}

.hover\:from-indigo-500:hover{
  --gradient-from-color: #667eea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
}

.hover\:from-indigo-600:hover{
  --gradient-from-color: #5a67d8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
}

.hover\:from-indigo-700:hover{
  --gradient-from-color: #4c51bf !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
}

.hover\:from-indigo-800:hover{
  --gradient-from-color: #434190 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
}

.hover\:from-indigo-900:hover{
  --gradient-from-color: #3c366b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
}

.hover\:from-purple-100:hover{
  --gradient-from-color: #faf5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
}

.hover\:from-purple-200:hover{
  --gradient-from-color: #e9d8fd !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
}

.hover\:from-purple-300:hover{
  --gradient-from-color: #d6bcfa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
}

.hover\:from-purple-400:hover{
  --gradient-from-color: #b794f4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
}

.hover\:from-purple-500:hover{
  --gradient-from-color: #9f7aea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
}

.hover\:from-purple-600:hover{
  --gradient-from-color: #805ad5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
}

.hover\:from-purple-700:hover{
  --gradient-from-color: #6b46c1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
}

.hover\:from-purple-800:hover{
  --gradient-from-color: #553c9a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
}

.hover\:from-purple-900:hover{
  --gradient-from-color: #44337a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
}

.hover\:from-pink-100:hover{
  --gradient-from-color: #fff5f7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
}

.hover\:from-pink-200:hover{
  --gradient-from-color: #fed7e2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
}

.hover\:from-pink-300:hover{
  --gradient-from-color: #fbb6ce !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
}

.hover\:from-pink-400:hover{
  --gradient-from-color: #f687b3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
}

.hover\:from-pink-500:hover{
  --gradient-from-color: #ed64a6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
}

.hover\:from-pink-600:hover{
  --gradient-from-color: #d53f8c !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
}

.hover\:from-pink-700:hover{
  --gradient-from-color: #b83280 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
}

.hover\:from-pink-800:hover{
  --gradient-from-color: #97266d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
}

.hover\:from-pink-900:hover{
  --gradient-from-color: #702459 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
}

.hover\:from-primary-color:hover{
  --gradient-from-color: var(--primary-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.hover\:from-primary-hover-color:hover{
  --gradient-from-color: var(--hover-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.hover\:from-gray-body:hover{
  --gradient-from-color: #f2f2f2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
}

.hover\:from-gray-light:hover{
  --gradient-from-color: #ccc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
}

.hover\:from-gray-333:hover{
  --gradient-from-color: #333 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
}

.hover\:from-gray-666:hover{
  --gradient-from-color: #666 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
}

.hover\:from-gray-888:hover{
  --gradient-from-color: #888 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
}

.hover\:from-gray-999:hover{
  --gradient-from-color: #999 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
}

.hover\:from-gray-icon:hover{
  --gradient-from-color: #9a9a9a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
}

.hover\:from-gray-features:hover{
  --gradient-from-color: #f5f5f5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
}

.hover\:from-slide-border:hover{
  --gradient-from-color: #e1e1e1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
}

.hover\:from-sale-color:hover{
  --gradient-from-color: var(--primary-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.hover\:from-hit-color:hover{
  --gradient-from-color: #ff9900 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
}

.hover\:from-new-color:hover{
  --gradient-from-color: #0fa3c6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
}

.hover\:from-fb-hover-color:hover{
  --gradient-from-color: #5959d8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
}

.hover\:from-fb-active-color:hover{
  --gradient-from-color: #4040b3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
}

.hover\:from-vk-hover-color:hover{
  --gradient-from-color: #628dd3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
}

.hover\:from-vk-active-color:hover{
  --gradient-from-color: #3768b9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
}

.hover\:from-insta-hover-color:hover{
  --gradient-from-color: #af35d2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
}

.hover\:from-insta-active-color:hover{
  --gradient-from-color: #7e47b7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
}

.hover\:from-gray-dc:hover{
  --gradient-from-color: #dcdcdc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
}

.hover\:from-gray-cd:hover{
  --gradient-from-color: #cdcdcd !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
}

.hover\:from-gray-e7:hover{
  --gradient-from-color: #e7e7e7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
}

.hover\:from-check-color:hover{
  --gradient-from-color: #ce3a12 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
}

.hover\:from-docx-color:hover{
  --gradient-from-color: #1789e9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
}

.hover\:from-dark-black:hover{
  --gradient-from-color: #010101 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
}

.hover\:from-green-light:hover{
  --gradient-from-color: #3ab011 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
}

.hover\:via-transparent:hover{
  --gradient-via-color: transparent !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.hover\:via-current:hover{
  --gradient-via-color: currentColor !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.hover\:via-black:hover{
  --gradient-via-color: #000 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.hover\:via-white:hover{
  --gradient-via-color: #fff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.hover\:via-gray-100:hover{
  --gradient-via-color: #f7fafc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
}

.hover\:via-gray-200:hover{
  --gradient-via-color: #edf2f7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
}

.hover\:via-gray-300:hover{
  --gradient-via-color: #e2e8f0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
}

.hover\:via-gray-400:hover{
  --gradient-via-color: #cbd5e0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
}

.hover\:via-gray-500:hover{
  --gradient-via-color: #a0aec0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
}

.hover\:via-gray-600:hover{
  --gradient-via-color: #718096 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
}

.hover\:via-gray-700:hover{
  --gradient-via-color: #4a5568 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
}

.hover\:via-gray-800:hover{
  --gradient-via-color: #2d3748 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
}

.hover\:via-gray-900:hover{
  --gradient-via-color: #1a202c !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
}

.hover\:via-red:hover{
  --gradient-via-color: #cc0a0a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
}

.hover\:via-orange-100:hover{
  --gradient-via-color: #fffaf0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
}

.hover\:via-orange-200:hover{
  --gradient-via-color: #feebc8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
}

.hover\:via-orange-300:hover{
  --gradient-via-color: #fbd38d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
}

.hover\:via-orange-400:hover{
  --gradient-via-color: #f6ad55 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
}

.hover\:via-orange-500:hover{
  --gradient-via-color: #ed8936 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
}

.hover\:via-orange-600:hover{
  --gradient-via-color: #dd6b20 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
}

.hover\:via-orange-700:hover{
  --gradient-via-color: #c05621 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
}

.hover\:via-orange-800:hover{
  --gradient-via-color: #9c4221 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
}

.hover\:via-orange-900:hover{
  --gradient-via-color: #7b341e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
}

.hover\:via-yellow-100:hover{
  --gradient-via-color: #fffff0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
}

.hover\:via-yellow-200:hover{
  --gradient-via-color: #fefcbf !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
}

.hover\:via-yellow-300:hover{
  --gradient-via-color: #faf089 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
}

.hover\:via-yellow-400:hover{
  --gradient-via-color: #f6e05e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
}

.hover\:via-yellow-500:hover{
  --gradient-via-color: #ecc94b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
}

.hover\:via-yellow-600:hover{
  --gradient-via-color: #d69e2e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
}

.hover\:via-yellow-700:hover{
  --gradient-via-color: #b7791f !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
}

.hover\:via-yellow-800:hover{
  --gradient-via-color: #975a16 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
}

.hover\:via-yellow-900:hover{
  --gradient-via-color: #744210 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
}

.hover\:via-green-100:hover{
  --gradient-via-color: #f0fff4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
}

.hover\:via-green-200:hover{
  --gradient-via-color: #c6f6d5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
}

.hover\:via-green-300:hover{
  --gradient-via-color: #9ae6b4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
}

.hover\:via-green-400:hover{
  --gradient-via-color: #68d391 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
}

.hover\:via-green-500:hover{
  --gradient-via-color: #48bb78 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
}

.hover\:via-green-600:hover{
  --gradient-via-color: #38a169 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
}

.hover\:via-green-700:hover{
  --gradient-via-color: #2f855a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
}

.hover\:via-green-800:hover{
  --gradient-via-color: #276749 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
}

.hover\:via-green-900:hover{
  --gradient-via-color: #22543d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
}

.hover\:via-teal-100:hover{
  --gradient-via-color: #e6fffa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
}

.hover\:via-teal-200:hover{
  --gradient-via-color: #b2f5ea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
}

.hover\:via-teal-300:hover{
  --gradient-via-color: #81e6d9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
}

.hover\:via-teal-400:hover{
  --gradient-via-color: #4fd1c5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
}

.hover\:via-teal-500:hover{
  --gradient-via-color: #38b2ac !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
}

.hover\:via-teal-600:hover{
  --gradient-via-color: #319795 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
}

.hover\:via-teal-700:hover{
  --gradient-via-color: #2c7a7b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
}

.hover\:via-teal-800:hover{
  --gradient-via-color: #285e61 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
}

.hover\:via-teal-900:hover{
  --gradient-via-color: #234e52 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
}

.hover\:via-blue-100:hover{
  --gradient-via-color: #ebf8ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
}

.hover\:via-blue-200:hover{
  --gradient-via-color: #bee3f8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
}

.hover\:via-blue-300:hover{
  --gradient-via-color: #90cdf4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
}

.hover\:via-blue-400:hover{
  --gradient-via-color: #63b3ed !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
}

.hover\:via-blue-500:hover{
  --gradient-via-color: #4299e1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
}

.hover\:via-blue-600:hover{
  --gradient-via-color: #3182ce !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
}

.hover\:via-blue-700:hover{
  --gradient-via-color: #2b6cb0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
}

.hover\:via-blue-800:hover{
  --gradient-via-color: #2c5282 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
}

.hover\:via-blue-900:hover{
  --gradient-via-color: #2a4365 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
}

.hover\:via-indigo-100:hover{
  --gradient-via-color: #ebf4ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
}

.hover\:via-indigo-200:hover{
  --gradient-via-color: #c3dafe !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
}

.hover\:via-indigo-300:hover{
  --gradient-via-color: #a3bffa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
}

.hover\:via-indigo-400:hover{
  --gradient-via-color: #7f9cf5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
}

.hover\:via-indigo-500:hover{
  --gradient-via-color: #667eea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
}

.hover\:via-indigo-600:hover{
  --gradient-via-color: #5a67d8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
}

.hover\:via-indigo-700:hover{
  --gradient-via-color: #4c51bf !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
}

.hover\:via-indigo-800:hover{
  --gradient-via-color: #434190 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
}

.hover\:via-indigo-900:hover{
  --gradient-via-color: #3c366b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
}

.hover\:via-purple-100:hover{
  --gradient-via-color: #faf5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
}

.hover\:via-purple-200:hover{
  --gradient-via-color: #e9d8fd !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
}

.hover\:via-purple-300:hover{
  --gradient-via-color: #d6bcfa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
}

.hover\:via-purple-400:hover{
  --gradient-via-color: #b794f4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
}

.hover\:via-purple-500:hover{
  --gradient-via-color: #9f7aea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
}

.hover\:via-purple-600:hover{
  --gradient-via-color: #805ad5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
}

.hover\:via-purple-700:hover{
  --gradient-via-color: #6b46c1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
}

.hover\:via-purple-800:hover{
  --gradient-via-color: #553c9a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
}

.hover\:via-purple-900:hover{
  --gradient-via-color: #44337a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
}

.hover\:via-pink-100:hover{
  --gradient-via-color: #fff5f7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
}

.hover\:via-pink-200:hover{
  --gradient-via-color: #fed7e2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
}

.hover\:via-pink-300:hover{
  --gradient-via-color: #fbb6ce !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
}

.hover\:via-pink-400:hover{
  --gradient-via-color: #f687b3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
}

.hover\:via-pink-500:hover{
  --gradient-via-color: #ed64a6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
}

.hover\:via-pink-600:hover{
  --gradient-via-color: #d53f8c !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
}

.hover\:via-pink-700:hover{
  --gradient-via-color: #b83280 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
}

.hover\:via-pink-800:hover{
  --gradient-via-color: #97266d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
}

.hover\:via-pink-900:hover{
  --gradient-via-color: #702459 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
}

.hover\:via-primary-color:hover{
  --gradient-via-color: var(--primary-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.hover\:via-primary-hover-color:hover{
  --gradient-via-color: var(--hover-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.hover\:via-gray-body:hover{
  --gradient-via-color: #f2f2f2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
}

.hover\:via-gray-light:hover{
  --gradient-via-color: #ccc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
}

.hover\:via-gray-333:hover{
  --gradient-via-color: #333 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
}

.hover\:via-gray-666:hover{
  --gradient-via-color: #666 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
}

.hover\:via-gray-888:hover{
  --gradient-via-color: #888 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
}

.hover\:via-gray-999:hover{
  --gradient-via-color: #999 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
}

.hover\:via-gray-icon:hover{
  --gradient-via-color: #9a9a9a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
}

.hover\:via-gray-features:hover{
  --gradient-via-color: #f5f5f5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
}

.hover\:via-slide-border:hover{
  --gradient-via-color: #e1e1e1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
}

.hover\:via-sale-color:hover{
  --gradient-via-color: var(--primary-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.hover\:via-hit-color:hover{
  --gradient-via-color: #ff9900 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
}

.hover\:via-new-color:hover{
  --gradient-via-color: #0fa3c6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
}

.hover\:via-fb-hover-color:hover{
  --gradient-via-color: #5959d8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
}

.hover\:via-fb-active-color:hover{
  --gradient-via-color: #4040b3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
}

.hover\:via-vk-hover-color:hover{
  --gradient-via-color: #628dd3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
}

.hover\:via-vk-active-color:hover{
  --gradient-via-color: #3768b9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
}

.hover\:via-insta-hover-color:hover{
  --gradient-via-color: #af35d2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
}

.hover\:via-insta-active-color:hover{
  --gradient-via-color: #7e47b7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
}

.hover\:via-gray-dc:hover{
  --gradient-via-color: #dcdcdc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
}

.hover\:via-gray-cd:hover{
  --gradient-via-color: #cdcdcd !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
}

.hover\:via-gray-e7:hover{
  --gradient-via-color: #e7e7e7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
}

.hover\:via-check-color:hover{
  --gradient-via-color: #ce3a12 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
}

.hover\:via-docx-color:hover{
  --gradient-via-color: #1789e9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
}

.hover\:via-dark-black:hover{
  --gradient-via-color: #010101 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
}

.hover\:via-green-light:hover{
  --gradient-via-color: #3ab011 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
}

.hover\:to-transparent:hover{
  --gradient-to-color: transparent !important;
}

.hover\:to-current:hover{
  --gradient-to-color: currentColor !important;
}

.hover\:to-black:hover{
  --gradient-to-color: #000 !important;
}

.hover\:to-white:hover{
  --gradient-to-color: #fff !important;
}

.hover\:to-gray-100:hover{
  --gradient-to-color: #f7fafc !important;
}

.hover\:to-gray-200:hover{
  --gradient-to-color: #edf2f7 !important;
}

.hover\:to-gray-300:hover{
  --gradient-to-color: #e2e8f0 !important;
}

.hover\:to-gray-400:hover{
  --gradient-to-color: #cbd5e0 !important;
}

.hover\:to-gray-500:hover{
  --gradient-to-color: #a0aec0 !important;
}

.hover\:to-gray-600:hover{
  --gradient-to-color: #718096 !important;
}

.hover\:to-gray-700:hover{
  --gradient-to-color: #4a5568 !important;
}

.hover\:to-gray-800:hover{
  --gradient-to-color: #2d3748 !important;
}

.hover\:to-gray-900:hover{
  --gradient-to-color: #1a202c !important;
}

.hover\:to-red:hover{
  --gradient-to-color: #cc0a0a !important;
}

.hover\:to-orange-100:hover{
  --gradient-to-color: #fffaf0 !important;
}

.hover\:to-orange-200:hover{
  --gradient-to-color: #feebc8 !important;
}

.hover\:to-orange-300:hover{
  --gradient-to-color: #fbd38d !important;
}

.hover\:to-orange-400:hover{
  --gradient-to-color: #f6ad55 !important;
}

.hover\:to-orange-500:hover{
  --gradient-to-color: #ed8936 !important;
}

.hover\:to-orange-600:hover{
  --gradient-to-color: #dd6b20 !important;
}

.hover\:to-orange-700:hover{
  --gradient-to-color: #c05621 !important;
}

.hover\:to-orange-800:hover{
  --gradient-to-color: #9c4221 !important;
}

.hover\:to-orange-900:hover{
  --gradient-to-color: #7b341e !important;
}

.hover\:to-yellow-100:hover{
  --gradient-to-color: #fffff0 !important;
}

.hover\:to-yellow-200:hover{
  --gradient-to-color: #fefcbf !important;
}

.hover\:to-yellow-300:hover{
  --gradient-to-color: #faf089 !important;
}

.hover\:to-yellow-400:hover{
  --gradient-to-color: #f6e05e !important;
}

.hover\:to-yellow-500:hover{
  --gradient-to-color: #ecc94b !important;
}

.hover\:to-yellow-600:hover{
  --gradient-to-color: #d69e2e !important;
}

.hover\:to-yellow-700:hover{
  --gradient-to-color: #b7791f !important;
}

.hover\:to-yellow-800:hover{
  --gradient-to-color: #975a16 !important;
}

.hover\:to-yellow-900:hover{
  --gradient-to-color: #744210 !important;
}

.hover\:to-green-100:hover{
  --gradient-to-color: #f0fff4 !important;
}

.hover\:to-green-200:hover{
  --gradient-to-color: #c6f6d5 !important;
}

.hover\:to-green-300:hover{
  --gradient-to-color: #9ae6b4 !important;
}

.hover\:to-green-400:hover{
  --gradient-to-color: #68d391 !important;
}

.hover\:to-green-500:hover{
  --gradient-to-color: #48bb78 !important;
}

.hover\:to-green-600:hover{
  --gradient-to-color: #38a169 !important;
}

.hover\:to-green-700:hover{
  --gradient-to-color: #2f855a !important;
}

.hover\:to-green-800:hover{
  --gradient-to-color: #276749 !important;
}

.hover\:to-green-900:hover{
  --gradient-to-color: #22543d !important;
}

.hover\:to-teal-100:hover{
  --gradient-to-color: #e6fffa !important;
}

.hover\:to-teal-200:hover{
  --gradient-to-color: #b2f5ea !important;
}

.hover\:to-teal-300:hover{
  --gradient-to-color: #81e6d9 !important;
}

.hover\:to-teal-400:hover{
  --gradient-to-color: #4fd1c5 !important;
}

.hover\:to-teal-500:hover{
  --gradient-to-color: #38b2ac !important;
}

.hover\:to-teal-600:hover{
  --gradient-to-color: #319795 !important;
}

.hover\:to-teal-700:hover{
  --gradient-to-color: #2c7a7b !important;
}

.hover\:to-teal-800:hover{
  --gradient-to-color: #285e61 !important;
}

.hover\:to-teal-900:hover{
  --gradient-to-color: #234e52 !important;
}

.hover\:to-blue-100:hover{
  --gradient-to-color: #ebf8ff !important;
}

.hover\:to-blue-200:hover{
  --gradient-to-color: #bee3f8 !important;
}

.hover\:to-blue-300:hover{
  --gradient-to-color: #90cdf4 !important;
}

.hover\:to-blue-400:hover{
  --gradient-to-color: #63b3ed !important;
}

.hover\:to-blue-500:hover{
  --gradient-to-color: #4299e1 !important;
}

.hover\:to-blue-600:hover{
  --gradient-to-color: #3182ce !important;
}

.hover\:to-blue-700:hover{
  --gradient-to-color: #2b6cb0 !important;
}

.hover\:to-blue-800:hover{
  --gradient-to-color: #2c5282 !important;
}

.hover\:to-blue-900:hover{
  --gradient-to-color: #2a4365 !important;
}

.hover\:to-indigo-100:hover{
  --gradient-to-color: #ebf4ff !important;
}

.hover\:to-indigo-200:hover{
  --gradient-to-color: #c3dafe !important;
}

.hover\:to-indigo-300:hover{
  --gradient-to-color: #a3bffa !important;
}

.hover\:to-indigo-400:hover{
  --gradient-to-color: #7f9cf5 !important;
}

.hover\:to-indigo-500:hover{
  --gradient-to-color: #667eea !important;
}

.hover\:to-indigo-600:hover{
  --gradient-to-color: #5a67d8 !important;
}

.hover\:to-indigo-700:hover{
  --gradient-to-color: #4c51bf !important;
}

.hover\:to-indigo-800:hover{
  --gradient-to-color: #434190 !important;
}

.hover\:to-indigo-900:hover{
  --gradient-to-color: #3c366b !important;
}

.hover\:to-purple-100:hover{
  --gradient-to-color: #faf5ff !important;
}

.hover\:to-purple-200:hover{
  --gradient-to-color: #e9d8fd !important;
}

.hover\:to-purple-300:hover{
  --gradient-to-color: #d6bcfa !important;
}

.hover\:to-purple-400:hover{
  --gradient-to-color: #b794f4 !important;
}

.hover\:to-purple-500:hover{
  --gradient-to-color: #9f7aea !important;
}

.hover\:to-purple-600:hover{
  --gradient-to-color: #805ad5 !important;
}

.hover\:to-purple-700:hover{
  --gradient-to-color: #6b46c1 !important;
}

.hover\:to-purple-800:hover{
  --gradient-to-color: #553c9a !important;
}

.hover\:to-purple-900:hover{
  --gradient-to-color: #44337a !important;
}

.hover\:to-pink-100:hover{
  --gradient-to-color: #fff5f7 !important;
}

.hover\:to-pink-200:hover{
  --gradient-to-color: #fed7e2 !important;
}

.hover\:to-pink-300:hover{
  --gradient-to-color: #fbb6ce !important;
}

.hover\:to-pink-400:hover{
  --gradient-to-color: #f687b3 !important;
}

.hover\:to-pink-500:hover{
  --gradient-to-color: #ed64a6 !important;
}

.hover\:to-pink-600:hover{
  --gradient-to-color: #d53f8c !important;
}

.hover\:to-pink-700:hover{
  --gradient-to-color: #b83280 !important;
}

.hover\:to-pink-800:hover{
  --gradient-to-color: #97266d !important;
}

.hover\:to-pink-900:hover{
  --gradient-to-color: #702459 !important;
}

.hover\:to-primary-color:hover{
  --gradient-to-color: var(--primary-color) !important;
}

.hover\:to-primary-hover-color:hover{
  --gradient-to-color: var(--hover-color) !important;
}

.hover\:to-gray-body:hover{
  --gradient-to-color: #f2f2f2 !important;
}

.hover\:to-gray-light:hover{
  --gradient-to-color: #ccc !important;
}

.hover\:to-gray-333:hover{
  --gradient-to-color: #333 !important;
}

.hover\:to-gray-666:hover{
  --gradient-to-color: #666 !important;
}

.hover\:to-gray-888:hover{
  --gradient-to-color: #888 !important;
}

.hover\:to-gray-999:hover{
  --gradient-to-color: #999 !important;
}

.hover\:to-gray-icon:hover{
  --gradient-to-color: #9a9a9a !important;
}

.hover\:to-gray-features:hover{
  --gradient-to-color: #f5f5f5 !important;
}

.hover\:to-slide-border:hover{
  --gradient-to-color: #e1e1e1 !important;
}

.hover\:to-sale-color:hover{
  --gradient-to-color: var(--primary-color) !important;
}

.hover\:to-hit-color:hover{
  --gradient-to-color: #ff9900 !important;
}

.hover\:to-new-color:hover{
  --gradient-to-color: #0fa3c6 !important;
}

.hover\:to-fb-hover-color:hover{
  --gradient-to-color: #5959d8 !important;
}

.hover\:to-fb-active-color:hover{
  --gradient-to-color: #4040b3 !important;
}

.hover\:to-vk-hover-color:hover{
  --gradient-to-color: #628dd3 !important;
}

.hover\:to-vk-active-color:hover{
  --gradient-to-color: #3768b9 !important;
}

.hover\:to-insta-hover-color:hover{
  --gradient-to-color: #af35d2 !important;
}

.hover\:to-insta-active-color:hover{
  --gradient-to-color: #7e47b7 !important;
}

.hover\:to-gray-dc:hover{
  --gradient-to-color: #dcdcdc !important;
}

.hover\:to-gray-cd:hover{
  --gradient-to-color: #cdcdcd !important;
}

.hover\:to-gray-e7:hover{
  --gradient-to-color: #e7e7e7 !important;
}

.hover\:to-check-color:hover{
  --gradient-to-color: #ce3a12 !important;
}

.hover\:to-docx-color:hover{
  --gradient-to-color: #1789e9 !important;
}

.hover\:to-dark-black:hover{
  --gradient-to-color: #010101 !important;
}

.hover\:to-green-light:hover{
  --gradient-to-color: #3ab011 !important;
}

.focus\:from-transparent:focus{
  --gradient-from-color: transparent !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.focus\:from-current:focus{
  --gradient-from-color: currentColor !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.focus\:from-black:focus{
  --gradient-from-color: #000 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.focus\:from-white:focus{
  --gradient-from-color: #fff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.focus\:from-gray-100:focus{
  --gradient-from-color: #f7fafc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
}

.focus\:from-gray-200:focus{
  --gradient-from-color: #edf2f7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
}

.focus\:from-gray-300:focus{
  --gradient-from-color: #e2e8f0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
}

.focus\:from-gray-400:focus{
  --gradient-from-color: #cbd5e0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
}

.focus\:from-gray-500:focus{
  --gradient-from-color: #a0aec0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
}

.focus\:from-gray-600:focus{
  --gradient-from-color: #718096 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
}

.focus\:from-gray-700:focus{
  --gradient-from-color: #4a5568 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
}

.focus\:from-gray-800:focus{
  --gradient-from-color: #2d3748 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
}

.focus\:from-gray-900:focus{
  --gradient-from-color: #1a202c !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
}

.focus\:from-red:focus{
  --gradient-from-color: #cc0a0a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
}

.focus\:from-orange-100:focus{
  --gradient-from-color: #fffaf0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
}

.focus\:from-orange-200:focus{
  --gradient-from-color: #feebc8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
}

.focus\:from-orange-300:focus{
  --gradient-from-color: #fbd38d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
}

.focus\:from-orange-400:focus{
  --gradient-from-color: #f6ad55 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
}

.focus\:from-orange-500:focus{
  --gradient-from-color: #ed8936 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
}

.focus\:from-orange-600:focus{
  --gradient-from-color: #dd6b20 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
}

.focus\:from-orange-700:focus{
  --gradient-from-color: #c05621 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
}

.focus\:from-orange-800:focus{
  --gradient-from-color: #9c4221 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
}

.focus\:from-orange-900:focus{
  --gradient-from-color: #7b341e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
}

.focus\:from-yellow-100:focus{
  --gradient-from-color: #fffff0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
}

.focus\:from-yellow-200:focus{
  --gradient-from-color: #fefcbf !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
}

.focus\:from-yellow-300:focus{
  --gradient-from-color: #faf089 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
}

.focus\:from-yellow-400:focus{
  --gradient-from-color: #f6e05e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
}

.focus\:from-yellow-500:focus{
  --gradient-from-color: #ecc94b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
}

.focus\:from-yellow-600:focus{
  --gradient-from-color: #d69e2e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
}

.focus\:from-yellow-700:focus{
  --gradient-from-color: #b7791f !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
}

.focus\:from-yellow-800:focus{
  --gradient-from-color: #975a16 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
}

.focus\:from-yellow-900:focus{
  --gradient-from-color: #744210 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
}

.focus\:from-green-100:focus{
  --gradient-from-color: #f0fff4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
}

.focus\:from-green-200:focus{
  --gradient-from-color: #c6f6d5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
}

.focus\:from-green-300:focus{
  --gradient-from-color: #9ae6b4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
}

.focus\:from-green-400:focus{
  --gradient-from-color: #68d391 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
}

.focus\:from-green-500:focus{
  --gradient-from-color: #48bb78 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
}

.focus\:from-green-600:focus{
  --gradient-from-color: #38a169 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
}

.focus\:from-green-700:focus{
  --gradient-from-color: #2f855a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
}

.focus\:from-green-800:focus{
  --gradient-from-color: #276749 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
}

.focus\:from-green-900:focus{
  --gradient-from-color: #22543d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
}

.focus\:from-teal-100:focus{
  --gradient-from-color: #e6fffa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
}

.focus\:from-teal-200:focus{
  --gradient-from-color: #b2f5ea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
}

.focus\:from-teal-300:focus{
  --gradient-from-color: #81e6d9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
}

.focus\:from-teal-400:focus{
  --gradient-from-color: #4fd1c5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
}

.focus\:from-teal-500:focus{
  --gradient-from-color: #38b2ac !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
}

.focus\:from-teal-600:focus{
  --gradient-from-color: #319795 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
}

.focus\:from-teal-700:focus{
  --gradient-from-color: #2c7a7b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
}

.focus\:from-teal-800:focus{
  --gradient-from-color: #285e61 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
}

.focus\:from-teal-900:focus{
  --gradient-from-color: #234e52 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
}

.focus\:from-blue-100:focus{
  --gradient-from-color: #ebf8ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
}

.focus\:from-blue-200:focus{
  --gradient-from-color: #bee3f8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
}

.focus\:from-blue-300:focus{
  --gradient-from-color: #90cdf4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
}

.focus\:from-blue-400:focus{
  --gradient-from-color: #63b3ed !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
}

.focus\:from-blue-500:focus{
  --gradient-from-color: #4299e1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
}

.focus\:from-blue-600:focus{
  --gradient-from-color: #3182ce !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
}

.focus\:from-blue-700:focus{
  --gradient-from-color: #2b6cb0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
}

.focus\:from-blue-800:focus{
  --gradient-from-color: #2c5282 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
}

.focus\:from-blue-900:focus{
  --gradient-from-color: #2a4365 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
}

.focus\:from-indigo-100:focus{
  --gradient-from-color: #ebf4ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
}

.focus\:from-indigo-200:focus{
  --gradient-from-color: #c3dafe !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
}

.focus\:from-indigo-300:focus{
  --gradient-from-color: #a3bffa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
}

.focus\:from-indigo-400:focus{
  --gradient-from-color: #7f9cf5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
}

.focus\:from-indigo-500:focus{
  --gradient-from-color: #667eea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
}

.focus\:from-indigo-600:focus{
  --gradient-from-color: #5a67d8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
}

.focus\:from-indigo-700:focus{
  --gradient-from-color: #4c51bf !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
}

.focus\:from-indigo-800:focus{
  --gradient-from-color: #434190 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
}

.focus\:from-indigo-900:focus{
  --gradient-from-color: #3c366b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
}

.focus\:from-purple-100:focus{
  --gradient-from-color: #faf5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
}

.focus\:from-purple-200:focus{
  --gradient-from-color: #e9d8fd !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
}

.focus\:from-purple-300:focus{
  --gradient-from-color: #d6bcfa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
}

.focus\:from-purple-400:focus{
  --gradient-from-color: #b794f4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
}

.focus\:from-purple-500:focus{
  --gradient-from-color: #9f7aea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
}

.focus\:from-purple-600:focus{
  --gradient-from-color: #805ad5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
}

.focus\:from-purple-700:focus{
  --gradient-from-color: #6b46c1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
}

.focus\:from-purple-800:focus{
  --gradient-from-color: #553c9a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
}

.focus\:from-purple-900:focus{
  --gradient-from-color: #44337a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
}

.focus\:from-pink-100:focus{
  --gradient-from-color: #fff5f7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
}

.focus\:from-pink-200:focus{
  --gradient-from-color: #fed7e2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
}

.focus\:from-pink-300:focus{
  --gradient-from-color: #fbb6ce !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
}

.focus\:from-pink-400:focus{
  --gradient-from-color: #f687b3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
}

.focus\:from-pink-500:focus{
  --gradient-from-color: #ed64a6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
}

.focus\:from-pink-600:focus{
  --gradient-from-color: #d53f8c !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
}

.focus\:from-pink-700:focus{
  --gradient-from-color: #b83280 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
}

.focus\:from-pink-800:focus{
  --gradient-from-color: #97266d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
}

.focus\:from-pink-900:focus{
  --gradient-from-color: #702459 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
}

.focus\:from-primary-color:focus{
  --gradient-from-color: var(--primary-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.focus\:from-primary-hover-color:focus{
  --gradient-from-color: var(--hover-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.focus\:from-gray-body:focus{
  --gradient-from-color: #f2f2f2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
}

.focus\:from-gray-light:focus{
  --gradient-from-color: #ccc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
}

.focus\:from-gray-333:focus{
  --gradient-from-color: #333 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
}

.focus\:from-gray-666:focus{
  --gradient-from-color: #666 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
}

.focus\:from-gray-888:focus{
  --gradient-from-color: #888 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
}

.focus\:from-gray-999:focus{
  --gradient-from-color: #999 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
}

.focus\:from-gray-icon:focus{
  --gradient-from-color: #9a9a9a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
}

.focus\:from-gray-features:focus{
  --gradient-from-color: #f5f5f5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
}

.focus\:from-slide-border:focus{
  --gradient-from-color: #e1e1e1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
}

.focus\:from-sale-color:focus{
  --gradient-from-color: var(--primary-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.focus\:from-hit-color:focus{
  --gradient-from-color: #ff9900 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
}

.focus\:from-new-color:focus{
  --gradient-from-color: #0fa3c6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
}

.focus\:from-fb-hover-color:focus{
  --gradient-from-color: #5959d8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
}

.focus\:from-fb-active-color:focus{
  --gradient-from-color: #4040b3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
}

.focus\:from-vk-hover-color:focus{
  --gradient-from-color: #628dd3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
}

.focus\:from-vk-active-color:focus{
  --gradient-from-color: #3768b9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
}

.focus\:from-insta-hover-color:focus{
  --gradient-from-color: #af35d2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
}

.focus\:from-insta-active-color:focus{
  --gradient-from-color: #7e47b7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
}

.focus\:from-gray-dc:focus{
  --gradient-from-color: #dcdcdc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
}

.focus\:from-gray-cd:focus{
  --gradient-from-color: #cdcdcd !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
}

.focus\:from-gray-e7:focus{
  --gradient-from-color: #e7e7e7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
}

.focus\:from-check-color:focus{
  --gradient-from-color: #ce3a12 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
}

.focus\:from-docx-color:focus{
  --gradient-from-color: #1789e9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
}

.focus\:from-dark-black:focus{
  --gradient-from-color: #010101 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
}

.focus\:from-green-light:focus{
  --gradient-from-color: #3ab011 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
}

.focus\:via-transparent:focus{
  --gradient-via-color: transparent !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.focus\:via-current:focus{
  --gradient-via-color: currentColor !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.focus\:via-black:focus{
  --gradient-via-color: #000 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
}

.focus\:via-white:focus{
  --gradient-via-color: #fff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.focus\:via-gray-100:focus{
  --gradient-via-color: #f7fafc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
}

.focus\:via-gray-200:focus{
  --gradient-via-color: #edf2f7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
}

.focus\:via-gray-300:focus{
  --gradient-via-color: #e2e8f0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
}

.focus\:via-gray-400:focus{
  --gradient-via-color: #cbd5e0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
}

.focus\:via-gray-500:focus{
  --gradient-via-color: #a0aec0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
}

.focus\:via-gray-600:focus{
  --gradient-via-color: #718096 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
}

.focus\:via-gray-700:focus{
  --gradient-via-color: #4a5568 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
}

.focus\:via-gray-800:focus{
  --gradient-via-color: #2d3748 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
}

.focus\:via-gray-900:focus{
  --gradient-via-color: #1a202c !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
}

.focus\:via-red:focus{
  --gradient-via-color: #cc0a0a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
}

.focus\:via-orange-100:focus{
  --gradient-via-color: #fffaf0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
}

.focus\:via-orange-200:focus{
  --gradient-via-color: #feebc8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
}

.focus\:via-orange-300:focus{
  --gradient-via-color: #fbd38d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
}

.focus\:via-orange-400:focus{
  --gradient-via-color: #f6ad55 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
}

.focus\:via-orange-500:focus{
  --gradient-via-color: #ed8936 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
}

.focus\:via-orange-600:focus{
  --gradient-via-color: #dd6b20 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
}

.focus\:via-orange-700:focus{
  --gradient-via-color: #c05621 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
}

.focus\:via-orange-800:focus{
  --gradient-via-color: #9c4221 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
}

.focus\:via-orange-900:focus{
  --gradient-via-color: #7b341e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
}

.focus\:via-yellow-100:focus{
  --gradient-via-color: #fffff0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
}

.focus\:via-yellow-200:focus{
  --gradient-via-color: #fefcbf !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
}

.focus\:via-yellow-300:focus{
  --gradient-via-color: #faf089 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
}

.focus\:via-yellow-400:focus{
  --gradient-via-color: #f6e05e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
}

.focus\:via-yellow-500:focus{
  --gradient-via-color: #ecc94b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
}

.focus\:via-yellow-600:focus{
  --gradient-via-color: #d69e2e !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
}

.focus\:via-yellow-700:focus{
  --gradient-via-color: #b7791f !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
}

.focus\:via-yellow-800:focus{
  --gradient-via-color: #975a16 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
}

.focus\:via-yellow-900:focus{
  --gradient-via-color: #744210 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
}

.focus\:via-green-100:focus{
  --gradient-via-color: #f0fff4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
}

.focus\:via-green-200:focus{
  --gradient-via-color: #c6f6d5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
}

.focus\:via-green-300:focus{
  --gradient-via-color: #9ae6b4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
}

.focus\:via-green-400:focus{
  --gradient-via-color: #68d391 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
}

.focus\:via-green-500:focus{
  --gradient-via-color: #48bb78 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
}

.focus\:via-green-600:focus{
  --gradient-via-color: #38a169 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
}

.focus\:via-green-700:focus{
  --gradient-via-color: #2f855a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
}

.focus\:via-green-800:focus{
  --gradient-via-color: #276749 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
}

.focus\:via-green-900:focus{
  --gradient-via-color: #22543d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
}

.focus\:via-teal-100:focus{
  --gradient-via-color: #e6fffa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
}

.focus\:via-teal-200:focus{
  --gradient-via-color: #b2f5ea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
}

.focus\:via-teal-300:focus{
  --gradient-via-color: #81e6d9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
}

.focus\:via-teal-400:focus{
  --gradient-via-color: #4fd1c5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
}

.focus\:via-teal-500:focus{
  --gradient-via-color: #38b2ac !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
}

.focus\:via-teal-600:focus{
  --gradient-via-color: #319795 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
}

.focus\:via-teal-700:focus{
  --gradient-via-color: #2c7a7b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
}

.focus\:via-teal-800:focus{
  --gradient-via-color: #285e61 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
}

.focus\:via-teal-900:focus{
  --gradient-via-color: #234e52 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
}

.focus\:via-blue-100:focus{
  --gradient-via-color: #ebf8ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
}

.focus\:via-blue-200:focus{
  --gradient-via-color: #bee3f8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
}

.focus\:via-blue-300:focus{
  --gradient-via-color: #90cdf4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
}

.focus\:via-blue-400:focus{
  --gradient-via-color: #63b3ed !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
}

.focus\:via-blue-500:focus{
  --gradient-via-color: #4299e1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
}

.focus\:via-blue-600:focus{
  --gradient-via-color: #3182ce !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
}

.focus\:via-blue-700:focus{
  --gradient-via-color: #2b6cb0 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
}

.focus\:via-blue-800:focus{
  --gradient-via-color: #2c5282 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
}

.focus\:via-blue-900:focus{
  --gradient-via-color: #2a4365 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
}

.focus\:via-indigo-100:focus{
  --gradient-via-color: #ebf4ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
}

.focus\:via-indigo-200:focus{
  --gradient-via-color: #c3dafe !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
}

.focus\:via-indigo-300:focus{
  --gradient-via-color: #a3bffa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
}

.focus\:via-indigo-400:focus{
  --gradient-via-color: #7f9cf5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
}

.focus\:via-indigo-500:focus{
  --gradient-via-color: #667eea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
}

.focus\:via-indigo-600:focus{
  --gradient-via-color: #5a67d8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
}

.focus\:via-indigo-700:focus{
  --gradient-via-color: #4c51bf !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
}

.focus\:via-indigo-800:focus{
  --gradient-via-color: #434190 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
}

.focus\:via-indigo-900:focus{
  --gradient-via-color: #3c366b !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
}

.focus\:via-purple-100:focus{
  --gradient-via-color: #faf5ff !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
}

.focus\:via-purple-200:focus{
  --gradient-via-color: #e9d8fd !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
}

.focus\:via-purple-300:focus{
  --gradient-via-color: #d6bcfa !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
}

.focus\:via-purple-400:focus{
  --gradient-via-color: #b794f4 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
}

.focus\:via-purple-500:focus{
  --gradient-via-color: #9f7aea !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
}

.focus\:via-purple-600:focus{
  --gradient-via-color: #805ad5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
}

.focus\:via-purple-700:focus{
  --gradient-via-color: #6b46c1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
}

.focus\:via-purple-800:focus{
  --gradient-via-color: #553c9a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
}

.focus\:via-purple-900:focus{
  --gradient-via-color: #44337a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
}

.focus\:via-pink-100:focus{
  --gradient-via-color: #fff5f7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
}

.focus\:via-pink-200:focus{
  --gradient-via-color: #fed7e2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
}

.focus\:via-pink-300:focus{
  --gradient-via-color: #fbb6ce !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
}

.focus\:via-pink-400:focus{
  --gradient-via-color: #f687b3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
}

.focus\:via-pink-500:focus{
  --gradient-via-color: #ed64a6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
}

.focus\:via-pink-600:focus{
  --gradient-via-color: #d53f8c !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
}

.focus\:via-pink-700:focus{
  --gradient-via-color: #b83280 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
}

.focus\:via-pink-800:focus{
  --gradient-via-color: #97266d !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
}

.focus\:via-pink-900:focus{
  --gradient-via-color: #702459 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
}

.focus\:via-primary-color:focus{
  --gradient-via-color: var(--primary-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.focus\:via-primary-hover-color:focus{
  --gradient-via-color: var(--hover-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.focus\:via-gray-body:focus{
  --gradient-via-color: #f2f2f2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
}

.focus\:via-gray-light:focus{
  --gradient-via-color: #ccc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
}

.focus\:via-gray-333:focus{
  --gradient-via-color: #333 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
}

.focus\:via-gray-666:focus{
  --gradient-via-color: #666 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
}

.focus\:via-gray-888:focus{
  --gradient-via-color: #888 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
}

.focus\:via-gray-999:focus{
  --gradient-via-color: #999 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
}

.focus\:via-gray-icon:focus{
  --gradient-via-color: #9a9a9a !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
}

.focus\:via-gray-features:focus{
  --gradient-via-color: #f5f5f5 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
}

.focus\:via-slide-border:focus{
  --gradient-via-color: #e1e1e1 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
}

.focus\:via-sale-color:focus{
  --gradient-via-color: var(--primary-color) !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
}

.focus\:via-hit-color:focus{
  --gradient-via-color: #ff9900 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
}

.focus\:via-new-color:focus{
  --gradient-via-color: #0fa3c6 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
}

.focus\:via-fb-hover-color:focus{
  --gradient-via-color: #5959d8 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
}

.focus\:via-fb-active-color:focus{
  --gradient-via-color: #4040b3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
}

.focus\:via-vk-hover-color:focus{
  --gradient-via-color: #628dd3 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
}

.focus\:via-vk-active-color:focus{
  --gradient-via-color: #3768b9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
}

.focus\:via-insta-hover-color:focus{
  --gradient-via-color: #af35d2 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
}

.focus\:via-insta-active-color:focus{
  --gradient-via-color: #7e47b7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
}

.focus\:via-gray-dc:focus{
  --gradient-via-color: #dcdcdc !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
}

.focus\:via-gray-cd:focus{
  --gradient-via-color: #cdcdcd !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
}

.focus\:via-gray-e7:focus{
  --gradient-via-color: #e7e7e7 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
}

.focus\:via-check-color:focus{
  --gradient-via-color: #ce3a12 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
}

.focus\:via-docx-color:focus{
  --gradient-via-color: #1789e9 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
}

.focus\:via-dark-black:focus{
  --gradient-via-color: #010101 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
}

.focus\:via-green-light:focus{
  --gradient-via-color: #3ab011 !important;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
}

.focus\:to-transparent:focus{
  --gradient-to-color: transparent !important;
}

.focus\:to-current:focus{
  --gradient-to-color: currentColor !important;
}

.focus\:to-black:focus{
  --gradient-to-color: #000 !important;
}

.focus\:to-white:focus{
  --gradient-to-color: #fff !important;
}

.focus\:to-gray-100:focus{
  --gradient-to-color: #f7fafc !important;
}

.focus\:to-gray-200:focus{
  --gradient-to-color: #edf2f7 !important;
}

.focus\:to-gray-300:focus{
  --gradient-to-color: #e2e8f0 !important;
}

.focus\:to-gray-400:focus{
  --gradient-to-color: #cbd5e0 !important;
}

.focus\:to-gray-500:focus{
  --gradient-to-color: #a0aec0 !important;
}

.focus\:to-gray-600:focus{
  --gradient-to-color: #718096 !important;
}

.focus\:to-gray-700:focus{
  --gradient-to-color: #4a5568 !important;
}

.focus\:to-gray-800:focus{
  --gradient-to-color: #2d3748 !important;
}

.focus\:to-gray-900:focus{
  --gradient-to-color: #1a202c !important;
}

.focus\:to-red:focus{
  --gradient-to-color: #cc0a0a !important;
}

.focus\:to-orange-100:focus{
  --gradient-to-color: #fffaf0 !important;
}

.focus\:to-orange-200:focus{
  --gradient-to-color: #feebc8 !important;
}

.focus\:to-orange-300:focus{
  --gradient-to-color: #fbd38d !important;
}

.focus\:to-orange-400:focus{
  --gradient-to-color: #f6ad55 !important;
}

.focus\:to-orange-500:focus{
  --gradient-to-color: #ed8936 !important;
}

.focus\:to-orange-600:focus{
  --gradient-to-color: #dd6b20 !important;
}

.focus\:to-orange-700:focus{
  --gradient-to-color: #c05621 !important;
}

.focus\:to-orange-800:focus{
  --gradient-to-color: #9c4221 !important;
}

.focus\:to-orange-900:focus{
  --gradient-to-color: #7b341e !important;
}

.focus\:to-yellow-100:focus{
  --gradient-to-color: #fffff0 !important;
}

.focus\:to-yellow-200:focus{
  --gradient-to-color: #fefcbf !important;
}

.focus\:to-yellow-300:focus{
  --gradient-to-color: #faf089 !important;
}

.focus\:to-yellow-400:focus{
  --gradient-to-color: #f6e05e !important;
}

.focus\:to-yellow-500:focus{
  --gradient-to-color: #ecc94b !important;
}

.focus\:to-yellow-600:focus{
  --gradient-to-color: #d69e2e !important;
}

.focus\:to-yellow-700:focus{
  --gradient-to-color: #b7791f !important;
}

.focus\:to-yellow-800:focus{
  --gradient-to-color: #975a16 !important;
}

.focus\:to-yellow-900:focus{
  --gradient-to-color: #744210 !important;
}

.focus\:to-green-100:focus{
  --gradient-to-color: #f0fff4 !important;
}

.focus\:to-green-200:focus{
  --gradient-to-color: #c6f6d5 !important;
}

.focus\:to-green-300:focus{
  --gradient-to-color: #9ae6b4 !important;
}

.focus\:to-green-400:focus{
  --gradient-to-color: #68d391 !important;
}

.focus\:to-green-500:focus{
  --gradient-to-color: #48bb78 !important;
}

.focus\:to-green-600:focus{
  --gradient-to-color: #38a169 !important;
}

.focus\:to-green-700:focus{
  --gradient-to-color: #2f855a !important;
}

.focus\:to-green-800:focus{
  --gradient-to-color: #276749 !important;
}

.focus\:to-green-900:focus{
  --gradient-to-color: #22543d !important;
}

.focus\:to-teal-100:focus{
  --gradient-to-color: #e6fffa !important;
}

.focus\:to-teal-200:focus{
  --gradient-to-color: #b2f5ea !important;
}

.focus\:to-teal-300:focus{
  --gradient-to-color: #81e6d9 !important;
}

.focus\:to-teal-400:focus{
  --gradient-to-color: #4fd1c5 !important;
}

.focus\:to-teal-500:focus{
  --gradient-to-color: #38b2ac !important;
}

.focus\:to-teal-600:focus{
  --gradient-to-color: #319795 !important;
}

.focus\:to-teal-700:focus{
  --gradient-to-color: #2c7a7b !important;
}

.focus\:to-teal-800:focus{
  --gradient-to-color: #285e61 !important;
}

.focus\:to-teal-900:focus{
  --gradient-to-color: #234e52 !important;
}

.focus\:to-blue-100:focus{
  --gradient-to-color: #ebf8ff !important;
}

.focus\:to-blue-200:focus{
  --gradient-to-color: #bee3f8 !important;
}

.focus\:to-blue-300:focus{
  --gradient-to-color: #90cdf4 !important;
}

.focus\:to-blue-400:focus{
  --gradient-to-color: #63b3ed !important;
}

.focus\:to-blue-500:focus{
  --gradient-to-color: #4299e1 !important;
}

.focus\:to-blue-600:focus{
  --gradient-to-color: #3182ce !important;
}

.focus\:to-blue-700:focus{
  --gradient-to-color: #2b6cb0 !important;
}

.focus\:to-blue-800:focus{
  --gradient-to-color: #2c5282 !important;
}

.focus\:to-blue-900:focus{
  --gradient-to-color: #2a4365 !important;
}

.focus\:to-indigo-100:focus{
  --gradient-to-color: #ebf4ff !important;
}

.focus\:to-indigo-200:focus{
  --gradient-to-color: #c3dafe !important;
}

.focus\:to-indigo-300:focus{
  --gradient-to-color: #a3bffa !important;
}

.focus\:to-indigo-400:focus{
  --gradient-to-color: #7f9cf5 !important;
}

.focus\:to-indigo-500:focus{
  --gradient-to-color: #667eea !important;
}

.focus\:to-indigo-600:focus{
  --gradient-to-color: #5a67d8 !important;
}

.focus\:to-indigo-700:focus{
  --gradient-to-color: #4c51bf !important;
}

.focus\:to-indigo-800:focus{
  --gradient-to-color: #434190 !important;
}

.focus\:to-indigo-900:focus{
  --gradient-to-color: #3c366b !important;
}

.focus\:to-purple-100:focus{
  --gradient-to-color: #faf5ff !important;
}

.focus\:to-purple-200:focus{
  --gradient-to-color: #e9d8fd !important;
}

.focus\:to-purple-300:focus{
  --gradient-to-color: #d6bcfa !important;
}

.focus\:to-purple-400:focus{
  --gradient-to-color: #b794f4 !important;
}

.focus\:to-purple-500:focus{
  --gradient-to-color: #9f7aea !important;
}

.focus\:to-purple-600:focus{
  --gradient-to-color: #805ad5 !important;
}

.focus\:to-purple-700:focus{
  --gradient-to-color: #6b46c1 !important;
}

.focus\:to-purple-800:focus{
  --gradient-to-color: #553c9a !important;
}

.focus\:to-purple-900:focus{
  --gradient-to-color: #44337a !important;
}

.focus\:to-pink-100:focus{
  --gradient-to-color: #fff5f7 !important;
}

.focus\:to-pink-200:focus{
  --gradient-to-color: #fed7e2 !important;
}

.focus\:to-pink-300:focus{
  --gradient-to-color: #fbb6ce !important;
}

.focus\:to-pink-400:focus{
  --gradient-to-color: #f687b3 !important;
}

.focus\:to-pink-500:focus{
  --gradient-to-color: #ed64a6 !important;
}

.focus\:to-pink-600:focus{
  --gradient-to-color: #d53f8c !important;
}

.focus\:to-pink-700:focus{
  --gradient-to-color: #b83280 !important;
}

.focus\:to-pink-800:focus{
  --gradient-to-color: #97266d !important;
}

.focus\:to-pink-900:focus{
  --gradient-to-color: #702459 !important;
}

.focus\:to-primary-color:focus{
  --gradient-to-color: var(--primary-color) !important;
}

.focus\:to-primary-hover-color:focus{
  --gradient-to-color: var(--hover-color) !important;
}

.focus\:to-gray-body:focus{
  --gradient-to-color: #f2f2f2 !important;
}

.focus\:to-gray-light:focus{
  --gradient-to-color: #ccc !important;
}

.focus\:to-gray-333:focus{
  --gradient-to-color: #333 !important;
}

.focus\:to-gray-666:focus{
  --gradient-to-color: #666 !important;
}

.focus\:to-gray-888:focus{
  --gradient-to-color: #888 !important;
}

.focus\:to-gray-999:focus{
  --gradient-to-color: #999 !important;
}

.focus\:to-gray-icon:focus{
  --gradient-to-color: #9a9a9a !important;
}

.focus\:to-gray-features:focus{
  --gradient-to-color: #f5f5f5 !important;
}

.focus\:to-slide-border:focus{
  --gradient-to-color: #e1e1e1 !important;
}

.focus\:to-sale-color:focus{
  --gradient-to-color: var(--primary-color) !important;
}

.focus\:to-hit-color:focus{
  --gradient-to-color: #ff9900 !important;
}

.focus\:to-new-color:focus{
  --gradient-to-color: #0fa3c6 !important;
}

.focus\:to-fb-hover-color:focus{
  --gradient-to-color: #5959d8 !important;
}

.focus\:to-fb-active-color:focus{
  --gradient-to-color: #4040b3 !important;
}

.focus\:to-vk-hover-color:focus{
  --gradient-to-color: #628dd3 !important;
}

.focus\:to-vk-active-color:focus{
  --gradient-to-color: #3768b9 !important;
}

.focus\:to-insta-hover-color:focus{
  --gradient-to-color: #af35d2 !important;
}

.focus\:to-insta-active-color:focus{
  --gradient-to-color: #7e47b7 !important;
}

.focus\:to-gray-dc:focus{
  --gradient-to-color: #dcdcdc !important;
}

.focus\:to-gray-cd:focus{
  --gradient-to-color: #cdcdcd !important;
}

.focus\:to-gray-e7:focus{
  --gradient-to-color: #e7e7e7 !important;
}

.focus\:to-check-color:focus{
  --gradient-to-color: #ce3a12 !important;
}

.focus\:to-docx-color:focus{
  --gradient-to-color: #1789e9 !important;
}

.focus\:to-dark-black:focus{
  --gradient-to-color: #010101 !important;
}

.focus\:to-green-light:focus{
  --gradient-to-color: #3ab011 !important;
}

.bg-opacity-0{
  --bg-opacity: 0 !important;
}

.bg-opacity-25{
  --bg-opacity: 0.25 !important;
}

.bg-opacity-50{
  --bg-opacity: 0.5 !important;
}

.bg-opacity-75{
  --bg-opacity: 0.75 !important;
}

.bg-opacity-100{
  --bg-opacity: 1 !important;
}

.hover\:bg-opacity-0:hover{
  --bg-opacity: 0 !important;
}

.hover\:bg-opacity-25:hover{
  --bg-opacity: 0.25 !important;
}

.hover\:bg-opacity-50:hover{
  --bg-opacity: 0.5 !important;
}

.hover\:bg-opacity-75:hover{
  --bg-opacity: 0.75 !important;
}

.hover\:bg-opacity-100:hover{
  --bg-opacity: 1 !important;
}

.focus\:bg-opacity-0:focus{
  --bg-opacity: 0 !important;
}

.focus\:bg-opacity-25:focus{
  --bg-opacity: 0.25 !important;
}

.focus\:bg-opacity-50:focus{
  --bg-opacity: 0.5 !important;
}

.focus\:bg-opacity-75:focus{
  --bg-opacity: 0.75 !important;
}

.focus\:bg-opacity-100:focus{
  --bg-opacity: 1 !important;
}

.bg-bottom{
  background-position: bottom !important;
}

.bg-center{
  background-position: center !important;
}

.bg-left{
  background-position: left !important;
}

.bg-left-bottom{
  background-position: left bottom !important;
}

.bg-left-top{
  background-position: left top !important;
}

.bg-right{
  background-position: right !important;
}

.bg-right-bottom{
  background-position: right bottom !important;
}

.bg-right-top{
  background-position: right top !important;
}

.bg-top{
  background-position: top !important;
}

.bg-repeat{
  background-repeat: repeat !important;
}

.bg-no-repeat{
  background-repeat: no-repeat !important;
}

.bg-repeat-x{
  background-repeat: repeat-x !important;
}

.bg-repeat-y{
  background-repeat: repeat-y !important;
}

.bg-repeat-round{
  background-repeat: round !important;
}

.bg-repeat-space{
  background-repeat: space !important;
}

.bg-auto{
  background-size: auto !important;
}

.bg-cover{
  background-size: cover !important;
}

.bg-contain{
  background-size: contain !important;
}

.border-collapse{
  border-collapse: collapse !important;
}

.border-separate{
  border-collapse: separate !important;
}

.border-transparent{
  border-color: transparent !important;
}

.border-current{
  border-color: currentColor !important;
}

.border-black{
  --border-opacity: 1 !important;
  border-color: #000 !important;
  border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}

.border-white{
  --border-opacity: 1 !important;
  border-color: #fff !important;
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}

.border-gray-100{
  --border-opacity: 1 !important;
  border-color: #f7fafc !important;
  border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}

.border-gray-200{
  --border-opacity: 1 !important;
  border-color: #edf2f7 !important;
  border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}

.border-gray-300{
  --border-opacity: 1 !important;
  border-color: #e2e8f0 !important;
  border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}

.border-gray-400{
  --border-opacity: 1 !important;
  border-color: #cbd5e0 !important;
  border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}

.border-gray-500{
  --border-opacity: 1 !important;
  border-color: #a0aec0 !important;
  border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}

.border-gray-600{
  --border-opacity: 1 !important;
  border-color: #718096 !important;
  border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}

.border-gray-700{
  --border-opacity: 1 !important;
  border-color: #4a5568 !important;
  border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}

.border-gray-800{
  --border-opacity: 1 !important;
  border-color: #2d3748 !important;
  border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}

.border-gray-900{
  --border-opacity: 1 !important;
  border-color: #1a202c !important;
  border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}

.border-red{
  --border-opacity: 1 !important;
  border-color: #cc0a0a !important;
  border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
}

.border-orange-100{
  --border-opacity: 1 !important;
  border-color: #fffaf0 !important;
  border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}

.border-orange-200{
  --border-opacity: 1 !important;
  border-color: #feebc8 !important;
  border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}

.border-orange-300{
  --border-opacity: 1 !important;
  border-color: #fbd38d !important;
  border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}

.border-orange-400{
  --border-opacity: 1 !important;
  border-color: #f6ad55 !important;
  border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}

.border-orange-500{
  --border-opacity: 1 !important;
  border-color: #ed8936 !important;
  border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}

.border-orange-600{
  --border-opacity: 1 !important;
  border-color: #dd6b20 !important;
  border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}

.border-orange-700{
  --border-opacity: 1 !important;
  border-color: #c05621 !important;
  border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}

.border-orange-800{
  --border-opacity: 1 !important;
  border-color: #9c4221 !important;
  border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}

.border-orange-900{
  --border-opacity: 1 !important;
  border-color: #7b341e !important;
  border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}

.border-yellow-100{
  --border-opacity: 1 !important;
  border-color: #fffff0 !important;
  border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}

.border-yellow-200{
  --border-opacity: 1 !important;
  border-color: #fefcbf !important;
  border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}

.border-yellow-300{
  --border-opacity: 1 !important;
  border-color: #faf089 !important;
  border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}

.border-yellow-400{
  --border-opacity: 1 !important;
  border-color: #f6e05e !important;
  border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}

.border-yellow-500{
  --border-opacity: 1 !important;
  border-color: #ecc94b !important;
  border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}

.border-yellow-600{
  --border-opacity: 1 !important;
  border-color: #d69e2e !important;
  border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}

.border-yellow-700{
  --border-opacity: 1 !important;
  border-color: #b7791f !important;
  border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}

.border-yellow-800{
  --border-opacity: 1 !important;
  border-color: #975a16 !important;
  border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}

.border-yellow-900{
  --border-opacity: 1 !important;
  border-color: #744210 !important;
  border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}

.border-green-100{
  --border-opacity: 1 !important;
  border-color: #f0fff4 !important;
  border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}

.border-green-200{
  --border-opacity: 1 !important;
  border-color: #c6f6d5 !important;
  border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}

.border-green-300{
  --border-opacity: 1 !important;
  border-color: #9ae6b4 !important;
  border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}

.border-green-400{
  --border-opacity: 1 !important;
  border-color: #68d391 !important;
  border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}

.border-green-500{
  --border-opacity: 1 !important;
  border-color: #48bb78 !important;
  border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}

.border-green-600{
  --border-opacity: 1 !important;
  border-color: #38a169 !important;
  border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}

.border-green-700{
  --border-opacity: 1 !important;
  border-color: #2f855a !important;
  border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}

.border-green-800{
  --border-opacity: 1 !important;
  border-color: #276749 !important;
  border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}

.border-green-900{
  --border-opacity: 1 !important;
  border-color: #22543d !important;
  border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}

.border-teal-100{
  --border-opacity: 1 !important;
  border-color: #e6fffa !important;
  border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}

.border-teal-200{
  --border-opacity: 1 !important;
  border-color: #b2f5ea !important;
  border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}

.border-teal-300{
  --border-opacity: 1 !important;
  border-color: #81e6d9 !important;
  border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}

.border-teal-400{
  --border-opacity: 1 !important;
  border-color: #4fd1c5 !important;
  border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}

.border-teal-500{
  --border-opacity: 1 !important;
  border-color: #38b2ac !important;
  border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}

.border-teal-600{
  --border-opacity: 1 !important;
  border-color: #319795 !important;
  border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}

.border-teal-700{
  --border-opacity: 1 !important;
  border-color: #2c7a7b !important;
  border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}

.border-teal-800{
  --border-opacity: 1 !important;
  border-color: #285e61 !important;
  border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}

.border-teal-900{
  --border-opacity: 1 !important;
  border-color: #234e52 !important;
  border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}

.border-blue-100{
  --border-opacity: 1 !important;
  border-color: #ebf8ff !important;
  border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}

.border-blue-200{
  --border-opacity: 1 !important;
  border-color: #bee3f8 !important;
  border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}

.border-blue-300{
  --border-opacity: 1 !important;
  border-color: #90cdf4 !important;
  border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}

.border-blue-400{
  --border-opacity: 1 !important;
  border-color: #63b3ed !important;
  border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}

.border-blue-500{
  --border-opacity: 1 !important;
  border-color: #4299e1 !important;
  border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}

.border-blue-600{
  --border-opacity: 1 !important;
  border-color: #3182ce !important;
  border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}

.border-blue-700{
  --border-opacity: 1 !important;
  border-color: #2b6cb0 !important;
  border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}

.border-blue-800{
  --border-opacity: 1 !important;
  border-color: #2c5282 !important;
  border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}

.border-blue-900{
  --border-opacity: 1 !important;
  border-color: #2a4365 !important;
  border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}

.border-indigo-100{
  --border-opacity: 1 !important;
  border-color: #ebf4ff !important;
  border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}

.border-indigo-200{
  --border-opacity: 1 !important;
  border-color: #c3dafe !important;
  border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}

.border-indigo-300{
  --border-opacity: 1 !important;
  border-color: #a3bffa !important;
  border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}

.border-indigo-400{
  --border-opacity: 1 !important;
  border-color: #7f9cf5 !important;
  border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}

.border-indigo-500{
  --border-opacity: 1 !important;
  border-color: #667eea !important;
  border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}

.border-indigo-600{
  --border-opacity: 1 !important;
  border-color: #5a67d8 !important;
  border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}

.border-indigo-700{
  --border-opacity: 1 !important;
  border-color: #4c51bf !important;
  border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}

.border-indigo-800{
  --border-opacity: 1 !important;
  border-color: #434190 !important;
  border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}

.border-indigo-900{
  --border-opacity: 1 !important;
  border-color: #3c366b !important;
  border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}

.border-purple-100{
  --border-opacity: 1 !important;
  border-color: #faf5ff !important;
  border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}

.border-purple-200{
  --border-opacity: 1 !important;
  border-color: #e9d8fd !important;
  border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}

.border-purple-300{
  --border-opacity: 1 !important;
  border-color: #d6bcfa !important;
  border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}

.border-purple-400{
  --border-opacity: 1 !important;
  border-color: #b794f4 !important;
  border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}

.border-purple-500{
  --border-opacity: 1 !important;
  border-color: #9f7aea !important;
  border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}

.border-purple-600{
  --border-opacity: 1 !important;
  border-color: #805ad5 !important;
  border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}

.border-purple-700{
  --border-opacity: 1 !important;
  border-color: #6b46c1 !important;
  border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}

.border-purple-800{
  --border-opacity: 1 !important;
  border-color: #553c9a !important;
  border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}

.border-purple-900{
  --border-opacity: 1 !important;
  border-color: #44337a !important;
  border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}

.border-pink-100{
  --border-opacity: 1 !important;
  border-color: #fff5f7 !important;
  border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}

.border-pink-200{
  --border-opacity: 1 !important;
  border-color: #fed7e2 !important;
  border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}

.border-pink-300{
  --border-opacity: 1 !important;
  border-color: #fbb6ce !important;
  border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}

.border-pink-400{
  --border-opacity: 1 !important;
  border-color: #f687b3 !important;
  border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}

.border-pink-500{
  --border-opacity: 1 !important;
  border-color: #ed64a6 !important;
  border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}

.border-pink-600{
  --border-opacity: 1 !important;
  border-color: #d53f8c !important;
  border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}

.border-pink-700{
  --border-opacity: 1 !important;
  border-color: #b83280 !important;
  border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}

.border-pink-800{
  --border-opacity: 1 !important;
  border-color: #97266d !important;
  border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}

.border-pink-900{
  --border-opacity: 1 !important;
  border-color: #702459 !important;
  border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
}

.border-primary-color{
  border-color: var(--primary-color) !important;
}

.border-primary-hover-color{
  border-color: var(--hover-color) !important;
}

.border-gray-body{
  --border-opacity: 1 !important;
  border-color: #f2f2f2 !important;
  border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
}

.border-gray-light{
  --border-opacity: 1 !important;
  border-color: #ccc !important;
  border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
}

.border-gray-333{
  --border-opacity: 1 !important;
  border-color: #333 !important;
  border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
}

.border-gray-666{
  --border-opacity: 1 !important;
  border-color: #666 !important;
  border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
}

.border-gray-888{
  --border-opacity: 1 !important;
  border-color: #888 !important;
  border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
}

.border-gray-999{
  --border-opacity: 1 !important;
  border-color: #999 !important;
  border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
}

.border-gray-icon{
  --border-opacity: 1 !important;
  border-color: #9a9a9a !important;
  border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
}

.border-gray-features{
  --border-opacity: 1 !important;
  border-color: #f5f5f5 !important;
  border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
}

.border-slide-border{
  --border-opacity: 1 !important;
  border-color: #e1e1e1 !important;
  border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
}

.border-sale-color{
  border-color: var(--primary-color) !important;
}

.border-hit-color{
  --border-opacity: 1 !important;
  border-color: #ff9900 !important;
  border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
}

.border-new-color{
  --border-opacity: 1 !important;
  border-color: #0fa3c6 !important;
  border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
}

.border-fb-hover-color{
  --border-opacity: 1 !important;
  border-color: #5959d8 !important;
  border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
}

.border-fb-active-color{
  --border-opacity: 1 !important;
  border-color: #4040b3 !important;
  border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
}

.border-vk-hover-color{
  --border-opacity: 1 !important;
  border-color: #628dd3 !important;
  border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
}

.border-vk-active-color{
  --border-opacity: 1 !important;
  border-color: #3768b9 !important;
  border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
}

.border-insta-hover-color{
  --border-opacity: 1 !important;
  border-color: #af35d2 !important;
  border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
}

.border-insta-active-color{
  --border-opacity: 1 !important;
  border-color: #7e47b7 !important;
  border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
}

.border-gray-dc{
  --border-opacity: 1 !important;
  border-color: #dcdcdc !important;
  border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
}

.border-gray-cd{
  --border-opacity: 1 !important;
  border-color: #cdcdcd !important;
  border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
}

.border-gray-e7{
  --border-opacity: 1 !important;
  border-color: #e7e7e7 !important;
  border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
}

.border-check-color{
  --border-opacity: 1 !important;
  border-color: #ce3a12 !important;
  border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
}

.border-docx-color{
  --border-opacity: 1 !important;
  border-color: #1789e9 !important;
  border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
}

.border-dark-black{
  --border-opacity: 1 !important;
  border-color: #010101 !important;
  border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
}

.border-green-light{
  --border-opacity: 1 !important;
  border-color: #3ab011 !important;
  border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
}

.hover\:border-transparent:hover{
  border-color: transparent !important;
}

.hover\:border-current:hover{
  border-color: currentColor !important;
}

.hover\:border-black:hover{
  --border-opacity: 1 !important;
  border-color: #000 !important;
  border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}

.hover\:border-white:hover{
  --border-opacity: 1 !important;
  border-color: #fff !important;
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}

.hover\:border-gray-100:hover{
  --border-opacity: 1 !important;
  border-color: #f7fafc !important;
  border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}

.hover\:border-gray-200:hover{
  --border-opacity: 1 !important;
  border-color: #edf2f7 !important;
  border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}

.hover\:border-gray-300:hover{
  --border-opacity: 1 !important;
  border-color: #e2e8f0 !important;
  border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}

.hover\:border-gray-400:hover{
  --border-opacity: 1 !important;
  border-color: #cbd5e0 !important;
  border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}

.hover\:border-gray-500:hover{
  --border-opacity: 1 !important;
  border-color: #a0aec0 !important;
  border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}

.hover\:border-gray-600:hover{
  --border-opacity: 1 !important;
  border-color: #718096 !important;
  border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}

.hover\:border-gray-700:hover{
  --border-opacity: 1 !important;
  border-color: #4a5568 !important;
  border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}

.hover\:border-gray-800:hover{
  --border-opacity: 1 !important;
  border-color: #2d3748 !important;
  border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}

.hover\:border-gray-900:hover{
  --border-opacity: 1 !important;
  border-color: #1a202c !important;
  border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}

.hover\:border-red:hover{
  --border-opacity: 1 !important;
  border-color: #cc0a0a !important;
  border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
}

.hover\:border-orange-100:hover{
  --border-opacity: 1 !important;
  border-color: #fffaf0 !important;
  border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}

.hover\:border-orange-200:hover{
  --border-opacity: 1 !important;
  border-color: #feebc8 !important;
  border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}

.hover\:border-orange-300:hover{
  --border-opacity: 1 !important;
  border-color: #fbd38d !important;
  border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}

.hover\:border-orange-400:hover{
  --border-opacity: 1 !important;
  border-color: #f6ad55 !important;
  border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}

.hover\:border-orange-500:hover{
  --border-opacity: 1 !important;
  border-color: #ed8936 !important;
  border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}

.hover\:border-orange-600:hover{
  --border-opacity: 1 !important;
  border-color: #dd6b20 !important;
  border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}

.hover\:border-orange-700:hover{
  --border-opacity: 1 !important;
  border-color: #c05621 !important;
  border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}

.hover\:border-orange-800:hover{
  --border-opacity: 1 !important;
  border-color: #9c4221 !important;
  border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}

.hover\:border-orange-900:hover{
  --border-opacity: 1 !important;
  border-color: #7b341e !important;
  border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}

.hover\:border-yellow-100:hover{
  --border-opacity: 1 !important;
  border-color: #fffff0 !important;
  border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}

.hover\:border-yellow-200:hover{
  --border-opacity: 1 !important;
  border-color: #fefcbf !important;
  border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}

.hover\:border-yellow-300:hover{
  --border-opacity: 1 !important;
  border-color: #faf089 !important;
  border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}

.hover\:border-yellow-400:hover{
  --border-opacity: 1 !important;
  border-color: #f6e05e !important;
  border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}

.hover\:border-yellow-500:hover{
  --border-opacity: 1 !important;
  border-color: #ecc94b !important;
  border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}

.hover\:border-yellow-600:hover{
  --border-opacity: 1 !important;
  border-color: #d69e2e !important;
  border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}

.hover\:border-yellow-700:hover{
  --border-opacity: 1 !important;
  border-color: #b7791f !important;
  border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}

.hover\:border-yellow-800:hover{
  --border-opacity: 1 !important;
  border-color: #975a16 !important;
  border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}

.hover\:border-yellow-900:hover{
  --border-opacity: 1 !important;
  border-color: #744210 !important;
  border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}

.hover\:border-green-100:hover{
  --border-opacity: 1 !important;
  border-color: #f0fff4 !important;
  border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}

.hover\:border-green-200:hover{
  --border-opacity: 1 !important;
  border-color: #c6f6d5 !important;
  border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}

.hover\:border-green-300:hover{
  --border-opacity: 1 !important;
  border-color: #9ae6b4 !important;
  border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}

.hover\:border-green-400:hover{
  --border-opacity: 1 !important;
  border-color: #68d391 !important;
  border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}

.hover\:border-green-500:hover{
  --border-opacity: 1 !important;
  border-color: #48bb78 !important;
  border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}

.hover\:border-green-600:hover{
  --border-opacity: 1 !important;
  border-color: #38a169 !important;
  border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}

.hover\:border-green-700:hover{
  --border-opacity: 1 !important;
  border-color: #2f855a !important;
  border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}

.hover\:border-green-800:hover{
  --border-opacity: 1 !important;
  border-color: #276749 !important;
  border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}

.hover\:border-green-900:hover{
  --border-opacity: 1 !important;
  border-color: #22543d !important;
  border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}

.hover\:border-teal-100:hover{
  --border-opacity: 1 !important;
  border-color: #e6fffa !important;
  border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}

.hover\:border-teal-200:hover{
  --border-opacity: 1 !important;
  border-color: #b2f5ea !important;
  border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}

.hover\:border-teal-300:hover{
  --border-opacity: 1 !important;
  border-color: #81e6d9 !important;
  border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}

.hover\:border-teal-400:hover{
  --border-opacity: 1 !important;
  border-color: #4fd1c5 !important;
  border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}

.hover\:border-teal-500:hover{
  --border-opacity: 1 !important;
  border-color: #38b2ac !important;
  border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}

.hover\:border-teal-600:hover{
  --border-opacity: 1 !important;
  border-color: #319795 !important;
  border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}

.hover\:border-teal-700:hover{
  --border-opacity: 1 !important;
  border-color: #2c7a7b !important;
  border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}

.hover\:border-teal-800:hover{
  --border-opacity: 1 !important;
  border-color: #285e61 !important;
  border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}

.hover\:border-teal-900:hover{
  --border-opacity: 1 !important;
  border-color: #234e52 !important;
  border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}

.hover\:border-blue-100:hover{
  --border-opacity: 1 !important;
  border-color: #ebf8ff !important;
  border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}

.hover\:border-blue-200:hover{
  --border-opacity: 1 !important;
  border-color: #bee3f8 !important;
  border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}

.hover\:border-blue-300:hover{
  --border-opacity: 1 !important;
  border-color: #90cdf4 !important;
  border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}

.hover\:border-blue-400:hover{
  --border-opacity: 1 !important;
  border-color: #63b3ed !important;
  border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}

.hover\:border-blue-500:hover{
  --border-opacity: 1 !important;
  border-color: #4299e1 !important;
  border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}

.hover\:border-blue-600:hover{
  --border-opacity: 1 !important;
  border-color: #3182ce !important;
  border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}

.hover\:border-blue-700:hover{
  --border-opacity: 1 !important;
  border-color: #2b6cb0 !important;
  border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}

.hover\:border-blue-800:hover{
  --border-opacity: 1 !important;
  border-color: #2c5282 !important;
  border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}

.hover\:border-blue-900:hover{
  --border-opacity: 1 !important;
  border-color: #2a4365 !important;
  border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}

.hover\:border-indigo-100:hover{
  --border-opacity: 1 !important;
  border-color: #ebf4ff !important;
  border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}

.hover\:border-indigo-200:hover{
  --border-opacity: 1 !important;
  border-color: #c3dafe !important;
  border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}

.hover\:border-indigo-300:hover{
  --border-opacity: 1 !important;
  border-color: #a3bffa !important;
  border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}

.hover\:border-indigo-400:hover{
  --border-opacity: 1 !important;
  border-color: #7f9cf5 !important;
  border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}

.hover\:border-indigo-500:hover{
  --border-opacity: 1 !important;
  border-color: #667eea !important;
  border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}

.hover\:border-indigo-600:hover{
  --border-opacity: 1 !important;
  border-color: #5a67d8 !important;
  border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}

.hover\:border-indigo-700:hover{
  --border-opacity: 1 !important;
  border-color: #4c51bf !important;
  border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}

.hover\:border-indigo-800:hover{
  --border-opacity: 1 !important;
  border-color: #434190 !important;
  border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}

.hover\:border-indigo-900:hover{
  --border-opacity: 1 !important;
  border-color: #3c366b !important;
  border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}

.hover\:border-purple-100:hover{
  --border-opacity: 1 !important;
  border-color: #faf5ff !important;
  border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}

.hover\:border-purple-200:hover{
  --border-opacity: 1 !important;
  border-color: #e9d8fd !important;
  border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}

.hover\:border-purple-300:hover{
  --border-opacity: 1 !important;
  border-color: #d6bcfa !important;
  border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}

.hover\:border-purple-400:hover{
  --border-opacity: 1 !important;
  border-color: #b794f4 !important;
  border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}

.hover\:border-purple-500:hover{
  --border-opacity: 1 !important;
  border-color: #9f7aea !important;
  border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}

.hover\:border-purple-600:hover{
  --border-opacity: 1 !important;
  border-color: #805ad5 !important;
  border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}

.hover\:border-purple-700:hover{
  --border-opacity: 1 !important;
  border-color: #6b46c1 !important;
  border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}

.hover\:border-purple-800:hover{
  --border-opacity: 1 !important;
  border-color: #553c9a !important;
  border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}

.hover\:border-purple-900:hover{
  --border-opacity: 1 !important;
  border-color: #44337a !important;
  border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}

.hover\:border-pink-100:hover{
  --border-opacity: 1 !important;
  border-color: #fff5f7 !important;
  border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}

.hover\:border-pink-200:hover{
  --border-opacity: 1 !important;
  border-color: #fed7e2 !important;
  border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}

.hover\:border-pink-300:hover{
  --border-opacity: 1 !important;
  border-color: #fbb6ce !important;
  border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}

.hover\:border-pink-400:hover{
  --border-opacity: 1 !important;
  border-color: #f687b3 !important;
  border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}

.hover\:border-pink-500:hover{
  --border-opacity: 1 !important;
  border-color: #ed64a6 !important;
  border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}

.hover\:border-pink-600:hover{
  --border-opacity: 1 !important;
  border-color: #d53f8c !important;
  border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}

.hover\:border-pink-700:hover{
  --border-opacity: 1 !important;
  border-color: #b83280 !important;
  border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}

.hover\:border-pink-800:hover{
  --border-opacity: 1 !important;
  border-color: #97266d !important;
  border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}

.hover\:border-pink-900:hover{
  --border-opacity: 1 !important;
  border-color: #702459 !important;
  border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
}

.hover\:border-primary-color:hover{
  border-color: var(--primary-color) !important;
}

.hover\:border-primary-hover-color:hover{
  border-color: var(--hover-color) !important;
}

.hover\:border-gray-body:hover{
  --border-opacity: 1 !important;
  border-color: #f2f2f2 !important;
  border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
}

.hover\:border-gray-light:hover{
  --border-opacity: 1 !important;
  border-color: #ccc !important;
  border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
}

.hover\:border-gray-333:hover{
  --border-opacity: 1 !important;
  border-color: #333 !important;
  border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
}

.hover\:border-gray-666:hover{
  --border-opacity: 1 !important;
  border-color: #666 !important;
  border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
}

.hover\:border-gray-888:hover{
  --border-opacity: 1 !important;
  border-color: #888 !important;
  border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
}

.hover\:border-gray-999:hover{
  --border-opacity: 1 !important;
  border-color: #999 !important;
  border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
}

.hover\:border-gray-icon:hover{
  --border-opacity: 1 !important;
  border-color: #9a9a9a !important;
  border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
}

.hover\:border-gray-features:hover{
  --border-opacity: 1 !important;
  border-color: #f5f5f5 !important;
  border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
}

.hover\:border-slide-border:hover{
  --border-opacity: 1 !important;
  border-color: #e1e1e1 !important;
  border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
}

.hover\:border-sale-color:hover{
  border-color: var(--primary-color) !important;
}

.hover\:border-hit-color:hover{
  --border-opacity: 1 !important;
  border-color: #ff9900 !important;
  border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
}

.hover\:border-new-color:hover{
  --border-opacity: 1 !important;
  border-color: #0fa3c6 !important;
  border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
}

.hover\:border-fb-hover-color:hover{
  --border-opacity: 1 !important;
  border-color: #5959d8 !important;
  border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
}

.hover\:border-fb-active-color:hover{
  --border-opacity: 1 !important;
  border-color: #4040b3 !important;
  border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
}

.hover\:border-vk-hover-color:hover{
  --border-opacity: 1 !important;
  border-color: #628dd3 !important;
  border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
}

.hover\:border-vk-active-color:hover{
  --border-opacity: 1 !important;
  border-color: #3768b9 !important;
  border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
}

.hover\:border-insta-hover-color:hover{
  --border-opacity: 1 !important;
  border-color: #af35d2 !important;
  border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
}

.hover\:border-insta-active-color:hover{
  --border-opacity: 1 !important;
  border-color: #7e47b7 !important;
  border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
}

.hover\:border-gray-dc:hover{
  --border-opacity: 1 !important;
  border-color: #dcdcdc !important;
  border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
}

.hover\:border-gray-cd:hover{
  --border-opacity: 1 !important;
  border-color: #cdcdcd !important;
  border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
}

.hover\:border-gray-e7:hover{
  --border-opacity: 1 !important;
  border-color: #e7e7e7 !important;
  border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
}

.hover\:border-check-color:hover{
  --border-opacity: 1 !important;
  border-color: #ce3a12 !important;
  border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
}

.hover\:border-docx-color:hover{
  --border-opacity: 1 !important;
  border-color: #1789e9 !important;
  border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
}

.hover\:border-dark-black:hover{
  --border-opacity: 1 !important;
  border-color: #010101 !important;
  border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
}

.hover\:border-green-light:hover{
  --border-opacity: 1 !important;
  border-color: #3ab011 !important;
  border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
}

.focus\:border-transparent:focus{
  border-color: transparent !important;
}

.focus\:border-current:focus{
  border-color: currentColor !important;
}

.focus\:border-black:focus{
  --border-opacity: 1 !important;
  border-color: #000 !important;
  border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
}

.focus\:border-white:focus{
  --border-opacity: 1 !important;
  border-color: #fff !important;
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
}

.focus\:border-gray-100:focus{
  --border-opacity: 1 !important;
  border-color: #f7fafc !important;
  border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
}

.focus\:border-gray-200:focus{
  --border-opacity: 1 !important;
  border-color: #edf2f7 !important;
  border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
}

.focus\:border-gray-300:focus{
  --border-opacity: 1 !important;
  border-color: #e2e8f0 !important;
  border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
}

.focus\:border-gray-400:focus{
  --border-opacity: 1 !important;
  border-color: #cbd5e0 !important;
  border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
}

.focus\:border-gray-500:focus{
  --border-opacity: 1 !important;
  border-color: #a0aec0 !important;
  border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
}

.focus\:border-gray-600:focus{
  --border-opacity: 1 !important;
  border-color: #718096 !important;
  border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
}

.focus\:border-gray-700:focus{
  --border-opacity: 1 !important;
  border-color: #4a5568 !important;
  border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
}

.focus\:border-gray-800:focus{
  --border-opacity: 1 !important;
  border-color: #2d3748 !important;
  border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
}

.focus\:border-gray-900:focus{
  --border-opacity: 1 !important;
  border-color: #1a202c !important;
  border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
}

.focus\:border-red:focus{
  --border-opacity: 1 !important;
  border-color: #cc0a0a !important;
  border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
}

.focus\:border-orange-100:focus{
  --border-opacity: 1 !important;
  border-color: #fffaf0 !important;
  border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
}

.focus\:border-orange-200:focus{
  --border-opacity: 1 !important;
  border-color: #feebc8 !important;
  border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
}

.focus\:border-orange-300:focus{
  --border-opacity: 1 !important;
  border-color: #fbd38d !important;
  border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
}

.focus\:border-orange-400:focus{
  --border-opacity: 1 !important;
  border-color: #f6ad55 !important;
  border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
}

.focus\:border-orange-500:focus{
  --border-opacity: 1 !important;
  border-color: #ed8936 !important;
  border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
}

.focus\:border-orange-600:focus{
  --border-opacity: 1 !important;
  border-color: #dd6b20 !important;
  border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
}

.focus\:border-orange-700:focus{
  --border-opacity: 1 !important;
  border-color: #c05621 !important;
  border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
}

.focus\:border-orange-800:focus{
  --border-opacity: 1 !important;
  border-color: #9c4221 !important;
  border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
}

.focus\:border-orange-900:focus{
  --border-opacity: 1 !important;
  border-color: #7b341e !important;
  border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
}

.focus\:border-yellow-100:focus{
  --border-opacity: 1 !important;
  border-color: #fffff0 !important;
  border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
}

.focus\:border-yellow-200:focus{
  --border-opacity: 1 !important;
  border-color: #fefcbf !important;
  border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
}

.focus\:border-yellow-300:focus{
  --border-opacity: 1 !important;
  border-color: #faf089 !important;
  border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
}

.focus\:border-yellow-400:focus{
  --border-opacity: 1 !important;
  border-color: #f6e05e !important;
  border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
}

.focus\:border-yellow-500:focus{
  --border-opacity: 1 !important;
  border-color: #ecc94b !important;
  border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
}

.focus\:border-yellow-600:focus{
  --border-opacity: 1 !important;
  border-color: #d69e2e !important;
  border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
}

.focus\:border-yellow-700:focus{
  --border-opacity: 1 !important;
  border-color: #b7791f !important;
  border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
}

.focus\:border-yellow-800:focus{
  --border-opacity: 1 !important;
  border-color: #975a16 !important;
  border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
}

.focus\:border-yellow-900:focus{
  --border-opacity: 1 !important;
  border-color: #744210 !important;
  border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
}

.focus\:border-green-100:focus{
  --border-opacity: 1 !important;
  border-color: #f0fff4 !important;
  border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
}

.focus\:border-green-200:focus{
  --border-opacity: 1 !important;
  border-color: #c6f6d5 !important;
  border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
}

.focus\:border-green-300:focus{
  --border-opacity: 1 !important;
  border-color: #9ae6b4 !important;
  border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
}

.focus\:border-green-400:focus{
  --border-opacity: 1 !important;
  border-color: #68d391 !important;
  border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
}

.focus\:border-green-500:focus{
  --border-opacity: 1 !important;
  border-color: #48bb78 !important;
  border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
}

.focus\:border-green-600:focus{
  --border-opacity: 1 !important;
  border-color: #38a169 !important;
  border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
}

.focus\:border-green-700:focus{
  --border-opacity: 1 !important;
  border-color: #2f855a !important;
  border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
}

.focus\:border-green-800:focus{
  --border-opacity: 1 !important;
  border-color: #276749 !important;
  border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
}

.focus\:border-green-900:focus{
  --border-opacity: 1 !important;
  border-color: #22543d !important;
  border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
}

.focus\:border-teal-100:focus{
  --border-opacity: 1 !important;
  border-color: #e6fffa !important;
  border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
}

.focus\:border-teal-200:focus{
  --border-opacity: 1 !important;
  border-color: #b2f5ea !important;
  border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
}

.focus\:border-teal-300:focus{
  --border-opacity: 1 !important;
  border-color: #81e6d9 !important;
  border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
}

.focus\:border-teal-400:focus{
  --border-opacity: 1 !important;
  border-color: #4fd1c5 !important;
  border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
}

.focus\:border-teal-500:focus{
  --border-opacity: 1 !important;
  border-color: #38b2ac !important;
  border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}

.focus\:border-teal-600:focus{
  --border-opacity: 1 !important;
  border-color: #319795 !important;
  border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
}

.focus\:border-teal-700:focus{
  --border-opacity: 1 !important;
  border-color: #2c7a7b !important;
  border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
}

.focus\:border-teal-800:focus{
  --border-opacity: 1 !important;
  border-color: #285e61 !important;
  border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
}

.focus\:border-teal-900:focus{
  --border-opacity: 1 !important;
  border-color: #234e52 !important;
  border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
}

.focus\:border-blue-100:focus{
  --border-opacity: 1 !important;
  border-color: #ebf8ff !important;
  border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
}

.focus\:border-blue-200:focus{
  --border-opacity: 1 !important;
  border-color: #bee3f8 !important;
  border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
}

.focus\:border-blue-300:focus{
  --border-opacity: 1 !important;
  border-color: #90cdf4 !important;
  border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
}

.focus\:border-blue-400:focus{
  --border-opacity: 1 !important;
  border-color: #63b3ed !important;
  border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
}

.focus\:border-blue-500:focus{
  --border-opacity: 1 !important;
  border-color: #4299e1 !important;
  border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
}

.focus\:border-blue-600:focus{
  --border-opacity: 1 !important;
  border-color: #3182ce !important;
  border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
}

.focus\:border-blue-700:focus{
  --border-opacity: 1 !important;
  border-color: #2b6cb0 !important;
  border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
}

.focus\:border-blue-800:focus{
  --border-opacity: 1 !important;
  border-color: #2c5282 !important;
  border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
}

.focus\:border-blue-900:focus{
  --border-opacity: 1 !important;
  border-color: #2a4365 !important;
  border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
}

.focus\:border-indigo-100:focus{
  --border-opacity: 1 !important;
  border-color: #ebf4ff !important;
  border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
}

.focus\:border-indigo-200:focus{
  --border-opacity: 1 !important;
  border-color: #c3dafe !important;
  border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
}

.focus\:border-indigo-300:focus{
  --border-opacity: 1 !important;
  border-color: #a3bffa !important;
  border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
}

.focus\:border-indigo-400:focus{
  --border-opacity: 1 !important;
  border-color: #7f9cf5 !important;
  border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
}

.focus\:border-indigo-500:focus{
  --border-opacity: 1 !important;
  border-color: #667eea !important;
  border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
}

.focus\:border-indigo-600:focus{
  --border-opacity: 1 !important;
  border-color: #5a67d8 !important;
  border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
}

.focus\:border-indigo-700:focus{
  --border-opacity: 1 !important;
  border-color: #4c51bf !important;
  border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
}

.focus\:border-indigo-800:focus{
  --border-opacity: 1 !important;
  border-color: #434190 !important;
  border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
}

.focus\:border-indigo-900:focus{
  --border-opacity: 1 !important;
  border-color: #3c366b !important;
  border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
}

.focus\:border-purple-100:focus{
  --border-opacity: 1 !important;
  border-color: #faf5ff !important;
  border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
}

.focus\:border-purple-200:focus{
  --border-opacity: 1 !important;
  border-color: #e9d8fd !important;
  border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
}

.focus\:border-purple-300:focus{
  --border-opacity: 1 !important;
  border-color: #d6bcfa !important;
  border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
}

.focus\:border-purple-400:focus{
  --border-opacity: 1 !important;
  border-color: #b794f4 !important;
  border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
}

.focus\:border-purple-500:focus{
  --border-opacity: 1 !important;
  border-color: #9f7aea !important;
  border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
}

.focus\:border-purple-600:focus{
  --border-opacity: 1 !important;
  border-color: #805ad5 !important;
  border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
}

.focus\:border-purple-700:focus{
  --border-opacity: 1 !important;
  border-color: #6b46c1 !important;
  border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
}

.focus\:border-purple-800:focus{
  --border-opacity: 1 !important;
  border-color: #553c9a !important;
  border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
}

.focus\:border-purple-900:focus{
  --border-opacity: 1 !important;
  border-color: #44337a !important;
  border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
}

.focus\:border-pink-100:focus{
  --border-opacity: 1 !important;
  border-color: #fff5f7 !important;
  border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
}

.focus\:border-pink-200:focus{
  --border-opacity: 1 !important;
  border-color: #fed7e2 !important;
  border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
}

.focus\:border-pink-300:focus{
  --border-opacity: 1 !important;
  border-color: #fbb6ce !important;
  border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
}

.focus\:border-pink-400:focus{
  --border-opacity: 1 !important;
  border-color: #f687b3 !important;
  border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
}

.focus\:border-pink-500:focus{
  --border-opacity: 1 !important;
  border-color: #ed64a6 !important;
  border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
}

.focus\:border-pink-600:focus{
  --border-opacity: 1 !important;
  border-color: #d53f8c !important;
  border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
}

.focus\:border-pink-700:focus{
  --border-opacity: 1 !important;
  border-color: #b83280 !important;
  border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
}

.focus\:border-pink-800:focus{
  --border-opacity: 1 !important;
  border-color: #97266d !important;
  border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
}

.focus\:border-pink-900:focus{
  --border-opacity: 1 !important;
  border-color: #702459 !important;
  border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
}

.focus\:border-primary-color:focus{
  border-color: var(--primary-color) !important;
}

.focus\:border-primary-hover-color:focus{
  border-color: var(--hover-color) !important;
}

.focus\:border-gray-body:focus{
  --border-opacity: 1 !important;
  border-color: #f2f2f2 !important;
  border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
}

.focus\:border-gray-light:focus{
  --border-opacity: 1 !important;
  border-color: #ccc !important;
  border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
}

.focus\:border-gray-333:focus{
  --border-opacity: 1 !important;
  border-color: #333 !important;
  border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
}

.focus\:border-gray-666:focus{
  --border-opacity: 1 !important;
  border-color: #666 !important;
  border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
}

.focus\:border-gray-888:focus{
  --border-opacity: 1 !important;
  border-color: #888 !important;
  border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
}

.focus\:border-gray-999:focus{
  --border-opacity: 1 !important;
  border-color: #999 !important;
  border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
}

.focus\:border-gray-icon:focus{
  --border-opacity: 1 !important;
  border-color: #9a9a9a !important;
  border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
}

.focus\:border-gray-features:focus{
  --border-opacity: 1 !important;
  border-color: #f5f5f5 !important;
  border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
}

.focus\:border-slide-border:focus{
  --border-opacity: 1 !important;
  border-color: #e1e1e1 !important;
  border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
}

.focus\:border-sale-color:focus{
  border-color: var(--primary-color) !important;
}

.focus\:border-hit-color:focus{
  --border-opacity: 1 !important;
  border-color: #ff9900 !important;
  border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
}

.focus\:border-new-color:focus{
  --border-opacity: 1 !important;
  border-color: #0fa3c6 !important;
  border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
}

.focus\:border-fb-hover-color:focus{
  --border-opacity: 1 !important;
  border-color: #5959d8 !important;
  border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
}

.focus\:border-fb-active-color:focus{
  --border-opacity: 1 !important;
  border-color: #4040b3 !important;
  border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
}

.focus\:border-vk-hover-color:focus{
  --border-opacity: 1 !important;
  border-color: #628dd3 !important;
  border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
}

.focus\:border-vk-active-color:focus{
  --border-opacity: 1 !important;
  border-color: #3768b9 !important;
  border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
}

.focus\:border-insta-hover-color:focus{
  --border-opacity: 1 !important;
  border-color: #af35d2 !important;
  border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
}

.focus\:border-insta-active-color:focus{
  --border-opacity: 1 !important;
  border-color: #7e47b7 !important;
  border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
}

.focus\:border-gray-dc:focus{
  --border-opacity: 1 !important;
  border-color: #dcdcdc !important;
  border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
}

.focus\:border-gray-cd:focus{
  --border-opacity: 1 !important;
  border-color: #cdcdcd !important;
  border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
}

.focus\:border-gray-e7:focus{
  --border-opacity: 1 !important;
  border-color: #e7e7e7 !important;
  border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
}

.focus\:border-check-color:focus{
  --border-opacity: 1 !important;
  border-color: #ce3a12 !important;
  border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
}

.focus\:border-docx-color:focus{
  --border-opacity: 1 !important;
  border-color: #1789e9 !important;
  border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
}

.focus\:border-dark-black:focus{
  --border-opacity: 1 !important;
  border-color: #010101 !important;
  border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
}

.focus\:border-green-light:focus{
  --border-opacity: 1 !important;
  border-color: #3ab011 !important;
  border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
}

.border-opacity-0{
  --border-opacity: 0 !important;
}

.border-opacity-25{
  --border-opacity: 0.25 !important;
}

.border-opacity-50{
  --border-opacity: 0.5 !important;
}

.border-opacity-75{
  --border-opacity: 0.75 !important;
}

.border-opacity-100{
  --border-opacity: 1 !important;
}

.hover\:border-opacity-0:hover{
  --border-opacity: 0 !important;
}

.hover\:border-opacity-25:hover{
  --border-opacity: 0.25 !important;
}

.hover\:border-opacity-50:hover{
  --border-opacity: 0.5 !important;
}

.hover\:border-opacity-75:hover{
  --border-opacity: 0.75 !important;
}

.hover\:border-opacity-100:hover{
  --border-opacity: 1 !important;
}

.focus\:border-opacity-0:focus{
  --border-opacity: 0 !important;
}

.focus\:border-opacity-25:focus{
  --border-opacity: 0.25 !important;
}

.focus\:border-opacity-50:focus{
  --border-opacity: 0.5 !important;
}

.focus\:border-opacity-75:focus{
  --border-opacity: 0.75 !important;
}

.focus\:border-opacity-100:focus{
  --border-opacity: 1 !important;
}

.rounded-10{
  border-radius: 10px !important;
}

.rounded-none{
  border-radius: 0 !important;
}

.rounded-sm{
  border-radius: 0.125rem !important;
}

.rounded{
  border-radius: 0.25rem !important;
}

.rounded-md{
  border-radius: 0.375rem !important;
}

.rounded-lg{
  border-radius: 0.5rem !important;
}

.rounded-xl{
  border-radius: 0.75rem !important;
}

.rounded-2xl{
  border-radius: 1rem !important;
}

.rounded-3xl{
  border-radius: 1.5rem !important;
}

.rounded-full{
  border-radius: 9999px !important;
}

.rounded-50\%{
  border-radius: 50% !important;
}

.rounded-t-10{
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.rounded-r-10{
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.rounded-b-10{
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.rounded-l-10{
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.rounded-t-none{
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-r-none{
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-b-none{
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-l-none{
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-t-sm{
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}

.rounded-r-sm{
  border-top-right-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}

.rounded-b-sm{
  border-bottom-right-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}

.rounded-l-sm{
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}

.rounded-t{
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-r{
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-b{
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-l{
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-t-md{
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}

.rounded-r-md{
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}

.rounded-b-md{
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}

.rounded-l-md{
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}

.rounded-t-lg{
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.rounded-r-lg{
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-b-lg{
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-l-lg{
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-t-xl{
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}

.rounded-r-xl{
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}

.rounded-b-xl{
  border-bottom-right-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}

.rounded-l-xl{
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}

.rounded-t-2xl{
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.rounded-r-2xl{
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.rounded-b-2xl{
  border-bottom-right-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}

.rounded-l-2xl{
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}

.rounded-t-3xl{
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}

.rounded-r-3xl{
  border-top-right-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}

.rounded-b-3xl{
  border-bottom-right-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}

.rounded-l-3xl{
  border-top-left-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}

.rounded-t-full{
  border-top-left-radius: 9999px !important;
  border-top-right-radius: 9999px !important;
}

.rounded-r-full{
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.rounded-b-full{
  border-bottom-right-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.rounded-l-full{
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.rounded-t-50\%{
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-r-50\%{
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-b-50\%{
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-l-50\%{
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-tl-10{
  border-top-left-radius: 10px !important;
}

.rounded-tr-10{
  border-top-right-radius: 10px !important;
}

.rounded-br-10{
  border-bottom-right-radius: 10px !important;
}

.rounded-bl-10{
  border-bottom-left-radius: 10px !important;
}

.rounded-tl-none{
  border-top-left-radius: 0 !important;
}

.rounded-tr-none{
  border-top-right-radius: 0 !important;
}

.rounded-br-none{
  border-bottom-right-radius: 0 !important;
}

.rounded-bl-none{
  border-bottom-left-radius: 0 !important;
}

.rounded-tl-sm{
  border-top-left-radius: 0.125rem !important;
}

.rounded-tr-sm{
  border-top-right-radius: 0.125rem !important;
}

.rounded-br-sm{
  border-bottom-right-radius: 0.125rem !important;
}

.rounded-bl-sm{
  border-bottom-left-radius: 0.125rem !important;
}

.rounded-tl{
  border-top-left-radius: 0.25rem !important;
}

.rounded-tr{
  border-top-right-radius: 0.25rem !important;
}

.rounded-br{
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bl{
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-tl-md{
  border-top-left-radius: 0.375rem !important;
}

.rounded-tr-md{
  border-top-right-radius: 0.375rem !important;
}

.rounded-br-md{
  border-bottom-right-radius: 0.375rem !important;
}

.rounded-bl-md{
  border-bottom-left-radius: 0.375rem !important;
}

.rounded-tl-lg{
  border-top-left-radius: 0.5rem !important;
}

.rounded-tr-lg{
  border-top-right-radius: 0.5rem !important;
}

.rounded-br-lg{
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-bl-lg{
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-tl-xl{
  border-top-left-radius: 0.75rem !important;
}

.rounded-tr-xl{
  border-top-right-radius: 0.75rem !important;
}

.rounded-br-xl{
  border-bottom-right-radius: 0.75rem !important;
}

.rounded-bl-xl{
  border-bottom-left-radius: 0.75rem !important;
}

.rounded-tl-2xl{
  border-top-left-radius: 1rem !important;
}

.rounded-tr-2xl{
  border-top-right-radius: 1rem !important;
}

.rounded-br-2xl{
  border-bottom-right-radius: 1rem !important;
}

.rounded-bl-2xl{
  border-bottom-left-radius: 1rem !important;
}

.rounded-tl-3xl{
  border-top-left-radius: 1.5rem !important;
}

.rounded-tr-3xl{
  border-top-right-radius: 1.5rem !important;
}

.rounded-br-3xl{
  border-bottom-right-radius: 1.5rem !important;
}

.rounded-bl-3xl{
  border-bottom-left-radius: 1.5rem !important;
}

.rounded-tl-full{
  border-top-left-radius: 9999px !important;
}

.rounded-tr-full{
  border-top-right-radius: 9999px !important;
}

.rounded-br-full{
  border-bottom-right-radius: 9999px !important;
}

.rounded-bl-full{
  border-bottom-left-radius: 9999px !important;
}

.rounded-tl-50\%{
  border-top-left-radius: 50% !important;
}

.rounded-tr-50\%{
  border-top-right-radius: 50% !important;
}

.rounded-br-50\%{
  border-bottom-right-radius: 50% !important;
}

.rounded-bl-50\%{
  border-bottom-left-radius: 50% !important;
}

.border-solid{
  border-style: solid !important;
}

.border-dashed{
  border-style: dashed !important;
}

.border-dotted{
  border-style: dotted !important;
}

.border-double{
  border-style: double !important;
}

.border-none{
  border-style: none !important;
}

.border-0{
  border-width: 0 !important;
}

.border-2{
  border-width: 2px !important;
}

.border-3{
  border-width: 3px !important;
}

.border-4{
  border-width: 4px !important;
}

.border-8{
  border-width: 8px !important;
}

.border{
  border-width: 1px !important;
}

.border-t-0{
  border-top-width: 0 !important;
}

.border-r-0{
  border-right-width: 0 !important;
}

.border-b-0{
  border-bottom-width: 0 !important;
}

.border-l-0{
  border-left-width: 0 !important;
}

.border-t-2{
  border-top-width: 2px !important;
}

.border-r-2{
  border-right-width: 2px !important;
}

.border-b-2{
  border-bottom-width: 2px !important;
}

.border-l-2{
  border-left-width: 2px !important;
}

.border-t-3{
  border-top-width: 3px !important;
}

.border-r-3{
  border-right-width: 3px !important;
}

.border-b-3{
  border-bottom-width: 3px !important;
}

.border-l-3{
  border-left-width: 3px !important;
}

.border-t-4{
  border-top-width: 4px !important;
}

.border-r-4{
  border-right-width: 4px !important;
}

.border-b-4{
  border-bottom-width: 4px !important;
}

.border-l-4{
  border-left-width: 4px !important;
}

.border-t-8{
  border-top-width: 8px !important;
}

.border-r-8{
  border-right-width: 8px !important;
}

.border-b-8{
  border-bottom-width: 8px !important;
}

.border-l-8{
  border-left-width: 8px !important;
}

.border-t{
  border-top-width: 1px !important;
}

.border-r{
  border-right-width: 1px !important;
}

.border-b{
  border-bottom-width: 1px !important;
}

.border-l{
  border-left-width: 1px !important;
}

.box-border{
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.box-content{
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.cursor-auto{
  cursor: auto !important;
}

.cursor-default{
  cursor: default !important;
}

.cursor-pointer{
  cursor: pointer !important;
}

.cursor-wait{
  cursor: wait !important;
}

.cursor-text{
  cursor: text !important;
}

.cursor-move{
  cursor: move !important;
}

.cursor-not-allowed{
  cursor: not-allowed !important;
}

.block{
  display: block !important;
}

.inline-block{
  display: inline-block !important;
}

.inline{
  display: inline !important;
}

.flex{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.inline-flex{
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.table{
  display: table !important;
}

.table-caption{
  display: table-caption !important;
}

.table-cell{
  display: table-cell !important;
}

.table-column{
  display: table-column !important;
}

.table-column-group{
  display: table-column-group !important;
}

.table-footer-group{
  display: table-footer-group !important;
}

.table-header-group{
  display: table-header-group !important;
}

.table-row-group{
  display: table-row-group !important;
}

.table-row{
  display: table-row !important;
}

.flow-root{
  display: flow-root !important;
}

.grid{
  display: grid !important;
}

.inline-grid{
  display: inline-grid !important;
}

.contents{
  display: contents !important;
}

.hidden{
  display: none !important;
}

.flex-row{
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-row-reverse{
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-col{
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-col-reverse{
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap{
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-wrap-reverse{
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-no-wrap{
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.place-items-auto{
  place-items: auto !important;
}

.place-items-start{
  place-items: start !important;
}

.place-items-end{
  place-items: end !important;
}

.place-items-center{
  place-items: center !important;
}

.place-items-stretch{
  place-items: stretch !important;
}

.place-content-center{
  place-content: center !important;
}

.place-content-start{
  place-content: start !important;
}

.place-content-end{
  place-content: end !important;
}

.place-content-between{
  place-content: space-between !important;
}

.place-content-around{
  place-content: space-around !important;
}

.place-content-evenly{
  place-content: space-evenly !important;
}

.place-content-stretch{
  place-content: stretch !important;
}

.place-self-auto{
  place-self: auto !important;
}

.place-self-start{
  place-self: start !important;
}

.place-self-end{
  place-self: end !important;
}

.place-self-center{
  place-self: center !important;
}

.place-self-stretch{
  place-self: stretch !important;
}

.items-start{
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.items-end{
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.items-center{
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.items-baseline{
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.items-stretch{
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.content-center{
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.content-start{
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.content-end{
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.content-between{
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.content-around{
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.content-evenly{
  -ms-flex-line-pack: space-evenly !important;
  align-content: space-evenly !important;
}

.self-auto{
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.self-start{
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.self-end{
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.self-center{
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.self-stretch{
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

.justify-items-auto{
  justify-items: auto !important;
}

.justify-items-start{
  justify-items: start !important;
}

.justify-items-end{
  justify-items: end !important;
}

.justify-items-center{
  justify-items: center !important;
}

.justify-items-stretch{
  justify-items: stretch !important;
}

.justify-start{
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-end{
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-center{
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-between{
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-around{
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.justify-evenly{
  -webkit-box-pack: space-evenly !important;
  -ms-flex-pack: space-evenly !important;
  justify-content: space-evenly !important;
}

.justify-self-auto{
  justify-self: auto !important;
}

.justify-self-start{
  justify-self: start !important;
}

.justify-self-end{
  justify-self: end !important;
}

.justify-self-center{
  justify-self: center !important;
}

.justify-self-stretch{
  justify-self: stretch !important;
}

.flex-1{
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 0% !important;
  flex: 1 1 0% !important;
}

.flex-auto{
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-initial{
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 auto !important;
  flex: 0 1 auto !important;
}

.flex-none{
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
}

.flex-grow-0{
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow{
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0{
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink{
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.order-1{
  -webkit-box-ordinal-group: 2 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important;
}

.order-2{
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
}

.order-3{
  -webkit-box-ordinal-group: 4 !important;
  -ms-flex-order: 3 !important;
  order: 3 !important;
}

.order-4{
  -webkit-box-ordinal-group: 5 !important;
  -ms-flex-order: 4 !important;
  order: 4 !important;
}

.order-5{
  -webkit-box-ordinal-group: 6 !important;
  -ms-flex-order: 5 !important;
  order: 5 !important;
}

.order-6{
  -webkit-box-ordinal-group: 7 !important;
  -ms-flex-order: 6 !important;
  order: 6 !important;
}

.order-7{
  -webkit-box-ordinal-group: 8 !important;
  -ms-flex-order: 7 !important;
  order: 7 !important;
}

.order-8{
  -webkit-box-ordinal-group: 9 !important;
  -ms-flex-order: 8 !important;
  order: 8 !important;
}

.order-9{
  -webkit-box-ordinal-group: 10 !important;
  -ms-flex-order: 9 !important;
  order: 9 !important;
}

.order-10{
  -webkit-box-ordinal-group: 11 !important;
  -ms-flex-order: 10 !important;
  order: 10 !important;
}

.order-11{
  -webkit-box-ordinal-group: 12 !important;
  -ms-flex-order: 11 !important;
  order: 11 !important;
}

.order-12{
  -webkit-box-ordinal-group: 13 !important;
  -ms-flex-order: 12 !important;
  order: 12 !important;
}

.order-first{
  -webkit-box-ordinal-group: -9998 !important;
  -ms-flex-order: -9999 !important;
  order: -9999 !important;
}

.order-last{
  -webkit-box-ordinal-group: 10000 !important;
  -ms-flex-order: 9999 !important;
  order: 9999 !important;
}

.order-none{
  -webkit-box-ordinal-group: 1 !important;
  -ms-flex-order: 0 !important;
  order: 0 !important;
}

.float-right{
  float: right !important;
}

.float-left{
  float: left !important;
}

.float-none{
  float: none !important;
}

.clearfix:after{
  content: "" !important;
  display: table !important;
  clear: both !important;
}

.clear-left{
  clear: left !important;
}

.clear-right{
  clear: right !important;
}

.clear-both{
  clear: both !important;
}

.clear-none{
  clear: none !important;
}

.font-sans{
  font-family: 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" !important;
}

.font-serif{
  font-family: Georgia, Cambria, "Times New Roman", Times, serif !important;
}

.font-mono{
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.font-hairline{
  font-weight: 100 !important;
}

.font-thin{
  font-weight: 200 !important;
}

.font-light{
  font-weight: 300 !important;
}

.font-normal{
  font-weight: 400 !important;
}

.font-medium{
  font-weight: 500 !important;
}

.font-semibold{
  font-weight: 600 !important;
}

.font-bold{
  font-weight: 700 !important;
}

.font-extrabold{
  font-weight: 800 !important;
}

.font-black{
  font-weight: 900 !important;
}

.hover\:font-hairline:hover{
  font-weight: 100 !important;
}

.hover\:font-thin:hover{
  font-weight: 200 !important;
}

.hover\:font-light:hover{
  font-weight: 300 !important;
}

.hover\:font-normal:hover{
  font-weight: 400 !important;
}

.hover\:font-medium:hover{
  font-weight: 500 !important;
}

.hover\:font-semibold:hover{
  font-weight: 600 !important;
}

.hover\:font-bold:hover{
  font-weight: 700 !important;
}

.hover\:font-extrabold:hover{
  font-weight: 800 !important;
}

.hover\:font-black:hover{
  font-weight: 900 !important;
}

.focus\:font-hairline:focus{
  font-weight: 100 !important;
}

.focus\:font-thin:focus{
  font-weight: 200 !important;
}

.focus\:font-light:focus{
  font-weight: 300 !important;
}

.focus\:font-normal:focus{
  font-weight: 400 !important;
}

.focus\:font-medium:focus{
  font-weight: 500 !important;
}

.focus\:font-semibold:focus{
  font-weight: 600 !important;
}

.focus\:font-bold:focus{
  font-weight: 700 !important;
}

.focus\:font-extrabold:focus{
  font-weight: 800 !important;
}

.focus\:font-black:focus{
  font-weight: 900 !important;
}

.h-0{
  height: 0 !important;
}

.h-1{
  height: 0.25rem !important;
}

.h-2{
  height: 0.5rem !important;
}

.h-3{
  height: 0.75rem !important;
}

.h-4{
  height: 1rem !important;
}

.h-5{
  height: 1.25rem !important;
}

.h-6{
  height: 1.5rem !important;
}

.h-8{
  height: 2rem !important;
}

.h-10{
  height: 2.5rem !important;
}

.h-12{
  height: 3rem !important;
}

.h-16{
  height: 4rem !important;
}

.h-20{
  height: 5rem !important;
}

.h-24{
  height: 6rem !important;
}

.h-28{
  height: 7rem !important;
}

.h-32{
  height: 8rem !important;
}

.h-40{
  height: 10rem !important;
}

.h-48{
  height: 12rem !important;
}

.h-56{
  height: 14rem !important;
}

.h-64{
  height: 16rem !important;
}

.h-auto{
  height: auto !important;
}

.h-px{
  height: 1px !important;
}

.h-2px{
  height: 2px !important;
}

.h-3px{
  height: 3px !important;
}

.h-5px{
  height: 5px !important;
}

.h-10px{
  height: 10px !important;
}

.h-15px{
  height: 15px !important;
}

.h-20px{
  height: 20px !important;
}

.h-25px{
  height: 25px !important;
}

.h-30px{
  height: 30px !important;
}

.h-36px{
  height: 36px !important;
}

.h-50px{
  height: 50px !important;
}

.h-60px{
  height: 60px !important;
}

.h-120px{
  height: 120px !important;
}

.h-full{
  height: 100% !important;
}

.h-screen{
  height: 100vh !important;
}

.text-xs{
  font-size: .75rem !important;
}

.text-sm{
  font-size: 14px !important;
}

.text-base{
  font-size: 16px !important;
}

.text-lg{
  font-size: 18px !important;
}

.text-xl{
  font-size: 20px !important;
}

.text-2xl{
  font-size: 1.5rem !important;
}

.text-3xl{
  font-size: 30px !important;
}

.text-4xl{
  font-size: 2.25rem !important;
}

.text-5xl{
  font-size: 3rem !important;
}

.text-6xl{
  font-size: 4rem !important;
}

.text-toy{
  font-size: 10px !important;
}

.text-xxs{
  font-size: 11px !important;
}

.text-tiny{
  font-size: 13px !important;
}

.text-normal{
  font-size: 15px !important;
}

.text-x21{
  font-size: 21px !important;
}

.text-x22{
  font-size: 22px !important;
}

.text-x23{
  font-size: 23px !important;
}

.text-x25{
  font-size: 25px !important;
}

.text-large{
  font-size: 40px !important;
}

.text-huge{
  font-size: 50px !important;
}

.leading-3{
  line-height: .75rem !important;
}

.leading-4{
  line-height: 1rem !important;
}

.leading-5{
  line-height: 1.25rem !important;
}

.leading-6{
  line-height: 1.5rem !important;
}

.leading-7{
  line-height: 1.75rem !important;
}

.leading-8{
  line-height: 2rem !important;
}

.leading-9{
  line-height: 2.25rem !important;
}

.leading-10{
  line-height: 2.5rem !important;
}

.leading-none{
  line-height: 1 !important;
}

.leading-tight{
  line-height: 1.25 !important;
}

.leading-snug{
  line-height: 1.375 !important;
}

.leading-normal{
  line-height: 1.5 !important;
}

.leading-relaxed{
  line-height: 1.625 !important;
}

.leading-loose{
  line-height: 2 !important;
}

.leading-60px{
  line-height: 60px !important;
}

.leading-small{
  line-height: 23px !important;
}

.leading-ordinary{
  line-height: 25px !important;
}

.list-inside{
  list-style-position: inside !important;
}

.list-outside{
  list-style-position: outside !important;
}

.list-none{
  list-style-type: none !important;
}

.list-disc{
  list-style-type: disc !important;
}

.list-decimal{
  list-style-type: decimal !important;
}

.list-line{
  list-style-type: - !important;
}

.m-0{
  margin: 0 !important;
}

.m-1{
  margin: 0.25rem !important;
}

.m-2{
  margin: 0.5rem !important;
}

.m-3{
  margin: 0.75rem !important;
}

.m-4{
  margin: 1rem !important;
}

.m-5{
  margin: 1.25rem !important;
}

.m-6{
  margin: 1.5rem !important;
}

.m-8{
  margin: 2rem !important;
}

.m-10{
  margin: 2.5rem !important;
}

.m-12{
  margin: 3rem !important;
}

.m-16{
  margin: 4rem !important;
}

.m-20{
  margin: 5rem !important;
}

.m-24{
  margin: 6rem !important;
}

.m-28{
  margin: 7rem !important;
}

.m-32{
  margin: 8rem !important;
}

.m-40{
  margin: 10rem !important;
}

.m-48{
  margin: 12rem !important;
}

.m-56{
  margin: 14rem !important;
}

.m-64{
  margin: 16rem !important;
}

.m-auto{
  margin: auto !important;
}

.m-px{
  margin: 1px !important;
}

.m-2px{
  margin: 2px !important;
}

.m-3px{
  margin: 3px !important;
}

.m-5px{
  margin: 5px !important;
}

.m-10px{
  margin: 10px !important;
}

.m-15px{
  margin: 15px !important;
}

.m-20px{
  margin: 20px !important;
}

.m-25px{
  margin: 25px !important;
}

.m-30px{
  margin: 30px !important;
}

.m-36px{
  margin: 36px !important;
}

.m-50px{
  margin: 50px !important;
}

.m-60px{
  margin: 60px !important;
}

.m-120px{
  margin: 120px !important;
}

.-m-1{
  margin: -0.25rem !important;
}

.-m-2{
  margin: -0.5rem !important;
}

.-m-3{
  margin: -0.75rem !important;
}

.-m-4{
  margin: -1rem !important;
}

.-m-5{
  margin: -1.25rem !important;
}

.-m-6{
  margin: -1.5rem !important;
}

.-m-8{
  margin: -2rem !important;
}

.-m-10{
  margin: -2.5rem !important;
}

.-m-12{
  margin: -3rem !important;
}

.-m-16{
  margin: -4rem !important;
}

.-m-20{
  margin: -5rem !important;
}

.-m-24{
  margin: -6rem !important;
}

.-m-28{
  margin: -7rem !important;
}

.-m-32{
  margin: -8rem !important;
}

.-m-40{
  margin: -10rem !important;
}

.-m-48{
  margin: -12rem !important;
}

.-m-56{
  margin: -14rem !important;
}

.-m-64{
  margin: -16rem !important;
}

.-m-px{
  margin: -1px !important;
}

.-m-2px{
  margin: -2px !important;
}

.-m-3px{
  margin: -3px !important;
}

.-m-5px{
  margin: -5px !important;
}

.-m-10px{
  margin: -10px !important;
}

.-m-15px{
  margin: -15px !important;
}

.-m-20px{
  margin: -20px !important;
}

.-m-25px{
  margin: -25px !important;
}

.-m-30px{
  margin: -30px !important;
}

.-m-36px{
  margin: -36px !important;
}

.-m-50px{
  margin: -50px !important;
}

.-m-60px{
  margin: -60px !important;
}

.-m-120px{
  margin: -120px !important;
}

.my-0{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mx-0{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-1{
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mx-1{
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-2{
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mx-2{
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-3{
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.mx-3{
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-4{
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mx-4{
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-5{
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.mx-5{
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

.my-6{
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mx-6{
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-8{
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mx-8{
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-10{
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.mx-10{
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.my-12{
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mx-12{
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-16{
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.mx-16{
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my-20{
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.mx-20{
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my-24{
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.mx-24{
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.my-28{
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.mx-28{
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.my-32{
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.mx-32{
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.my-40{
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.mx-40{
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.my-48{
  margin-top: 12rem !important;
  margin-bottom: 12rem !important;
}

.mx-48{
  margin-left: 12rem !important;
  margin-right: 12rem !important;
}

.my-56{
  margin-top: 14rem !important;
  margin-bottom: 14rem !important;
}

.mx-56{
  margin-left: 14rem !important;
  margin-right: 14rem !important;
}

.my-64{
  margin-top: 16rem !important;
  margin-bottom: 16rem !important;
}

.mx-64{
  margin-left: 16rem !important;
  margin-right: 16rem !important;
}

.my-auto{
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mx-auto{
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-px{
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.mx-px{
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.my-2px{
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.mx-2px{
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.my-3px{
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.mx-3px{
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.my-5px{
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.mx-5px{
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.my-10px{
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mx-10px{
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.my-15px{
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.mx-15px{
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.my-20px{
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mx-20px{
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-25px{
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.mx-25px{
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.my-30px{
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mx-30px{
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.my-36px{
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.mx-36px{
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.my-50px{
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.mx-50px{
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.my-60px{
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.mx-60px{
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.my-120px{
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.mx-120px{
  margin-left: 120px !important;
  margin-right: 120px !important;
}

.-my-1{
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

.-mx-1{
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}

.-my-2{
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

.-mx-2{
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.-my-3{
  margin-top: -0.75rem !important;
  margin-bottom: -0.75rem !important;
}

.-mx-3{
  margin-left: -0.75rem !important;
  margin-right: -0.75rem !important;
}

.-my-4{
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}

.-mx-4{
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.-my-5{
  margin-top: -1.25rem !important;
  margin-bottom: -1.25rem !important;
}

.-mx-5{
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important;
}

.-my-6{
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important;
}

.-mx-6{
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}

.-my-8{
  margin-top: -2rem !important;
  margin-bottom: -2rem !important;
}

.-mx-8{
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}

.-my-10{
  margin-top: -2.5rem !important;
  margin-bottom: -2.5rem !important;
}

.-mx-10{
  margin-left: -2.5rem !important;
  margin-right: -2.5rem !important;
}

.-my-12{
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}

.-mx-12{
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}

.-my-16{
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}

.-mx-16{
  margin-left: -4rem !important;
  margin-right: -4rem !important;
}

.-my-20{
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}

.-mx-20{
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}

.-my-24{
  margin-top: -6rem !important;
  margin-bottom: -6rem !important;
}

.-mx-24{
  margin-left: -6rem !important;
  margin-right: -6rem !important;
}

.-my-28{
  margin-top: -7rem !important;
  margin-bottom: -7rem !important;
}

.-mx-28{
  margin-left: -7rem !important;
  margin-right: -7rem !important;
}

.-my-32{
  margin-top: -8rem !important;
  margin-bottom: -8rem !important;
}

.-mx-32{
  margin-left: -8rem !important;
  margin-right: -8rem !important;
}

.-my-40{
  margin-top: -10rem !important;
  margin-bottom: -10rem !important;
}

.-mx-40{
  margin-left: -10rem !important;
  margin-right: -10rem !important;
}

.-my-48{
  margin-top: -12rem !important;
  margin-bottom: -12rem !important;
}

.-mx-48{
  margin-left: -12rem !important;
  margin-right: -12rem !important;
}

.-my-56{
  margin-top: -14rem !important;
  margin-bottom: -14rem !important;
}

.-mx-56{
  margin-left: -14rem !important;
  margin-right: -14rem !important;
}

.-my-64{
  margin-top: -16rem !important;
  margin-bottom: -16rem !important;
}

.-mx-64{
  margin-left: -16rem !important;
  margin-right: -16rem !important;
}

.-my-px{
  margin-top: -1px !important;
  margin-bottom: -1px !important;
}

.-mx-px{
  margin-left: -1px !important;
  margin-right: -1px !important;
}

.-my-2px{
  margin-top: -2px !important;
  margin-bottom: -2px !important;
}

.-mx-2px{
  margin-left: -2px !important;
  margin-right: -2px !important;
}

.-my-3px{
  margin-top: -3px !important;
  margin-bottom: -3px !important;
}

.-mx-3px{
  margin-left: -3px !important;
  margin-right: -3px !important;
}

.-my-5px{
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}

.-mx-5px{
  margin-left: -5px !important;
  margin-right: -5px !important;
}

.-my-10px{
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}

.-mx-10px{
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.-my-15px{
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}

.-mx-15px{
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.-my-20px{
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}

.-mx-20px{
  margin-left: -20px !important;
  margin-right: -20px !important;
}

.-my-25px{
  margin-top: -25px !important;
  margin-bottom: -25px !important;
}

.-mx-25px{
  margin-left: -25px !important;
  margin-right: -25px !important;
}

.-my-30px{
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}

.-mx-30px{
  margin-left: -30px !important;
  margin-right: -30px !important;
}

.-my-36px{
  margin-top: -36px !important;
  margin-bottom: -36px !important;
}

.-mx-36px{
  margin-left: -36px !important;
  margin-right: -36px !important;
}

.-my-50px{
  margin-top: -50px !important;
  margin-bottom: -50px !important;
}

.-mx-50px{
  margin-left: -50px !important;
  margin-right: -50px !important;
}

.-my-60px{
  margin-top: -60px !important;
  margin-bottom: -60px !important;
}

.-mx-60px{
  margin-left: -60px !important;
  margin-right: -60px !important;
}

.-my-120px{
  margin-top: -120px !important;
  margin-bottom: -120px !important;
}

.-mx-120px{
  margin-left: -120px !important;
  margin-right: -120px !important;
}

.mt-0{
  margin-top: 0 !important;
}

.mr-0{
  margin-right: 0 !important;
}

.mb-0{
  margin-bottom: 0 !important;
}

.ml-0{
  margin-left: 0 !important;
}

.mt-1{
  margin-top: 0.25rem !important;
}

.mr-1{
  margin-right: 0.25rem !important;
}

.mb-1{
  margin-bottom: 0.25rem !important;
}

.ml-1{
  margin-left: 0.25rem !important;
}

.mt-2{
  margin-top: 0.5rem !important;
}

.mr-2{
  margin-right: 0.5rem !important;
}

.mb-2{
  margin-bottom: 0.5rem !important;
}

.ml-2{
  margin-left: 0.5rem !important;
}

.mt-3{
  margin-top: 0.75rem !important;
}

.mr-3{
  margin-right: 0.75rem !important;
}

.mb-3{
  margin-bottom: 0.75rem !important;
}

.ml-3{
  margin-left: 0.75rem !important;
}

.mt-4{
  margin-top: 1rem !important;
}

.mr-4{
  margin-right: 1rem !important;
}

.mb-4{
  margin-bottom: 1rem !important;
}

.ml-4{
  margin-left: 1rem !important;
}

.mt-5{
  margin-top: 1.25rem !important;
}

.mr-5{
  margin-right: 1.25rem !important;
}

.mb-5{
  margin-bottom: 1.25rem !important;
}

.ml-5{
  margin-left: 1.25rem !important;
}

.mt-6{
  margin-top: 1.5rem !important;
}

.mr-6{
  margin-right: 1.5rem !important;
}

.mb-6{
  margin-bottom: 1.5rem !important;
}

.ml-6{
  margin-left: 1.5rem !important;
}

.mt-8{
  margin-top: 2rem !important;
}

.mr-8{
  margin-right: 2rem !important;
}

.mb-8{
  margin-bottom: 2rem !important;
}

.ml-8{
  margin-left: 2rem !important;
}

.mt-10{
  margin-top: 2.5rem !important;
}

.mr-10{
  margin-right: 2.5rem !important;
}

.mb-10{
  margin-bottom: 2.5rem !important;
}

.ml-10{
  margin-left: 2.5rem !important;
}

.mt-12{
  margin-top: 3rem !important;
}

.mr-12{
  margin-right: 3rem !important;
}

.mb-12{
  margin-bottom: 3rem !important;
}

.ml-12{
  margin-left: 3rem !important;
}

.mt-16{
  margin-top: 4rem !important;
}

.mr-16{
  margin-right: 4rem !important;
}

.mb-16{
  margin-bottom: 4rem !important;
}

.ml-16{
  margin-left: 4rem !important;
}

.mt-20{
  margin-top: 5rem !important;
}

.mr-20{
  margin-right: 5rem !important;
}

.mb-20{
  margin-bottom: 5rem !important;
}

.ml-20{
  margin-left: 5rem !important;
}

.mt-24{
  margin-top: 6rem !important;
}

.mr-24{
  margin-right: 6rem !important;
}

.mb-24{
  margin-bottom: 6rem !important;
}

.ml-24{
  margin-left: 6rem !important;
}

.mt-28{
  margin-top: 7rem !important;
}

.mr-28{
  margin-right: 7rem !important;
}

.mb-28{
  margin-bottom: 7rem !important;
}

.ml-28{
  margin-left: 7rem !important;
}

.mt-32{
  margin-top: 8rem !important;
}

.mr-32{
  margin-right: 8rem !important;
}

.mb-32{
  margin-bottom: 8rem !important;
}

.ml-32{
  margin-left: 8rem !important;
}

.mt-40{
  margin-top: 10rem !important;
}

.mr-40{
  margin-right: 10rem !important;
}

.mb-40{
  margin-bottom: 10rem !important;
}

.ml-40{
  margin-left: 10rem !important;
}

.mt-48{
  margin-top: 12rem !important;
}

.mr-48{
  margin-right: 12rem !important;
}

.mb-48{
  margin-bottom: 12rem !important;
}

.ml-48{
  margin-left: 12rem !important;
}

.mt-56{
  margin-top: 14rem !important;
}

.mr-56{
  margin-right: 14rem !important;
}

.mb-56{
  margin-bottom: 14rem !important;
}

.ml-56{
  margin-left: 14rem !important;
}

.mt-64{
  margin-top: 16rem !important;
}

.mr-64{
  margin-right: 16rem !important;
}

.mb-64{
  margin-bottom: 16rem !important;
}

.ml-64{
  margin-left: 16rem !important;
}

.mt-auto{
  margin-top: auto !important;
}

.mr-auto{
  margin-right: auto !important;
}

.mb-auto{
  margin-bottom: auto !important;
}

.ml-auto{
  margin-left: auto !important;
}

.mt-px{
  margin-top: 1px !important;
}

.mr-px{
  margin-right: 1px !important;
}

.mb-px{
  margin-bottom: 1px !important;
}

.ml-px{
  margin-left: 1px !important;
}

.mt-2px{
  margin-top: 2px !important;
}

.mr-2px{
  margin-right: 2px !important;
}

.mb-2px{
  margin-bottom: 2px !important;
}

.ml-2px{
  margin-left: 2px !important;
}

.mt-3px{
  margin-top: 3px !important;
}

.mr-3px{
  margin-right: 3px !important;
}

.mb-3px{
  margin-bottom: 3px !important;
}

.ml-3px{
  margin-left: 3px !important;
}

.mt-5px{
  margin-top: 5px !important;
}

.mr-5px{
  margin-right: 5px !important;
}

.mb-5px{
  margin-bottom: 5px !important;
}

.ml-5px{
  margin-left: 5px !important;
}

.mt-10px{
  margin-top: 10px !important;
}

.mr-10px{
  margin-right: 10px !important;
}

.mb-10px{
  margin-bottom: 10px !important;
}

.ml-10px{
  margin-left: 10px !important;
}

.mt-15px{
  margin-top: 15px !important;
}

.mr-15px{
  margin-right: 15px !important;
}

.mb-15px{
  margin-bottom: 15px !important;
}

.ml-15px{
  margin-left: 15px !important;
}

.mt-20px{
  margin-top: 20px !important;
}

.mr-20px{
  margin-right: 20px !important;
}

.mb-20px{
  margin-bottom: 20px !important;
}

.ml-20px{
  margin-left: 20px !important;
}

.mt-25px{
  margin-top: 25px !important;
}

.mr-25px{
  margin-right: 25px !important;
}

.mb-25px{
  margin-bottom: 25px !important;
}

.ml-25px{
  margin-left: 25px !important;
}

.mt-30px{
  margin-top: 30px !important;
}

.mr-30px{
  margin-right: 30px !important;
}

.mb-30px{
  margin-bottom: 30px !important;
}

.ml-30px{
  margin-left: 30px !important;
}

.mt-36px{
  margin-top: 36px !important;
}

.mr-36px{
  margin-right: 36px !important;
}

.mb-36px{
  margin-bottom: 36px !important;
}

.ml-36px{
  margin-left: 36px !important;
}

.mt-50px{
  margin-top: 50px !important;
}

.mr-50px{
  margin-right: 50px !important;
}

.mb-50px{
  margin-bottom: 50px !important;
}

.ml-50px{
  margin-left: 50px !important;
}

.mt-60px{
  margin-top: 60px !important;
}

.mr-60px{
  margin-right: 60px !important;
}

.mb-60px{
  margin-bottom: 60px !important;
}

.ml-60px{
  margin-left: 60px !important;
}

.mt-120px{
  margin-top: 120px !important;
}

.mr-120px{
  margin-right: 120px !important;
}

.mb-120px{
  margin-bottom: 120px !important;
}

.ml-120px{
  margin-left: 120px !important;
}

.-mt-1{
  margin-top: -0.25rem !important;
}

.-mr-1{
  margin-right: -0.25rem !important;
}

.-mb-1{
  margin-bottom: -0.25rem !important;
}

.-ml-1{
  margin-left: -0.25rem !important;
}

.-mt-2{
  margin-top: -0.5rem !important;
}

.-mr-2{
  margin-right: -0.5rem !important;
}

.-mb-2{
  margin-bottom: -0.5rem !important;
}

.-ml-2{
  margin-left: -0.5rem !important;
}

.-mt-3{
  margin-top: -0.75rem !important;
}

.-mr-3{
  margin-right: -0.75rem !important;
}

.-mb-3{
  margin-bottom: -0.75rem !important;
}

.-ml-3{
  margin-left: -0.75rem !important;
}

.-mt-4{
  margin-top: -1rem !important;
}

.-mr-4{
  margin-right: -1rem !important;
}

.-mb-4{
  margin-bottom: -1rem !important;
}

.-ml-4{
  margin-left: -1rem !important;
}

.-mt-5{
  margin-top: -1.25rem !important;
}

.-mr-5{
  margin-right: -1.25rem !important;
}

.-mb-5{
  margin-bottom: -1.25rem !important;
}

.-ml-5{
  margin-left: -1.25rem !important;
}

.-mt-6{
  margin-top: -1.5rem !important;
}

.-mr-6{
  margin-right: -1.5rem !important;
}

.-mb-6{
  margin-bottom: -1.5rem !important;
}

.-ml-6{
  margin-left: -1.5rem !important;
}

.-mt-8{
  margin-top: -2rem !important;
}

.-mr-8{
  margin-right: -2rem !important;
}

.-mb-8{
  margin-bottom: -2rem !important;
}

.-ml-8{
  margin-left: -2rem !important;
}

.-mt-10{
  margin-top: -2.5rem !important;
}

.-mr-10{
  margin-right: -2.5rem !important;
}

.-mb-10{
  margin-bottom: -2.5rem !important;
}

.-ml-10{
  margin-left: -2.5rem !important;
}

.-mt-12{
  margin-top: -3rem !important;
}

.-mr-12{
  margin-right: -3rem !important;
}

.-mb-12{
  margin-bottom: -3rem !important;
}

.-ml-12{
  margin-left: -3rem !important;
}

.-mt-16{
  margin-top: -4rem !important;
}

.-mr-16{
  margin-right: -4rem !important;
}

.-mb-16{
  margin-bottom: -4rem !important;
}

.-ml-16{
  margin-left: -4rem !important;
}

.-mt-20{
  margin-top: -5rem !important;
}

.-mr-20{
  margin-right: -5rem !important;
}

.-mb-20{
  margin-bottom: -5rem !important;
}

.-ml-20{
  margin-left: -5rem !important;
}

.-mt-24{
  margin-top: -6rem !important;
}

.-mr-24{
  margin-right: -6rem !important;
}

.-mb-24{
  margin-bottom: -6rem !important;
}

.-ml-24{
  margin-left: -6rem !important;
}

.-mt-28{
  margin-top: -7rem !important;
}

.-mr-28{
  margin-right: -7rem !important;
}

.-mb-28{
  margin-bottom: -7rem !important;
}

.-ml-28{
  margin-left: -7rem !important;
}

.-mt-32{
  margin-top: -8rem !important;
}

.-mr-32{
  margin-right: -8rem !important;
}

.-mb-32{
  margin-bottom: -8rem !important;
}

.-ml-32{
  margin-left: -8rem !important;
}

.-mt-40{
  margin-top: -10rem !important;
}

.-mr-40{
  margin-right: -10rem !important;
}

.-mb-40{
  margin-bottom: -10rem !important;
}

.-ml-40{
  margin-left: -10rem !important;
}

.-mt-48{
  margin-top: -12rem !important;
}

.-mr-48{
  margin-right: -12rem !important;
}

.-mb-48{
  margin-bottom: -12rem !important;
}

.-ml-48{
  margin-left: -12rem !important;
}

.-mt-56{
  margin-top: -14rem !important;
}

.-mr-56{
  margin-right: -14rem !important;
}

.-mb-56{
  margin-bottom: -14rem !important;
}

.-ml-56{
  margin-left: -14rem !important;
}

.-mt-64{
  margin-top: -16rem !important;
}

.-mr-64{
  margin-right: -16rem !important;
}

.-mb-64{
  margin-bottom: -16rem !important;
}

.-ml-64{
  margin-left: -16rem !important;
}

.-mt-px{
  margin-top: -1px !important;
}

.-mr-px{
  margin-right: -1px !important;
}

.-mb-px{
  margin-bottom: -1px !important;
}

.-ml-px{
  margin-left: -1px !important;
}

.-mt-2px{
  margin-top: -2px !important;
}

.-mr-2px{
  margin-right: -2px !important;
}

.-mb-2px{
  margin-bottom: -2px !important;
}

.-ml-2px{
  margin-left: -2px !important;
}

.-mt-3px{
  margin-top: -3px !important;
}

.-mr-3px{
  margin-right: -3px !important;
}

.-mb-3px{
  margin-bottom: -3px !important;
}

.-ml-3px{
  margin-left: -3px !important;
}

.-mt-5px{
  margin-top: -5px !important;
}

.-mr-5px{
  margin-right: -5px !important;
}

.-mb-5px{
  margin-bottom: -5px !important;
}

.-ml-5px{
  margin-left: -5px !important;
}

.-mt-10px{
  margin-top: -10px !important;
}

.-mr-10px{
  margin-right: -10px !important;
}

.-mb-10px{
  margin-bottom: -10px !important;
}

.-ml-10px{
  margin-left: -10px !important;
}

.-mt-15px{
  margin-top: -15px !important;
}

.-mr-15px{
  margin-right: -15px !important;
}

.-mb-15px{
  margin-bottom: -15px !important;
}

.-ml-15px{
  margin-left: -15px !important;
}

.-mt-20px{
  margin-top: -20px !important;
}

.-mr-20px{
  margin-right: -20px !important;
}

.-mb-20px{
  margin-bottom: -20px !important;
}

.-ml-20px{
  margin-left: -20px !important;
}

.-mt-25px{
  margin-top: -25px !important;
}

.-mr-25px{
  margin-right: -25px !important;
}

.-mb-25px{
  margin-bottom: -25px !important;
}

.-ml-25px{
  margin-left: -25px !important;
}

.-mt-30px{
  margin-top: -30px !important;
}

.-mr-30px{
  margin-right: -30px !important;
}

.-mb-30px{
  margin-bottom: -30px !important;
}

.-ml-30px{
  margin-left: -30px !important;
}

.-mt-36px{
  margin-top: -36px !important;
}

.-mr-36px{
  margin-right: -36px !important;
}

.-mb-36px{
  margin-bottom: -36px !important;
}

.-ml-36px{
  margin-left: -36px !important;
}

.-mt-50px{
  margin-top: -50px !important;
}

.-mr-50px{
  margin-right: -50px !important;
}

.-mb-50px{
  margin-bottom: -50px !important;
}

.-ml-50px{
  margin-left: -50px !important;
}

.-mt-60px{
  margin-top: -60px !important;
}

.-mr-60px{
  margin-right: -60px !important;
}

.-mb-60px{
  margin-bottom: -60px !important;
}

.-ml-60px{
  margin-left: -60px !important;
}

.-mt-120px{
  margin-top: -120px !important;
}

.-mr-120px{
  margin-right: -120px !important;
}

.-mb-120px{
  margin-bottom: -120px !important;
}

.-ml-120px{
  margin-left: -120px !important;
}

.max-h-full{
  max-height: 100% !important;
}

.max-h-screen{
  max-height: 100vh !important;
}

.max-h-3\/4{
  max-height: 75% !important;
}

.max-w-250{
  max-width: 250px !important;
}

.max-w-440{
  max-width: 440px !important;
}

.max-w-none{
  max-width: none !important;
}

.max-w-xs{
  max-width: 20rem !important;
}

.max-w-sm{
  max-width: 24rem !important;
}

.max-w-md{
  max-width: 28rem !important;
}

.max-w-lg{
  max-width: 32rem !important;
}

.max-w-xl{
  max-width: 36rem !important;
}

.max-w-2xl{
  max-width: 42rem !important;
}

.max-w-3xl{
  max-width: 48rem !important;
}

.max-w-4xl{
  max-width: 56rem !important;
}

.max-w-5xl{
  max-width: 64rem !important;
}

.max-w-6xl{
  max-width: 72rem !important;
}

.max-w-full{
  max-width: 100% !important;
}

.max-w-screen-sm{
  max-width: 560px !important;
}

.max-w-screen-md{
  max-width: 768px !important;
}

.max-w-screen-lg{
  max-width: 1024px !important;
}

.max-w-screen-xl{
  max-width: 1280px !important;
}

.max-w-screen-xxs{
  max-width: 320px !important;
}

.max-w-screen-xs{
  max-width: 360px !important;
}

.max-w-screen-xxl{
  max-width: 1920px !important;
}

.min-h-0{
  min-height: 0 !important;
}

.min-h-full{
  min-height: 100% !important;
}

.min-h-screen{
  min-height: 100vh !important;
}

.min-w-0{
  min-width: 0 !important;
}

.min-w-full{
  min-width: 100% !important;
}

.object-contain{
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

.object-cover{
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.object-fill{
  -o-object-fit: fill !important;
  object-fit: fill !important;
}

.object-none{
  -o-object-fit: none !important;
  object-fit: none !important;
}

.object-scale-down{
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}

.object-bottom{
  -o-object-position: bottom !important;
  object-position: bottom !important;
}

.object-center{
  -o-object-position: center !important;
  object-position: center !important;
}

.object-left{
  -o-object-position: left !important;
  object-position: left !important;
}

.object-left-bottom{
  -o-object-position: left bottom !important;
  object-position: left bottom !important;
}

.object-left-top{
  -o-object-position: left top !important;
  object-position: left top !important;
}

.object-right{
  -o-object-position: right !important;
  object-position: right !important;
}

.object-right-bottom{
  -o-object-position: right bottom !important;
  object-position: right bottom !important;
}

.object-right-top{
  -o-object-position: right top !important;
  object-position: right top !important;
}

.object-top{
  -o-object-position: top !important;
  object-position: top !important;
}

.opacity-0{
  opacity: 0 !important;
}

.opacity-25{
  opacity: 0.25 !important;
}

.opacity-50{
  opacity: 0.5 !important;
}

.opacity-75{
  opacity: 0.75 !important;
}

.opacity-100{
  opacity: 1 !important;
}

.hover\:opacity-0:hover{
  opacity: 0 !important;
}

.hover\:opacity-25:hover{
  opacity: 0.25 !important;
}

.hover\:opacity-50:hover{
  opacity: 0.5 !important;
}

.hover\:opacity-75:hover{
  opacity: 0.75 !important;
}

.hover\:opacity-100:hover{
  opacity: 1 !important;
}

.focus\:opacity-0:focus{
  opacity: 0 !important;
}

.focus\:opacity-25:focus{
  opacity: 0.25 !important;
}

.focus\:opacity-50:focus{
  opacity: 0.5 !important;
}

.focus\:opacity-75:focus{
  opacity: 0.75 !important;
}

.focus\:opacity-100:focus{
  opacity: 1 !important;
}

.outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.outline-white{
  outline: 2px dotted white !important;
  outline-offset: 2px !important;
}

.outline-black{
  outline: 2px dotted black !important;
  outline-offset: 2px !important;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.focus\:outline-white:focus{
  outline: 2px dotted white !important;
  outline-offset: 2px !important;
}

.focus\:outline-black:focus{
  outline: 2px dotted black !important;
  outline-offset: 2px !important;
}

.overflow-auto{
  overflow: auto !important;
}

.overflow-hidden{
  overflow: hidden !important;
}

.overflow-visible{
  overflow: visible !important;
}

.overflow-scroll{
  overflow: scroll !important;
}

.overflow-x-auto{
  overflow-x: auto !important;
}

.overflow-y-auto{
  overflow-y: auto !important;
}

.overflow-x-hidden{
  overflow-x: hidden !important;
}

.overflow-y-hidden{
  overflow-y: hidden !important;
}

.overflow-x-visible{
  overflow-x: visible !important;
}

.overflow-y-visible{
  overflow-y: visible !important;
}

.overflow-x-scroll{
  overflow-x: scroll !important;
}

.overflow-y-scroll{
  overflow-y: scroll !important;
}

.scrolling-touch{
  -webkit-overflow-scrolling: touch !important;
}

.scrolling-auto{
  -webkit-overflow-scrolling: auto !important;
}

.overscroll-auto{
  -ms-scroll-chaining: chained !important;
  overscroll-behavior: auto !important;
}

.overscroll-contain{
  -ms-scroll-chaining: none !important;
  overscroll-behavior: contain !important;
}

.overscroll-none{
  -ms-scroll-chaining: none !important;
  overscroll-behavior: none !important;
}

.overscroll-y-auto{
  overscroll-behavior-y: auto !important;
}

.overscroll-y-contain{
  overscroll-behavior-y: contain !important;
}

.overscroll-y-none{
  overscroll-behavior-y: none !important;
}

.overscroll-x-auto{
  overscroll-behavior-x: auto !important;
}

.overscroll-x-contain{
  overscroll-behavior-x: contain !important;
}

.overscroll-x-none{
  overscroll-behavior-x: none !important;
}

.p-0{
  padding: 0 !important;
}

.p-1{
  padding: 0.25rem !important;
}

.p-2{
  padding: 0.5rem !important;
}

.p-3{
  padding: 0.75rem !important;
}

.p-4{
  padding: 1rem !important;
}

.p-5{
  padding: 1.25rem !important;
}

.p-6{
  padding: 1.5rem !important;
}

.p-8{
  padding: 2rem !important;
}

.p-10{
  padding: 2.5rem !important;
}

.p-12{
  padding: 3rem !important;
}

.p-16{
  padding: 4rem !important;
}

.p-20{
  padding: 5rem !important;
}

.p-24{
  padding: 6rem !important;
}

.p-28{
  padding: 7rem !important;
}

.p-32{
  padding: 8rem !important;
}

.p-40{
  padding: 10rem !important;
}

.p-48{
  padding: 12rem !important;
}

.p-56{
  padding: 14rem !important;
}

.p-64{
  padding: 16rem !important;
}

.p-px{
  padding: 1px !important;
}

.p-2px{
  padding: 2px !important;
}

.p-3px{
  padding: 3px !important;
}

.p-5px{
  padding: 5px !important;
}

.p-10px{
  padding: 10px !important;
}

.p-15px{
  padding: 15px !important;
}

.p-20px{
  padding: 20px !important;
}

.p-25px{
  padding: 25px !important;
}

.p-30px{
  padding: 30px !important;
}

.p-36px{
  padding: 36px !important;
}

.p-50px{
  padding: 50px !important;
}

.p-60px{
  padding: 60px !important;
}

.p-120px{
  padding: 120px !important;
}

.py-0{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.px-0{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.px-1{
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.px-3{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-4{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-5{
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.px-5{
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.py-6{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.px-6{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-8{
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.px-8{
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-10{
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.px-10{
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-12{
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.px-12{
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-16{
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.px-16{
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-20{
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.px-20{
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-24{
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.px-24{
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.py-28{
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.px-28{
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.py-32{
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.px-32{
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.py-40{
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.px-40{
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.py-48{
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}

.px-48{
  padding-left: 12rem !important;
  padding-right: 12rem !important;
}

.py-56{
  padding-top: 14rem !important;
  padding-bottom: 14rem !important;
}

.px-56{
  padding-left: 14rem !important;
  padding-right: 14rem !important;
}

.py-64{
  padding-top: 16rem !important;
  padding-bottom: 16rem !important;
}

.px-64{
  padding-left: 16rem !important;
  padding-right: 16rem !important;
}

.py-px{
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.px-px{
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.py-2px{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.px-2px{
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.py-3px{
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.px-3px{
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.py-5px{
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.px-5px{
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.py-10px{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.px-10px{
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.py-15px{
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.px-15px{
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.py-20px{
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.px-20px{
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-25px{
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.px-25px{
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.py-30px{
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.px-30px{
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-36px{
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.px-36px{
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.py-50px{
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.px-50px{
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.py-60px{
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.px-60px{
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.py-120px{
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.px-120px{
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.pt-0{
  padding-top: 0 !important;
}

.pr-0{
  padding-right: 0 !important;
}

.pb-0{
  padding-bottom: 0 !important;
}

.pl-0{
  padding-left: 0 !important;
}

.pt-1{
  padding-top: 0.25rem !important;
}

.pr-1{
  padding-right: 0.25rem !important;
}

.pb-1{
  padding-bottom: 0.25rem !important;
}

.pl-1{
  padding-left: 0.25rem !important;
}

.pt-2{
  padding-top: 0.5rem !important;
}

.pr-2{
  padding-right: 0.5rem !important;
}

.pb-2{
  padding-bottom: 0.5rem !important;
}

.pl-2{
  padding-left: 0.5rem !important;
}

.pt-3{
  padding-top: 0.75rem !important;
}

.pr-3{
  padding-right: 0.75rem !important;
}

.pb-3{
  padding-bottom: 0.75rem !important;
}

.pl-3{
  padding-left: 0.75rem !important;
}

.pt-4{
  padding-top: 1rem !important;
}

.pr-4{
  padding-right: 1rem !important;
}

.pb-4{
  padding-bottom: 1rem !important;
}

.pl-4{
  padding-left: 1rem !important;
}

.pt-5{
  padding-top: 1.25rem !important;
}

.pr-5{
  padding-right: 1.25rem !important;
}

.pb-5{
  padding-bottom: 1.25rem !important;
}

.pl-5{
  padding-left: 1.25rem !important;
}

.pt-6{
  padding-top: 1.5rem !important;
}

.pr-6{
  padding-right: 1.5rem !important;
}

.pb-6{
  padding-bottom: 1.5rem !important;
}

.pl-6{
  padding-left: 1.5rem !important;
}

.pt-8{
  padding-top: 2rem !important;
}

.pr-8{
  padding-right: 2rem !important;
}

.pb-8{
  padding-bottom: 2rem !important;
}

.pl-8{
  padding-left: 2rem !important;
}

.pt-10{
  padding-top: 2.5rem !important;
}

.pr-10{
  padding-right: 2.5rem !important;
}

.pb-10{
  padding-bottom: 2.5rem !important;
}

.pl-10{
  padding-left: 2.5rem !important;
}

.pt-12{
  padding-top: 3rem !important;
}

.pr-12{
  padding-right: 3rem !important;
}

.pb-12{
  padding-bottom: 3rem !important;
}

.pl-12{
  padding-left: 3rem !important;
}

.pt-16{
  padding-top: 4rem !important;
}

.pr-16{
  padding-right: 4rem !important;
}

.pb-16{
  padding-bottom: 4rem !important;
}

.pl-16{
  padding-left: 4rem !important;
}

.pt-20{
  padding-top: 5rem !important;
}

.pr-20{
  padding-right: 5rem !important;
}

.pb-20{
  padding-bottom: 5rem !important;
}

.pl-20{
  padding-left: 5rem !important;
}

.pt-24{
  padding-top: 6rem !important;
}

.pr-24{
  padding-right: 6rem !important;
}

.pb-24{
  padding-bottom: 6rem !important;
}

.pl-24{
  padding-left: 6rem !important;
}

.pt-28{
  padding-top: 7rem !important;
}

.pr-28{
  padding-right: 7rem !important;
}

.pb-28{
  padding-bottom: 7rem !important;
}

.pl-28{
  padding-left: 7rem !important;
}

.pt-32{
  padding-top: 8rem !important;
}

.pr-32{
  padding-right: 8rem !important;
}

.pb-32{
  padding-bottom: 8rem !important;
}

.pl-32{
  padding-left: 8rem !important;
}

.pt-40{
  padding-top: 10rem !important;
}

.pr-40{
  padding-right: 10rem !important;
}

.pb-40{
  padding-bottom: 10rem !important;
}

.pl-40{
  padding-left: 10rem !important;
}

.pt-48{
  padding-top: 12rem !important;
}

.pr-48{
  padding-right: 12rem !important;
}

.pb-48{
  padding-bottom: 12rem !important;
}

.pl-48{
  padding-left: 12rem !important;
}

.pt-56{
  padding-top: 14rem !important;
}

.pr-56{
  padding-right: 14rem !important;
}

.pb-56{
  padding-bottom: 14rem !important;
}

.pl-56{
  padding-left: 14rem !important;
}

.pt-64{
  padding-top: 16rem !important;
}

.pr-64{
  padding-right: 16rem !important;
}

.pb-64{
  padding-bottom: 16rem !important;
}

.pl-64{
  padding-left: 16rem !important;
}

.pt-px{
  padding-top: 1px !important;
}

.pr-px{
  padding-right: 1px !important;
}

.pb-px{
  padding-bottom: 1px !important;
}

.pl-px{
  padding-left: 1px !important;
}

.pt-2px{
  padding-top: 2px !important;
}

.pr-2px{
  padding-right: 2px !important;
}

.pb-2px{
  padding-bottom: 2px !important;
}

.pl-2px{
  padding-left: 2px !important;
}

.pt-3px{
  padding-top: 3px !important;
}

.pr-3px{
  padding-right: 3px !important;
}

.pb-3px{
  padding-bottom: 3px !important;
}

.pl-3px{
  padding-left: 3px !important;
}

.pt-5px{
  padding-top: 5px !important;
}

.pr-5px{
  padding-right: 5px !important;
}

.pb-5px{
  padding-bottom: 5px !important;
}

.pl-5px{
  padding-left: 5px !important;
}

.pt-10px{
  padding-top: 10px !important;
}

.pr-10px{
  padding-right: 10px !important;
}

.pb-10px{
  padding-bottom: 10px !important;
}

.pl-10px{
  padding-left: 10px !important;
}

.pt-15px{
  padding-top: 15px !important;
}

.pr-15px{
  padding-right: 15px !important;
}

.pb-15px{
  padding-bottom: 15px !important;
}

.pl-15px{
  padding-left: 15px !important;
}

.pt-20px{
  padding-top: 20px !important;
}

.pr-20px{
  padding-right: 20px !important;
}

.pb-20px{
  padding-bottom: 20px !important;
}

.pl-20px{
  padding-left: 20px !important;
}

.pt-25px{
  padding-top: 25px !important;
}

.pr-25px{
  padding-right: 25px !important;
}

.pb-25px{
  padding-bottom: 25px !important;
}

.pl-25px{
  padding-left: 25px !important;
}

.pt-30px{
  padding-top: 30px !important;
}

.pr-30px{
  padding-right: 30px !important;
}

.pb-30px{
  padding-bottom: 30px !important;
}

.pl-30px{
  padding-left: 30px !important;
}

.pt-36px{
  padding-top: 36px !important;
}

.pr-36px{
  padding-right: 36px !important;
}

.pb-36px{
  padding-bottom: 36px !important;
}

.pl-36px{
  padding-left: 36px !important;
}

.pt-50px{
  padding-top: 50px !important;
}

.pr-50px{
  padding-right: 50px !important;
}

.pb-50px{
  padding-bottom: 50px !important;
}

.pl-50px{
  padding-left: 50px !important;
}

.pt-60px{
  padding-top: 60px !important;
}

.pr-60px{
  padding-right: 60px !important;
}

.pb-60px{
  padding-bottom: 60px !important;
}

.pl-60px{
  padding-left: 60px !important;
}

.pt-120px{
  padding-top: 120px !important;
}

.pr-120px{
  padding-right: 120px !important;
}

.pb-120px{
  padding-bottom: 120px !important;
}

.pl-120px{
  padding-left: 120px !important;
}

.placeholder-transparent::-webkit-input-placeholder{
  color: transparent !important;
}

.placeholder-transparent::-moz-placeholder{
  color: transparent !important;
}

.placeholder-transparent:-ms-input-placeholder{
  color: transparent !important;
}

.placeholder-transparent::-ms-input-placeholder{
  color: transparent !important;
}

.placeholder-transparent::placeholder{
  color: transparent !important;
}

.placeholder-current::-webkit-input-placeholder{
  color: currentColor !important;
}

.placeholder-current::-moz-placeholder{
  color: currentColor !important;
}

.placeholder-current:-ms-input-placeholder{
  color: currentColor !important;
}

.placeholder-current::-ms-input-placeholder{
  color: currentColor !important;
}

.placeholder-current::placeholder{
  color: currentColor !important;
}

.placeholder-black::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.placeholder-black::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.placeholder-black:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.placeholder-black::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.placeholder-black::placeholder{
  --placeholder-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.placeholder-white::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.placeholder-white::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.placeholder-white:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.placeholder-white::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.placeholder-white::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.placeholder-gray-100::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}

.placeholder-gray-100::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}

.placeholder-gray-100:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}

.placeholder-gray-100::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}

.placeholder-gray-100::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}

.placeholder-gray-200::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}

.placeholder-gray-200::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}

.placeholder-gray-200:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}

.placeholder-gray-200::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}

.placeholder-gray-200::placeholder{
  --placeholder-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}

.placeholder-gray-300::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}

.placeholder-gray-300::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}

.placeholder-gray-300:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}

.placeholder-gray-300::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}

.placeholder-gray-300::placeholder{
  --placeholder-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}

.placeholder-gray-400::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}

.placeholder-gray-400::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}

.placeholder-gray-400:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}

.placeholder-gray-400::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}

.placeholder-gray-400::placeholder{
  --placeholder-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}

.placeholder-gray-500::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}

.placeholder-gray-500::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}

.placeholder-gray-500:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}

.placeholder-gray-500::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}

.placeholder-gray-500::placeholder{
  --placeholder-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}

.placeholder-gray-600::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}

.placeholder-gray-600::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}

.placeholder-gray-600:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}

.placeholder-gray-600::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}

.placeholder-gray-600::placeholder{
  --placeholder-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}

.placeholder-gray-700::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}

.placeholder-gray-700::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}

.placeholder-gray-700:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}

.placeholder-gray-700::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}

.placeholder-gray-700::placeholder{
  --placeholder-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}

.placeholder-gray-800::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}

.placeholder-gray-800::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}

.placeholder-gray-800:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}

.placeholder-gray-800::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}

.placeholder-gray-800::placeholder{
  --placeholder-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}

.placeholder-gray-900::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}

.placeholder-gray-900::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}

.placeholder-gray-900:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}

.placeholder-gray-900::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}

.placeholder-gray-900::placeholder{
  --placeholder-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}

.placeholder-red::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cc0a0a !important;
  color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
}

.placeholder-red::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cc0a0a !important;
  color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
}

.placeholder-red:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cc0a0a !important;
  color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
}

.placeholder-red::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cc0a0a !important;
  color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
}

.placeholder-red::placeholder{
  --placeholder-opacity: 1 !important;
  color: #cc0a0a !important;
  color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
}

.placeholder-orange-100::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}

.placeholder-orange-100::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}

.placeholder-orange-100:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}

.placeholder-orange-100::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}

.placeholder-orange-100::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}

.placeholder-orange-200::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}

.placeholder-orange-200::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}

.placeholder-orange-200:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}

.placeholder-orange-200::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}

.placeholder-orange-200::placeholder{
  --placeholder-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}

.placeholder-orange-300::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}

.placeholder-orange-300::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}

.placeholder-orange-300:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}

.placeholder-orange-300::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}

.placeholder-orange-300::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}

.placeholder-orange-400::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}

.placeholder-orange-400::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}

.placeholder-orange-400:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}

.placeholder-orange-400::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}

.placeholder-orange-400::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}

.placeholder-orange-500::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}

.placeholder-orange-500::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}

.placeholder-orange-500:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}

.placeholder-orange-500::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}

.placeholder-orange-500::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}

.placeholder-orange-600::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}

.placeholder-orange-600::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}

.placeholder-orange-600:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}

.placeholder-orange-600::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}

.placeholder-orange-600::placeholder{
  --placeholder-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}

.placeholder-orange-700::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}

.placeholder-orange-700::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}

.placeholder-orange-700:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}

.placeholder-orange-700::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}

.placeholder-orange-700::placeholder{
  --placeholder-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}

.placeholder-orange-800::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}

.placeholder-orange-800::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}

.placeholder-orange-800:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}

.placeholder-orange-800::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}

.placeholder-orange-800::placeholder{
  --placeholder-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}

.placeholder-orange-900::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}

.placeholder-orange-900::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}

.placeholder-orange-900:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}

.placeholder-orange-900::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}

.placeholder-orange-900::placeholder{
  --placeholder-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-100::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffff0 !important;
  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-100::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffff0 !important;
  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-100:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffff0 !important;
  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-100::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffff0 !important;
  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-100::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffff0 !important;
  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-200::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-200::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-200:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-200::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-200::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-300::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-300::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-300:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-300::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-300::placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-400::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-400::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-400:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-400::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-400::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-500::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-500::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-500:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-500::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-500::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-600::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-600::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-600:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-600::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-600::placeholder{
  --placeholder-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-700::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-700::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-700:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-700::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-700::placeholder{
  --placeholder-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-800::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-800::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-800:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-800::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-800::placeholder{
  --placeholder-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-900::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-900::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-900:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-900::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}

.placeholder-yellow-900::placeholder{
  --placeholder-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}

.placeholder-green-100::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}

.placeholder-green-100::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}

.placeholder-green-100:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}

.placeholder-green-100::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}

.placeholder-green-100::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}

.placeholder-green-200::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}

.placeholder-green-200::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}

.placeholder-green-200:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}

.placeholder-green-200::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}

.placeholder-green-200::placeholder{
  --placeholder-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}

.placeholder-green-300::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}

.placeholder-green-300::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}

.placeholder-green-300:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}

.placeholder-green-300::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}

.placeholder-green-300::placeholder{
  --placeholder-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}

.placeholder-green-400::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}

.placeholder-green-400::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}

.placeholder-green-400:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}

.placeholder-green-400::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}

.placeholder-green-400::placeholder{
  --placeholder-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}

.placeholder-green-500::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}

.placeholder-green-500::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}

.placeholder-green-500:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}

.placeholder-green-500::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}

.placeholder-green-500::placeholder{
  --placeholder-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}

.placeholder-green-600::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}

.placeholder-green-600::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}

.placeholder-green-600:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}

.placeholder-green-600::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}

.placeholder-green-600::placeholder{
  --placeholder-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}

.placeholder-green-700::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}

.placeholder-green-700::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}

.placeholder-green-700:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}

.placeholder-green-700::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}

.placeholder-green-700::placeholder{
  --placeholder-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}

.placeholder-green-800::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}

.placeholder-green-800::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}

.placeholder-green-800:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}

.placeholder-green-800::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}

.placeholder-green-800::placeholder{
  --placeholder-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}

.placeholder-green-900::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}

.placeholder-green-900::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}

.placeholder-green-900:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}

.placeholder-green-900::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}

.placeholder-green-900::placeholder{
  --placeholder-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}

.placeholder-teal-100::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}

.placeholder-teal-100::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}

.placeholder-teal-100:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}

.placeholder-teal-100::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}

.placeholder-teal-100::placeholder{
  --placeholder-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}

.placeholder-teal-200::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}

.placeholder-teal-200::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}

.placeholder-teal-200:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}

.placeholder-teal-200::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}

.placeholder-teal-200::placeholder{
  --placeholder-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}

.placeholder-teal-300::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}

.placeholder-teal-300::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}

.placeholder-teal-300:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}

.placeholder-teal-300::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}

.placeholder-teal-300::placeholder{
  --placeholder-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}

.placeholder-teal-400::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}

.placeholder-teal-400::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}

.placeholder-teal-400:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}

.placeholder-teal-400::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}

.placeholder-teal-400::placeholder{
  --placeholder-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}

.placeholder-teal-500::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}

.placeholder-teal-500::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}

.placeholder-teal-500:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}

.placeholder-teal-500::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}

.placeholder-teal-500::placeholder{
  --placeholder-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}

.placeholder-teal-600::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}

.placeholder-teal-600::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}

.placeholder-teal-600:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}

.placeholder-teal-600::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}

.placeholder-teal-600::placeholder{
  --placeholder-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}

.placeholder-teal-700::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}

.placeholder-teal-700::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}

.placeholder-teal-700:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}

.placeholder-teal-700::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}

.placeholder-teal-700::placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}

.placeholder-teal-800::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}

.placeholder-teal-800::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}

.placeholder-teal-800:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}

.placeholder-teal-800::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}

.placeholder-teal-800::placeholder{
  --placeholder-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}

.placeholder-teal-900::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}

.placeholder-teal-900::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}

.placeholder-teal-900:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}

.placeholder-teal-900::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}

.placeholder-teal-900::placeholder{
  --placeholder-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}

.placeholder-blue-100::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-100::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-100:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-100::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-100::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}

.placeholder-blue-200::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}

.placeholder-blue-200::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}

.placeholder-blue-200:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}

.placeholder-blue-200::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}

.placeholder-blue-200::placeholder{
  --placeholder-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}

.placeholder-blue-300::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}

.placeholder-blue-300::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}

.placeholder-blue-300:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}

.placeholder-blue-300::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}

.placeholder-blue-300::placeholder{
  --placeholder-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}

.placeholder-blue-400::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}

.placeholder-blue-400::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}

.placeholder-blue-400:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}

.placeholder-blue-400::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}

.placeholder-blue-400::placeholder{
  --placeholder-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}

.placeholder-blue-500::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}

.placeholder-blue-500::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}

.placeholder-blue-500:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}

.placeholder-blue-500::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}

.placeholder-blue-500::placeholder{
  --placeholder-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}

.placeholder-blue-600::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}

.placeholder-blue-600::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}

.placeholder-blue-600:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}

.placeholder-blue-600::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}

.placeholder-blue-600::placeholder{
  --placeholder-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}

.placeholder-blue-700::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}

.placeholder-blue-700::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}

.placeholder-blue-700:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}

.placeholder-blue-700::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}

.placeholder-blue-700::placeholder{
  --placeholder-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}

.placeholder-blue-800::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}

.placeholder-blue-800::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}

.placeholder-blue-800:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}

.placeholder-blue-800::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}

.placeholder-blue-800::placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}

.placeholder-blue-900::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}

.placeholder-blue-900::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}

.placeholder-blue-900:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}

.placeholder-blue-900::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}

.placeholder-blue-900::placeholder{
  --placeholder-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-100::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-100::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-100:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-100::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-100::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-200::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-200::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-200:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-200::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-200::placeholder{
  --placeholder-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-300::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-300::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-300:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-300::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-300::placeholder{
  --placeholder-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-400::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-400::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-400:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-400::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-400::placeholder{
  --placeholder-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-500::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-500::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-500:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-500::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-500::placeholder{
  --placeholder-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-600::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-600::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-600:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-600::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-600::placeholder{
  --placeholder-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-700::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-700::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-700:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-700::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-700::placeholder{
  --placeholder-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-800::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-800::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-800:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-800::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-800::placeholder{
  --placeholder-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-900::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-900::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-900:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-900::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}

.placeholder-indigo-900::placeholder{
  --placeholder-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}

.placeholder-purple-100::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}

.placeholder-purple-100::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}

.placeholder-purple-100:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}

.placeholder-purple-100::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}

.placeholder-purple-100::placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}

.placeholder-purple-200::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}

.placeholder-purple-200::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}

.placeholder-purple-200:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}

.placeholder-purple-200::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}

.placeholder-purple-200::placeholder{
  --placeholder-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}

.placeholder-purple-300::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}

.placeholder-purple-300::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}

.placeholder-purple-300:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}

.placeholder-purple-300::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}

.placeholder-purple-300::placeholder{
  --placeholder-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}

.placeholder-purple-400::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}

.placeholder-purple-400::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}

.placeholder-purple-400:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}

.placeholder-purple-400::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}

.placeholder-purple-400::placeholder{
  --placeholder-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}

.placeholder-purple-500::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}

.placeholder-purple-500::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}

.placeholder-purple-500:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}

.placeholder-purple-500::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}

.placeholder-purple-500::placeholder{
  --placeholder-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}

.placeholder-purple-600::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}

.placeholder-purple-600::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}

.placeholder-purple-600:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}

.placeholder-purple-600::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}

.placeholder-purple-600::placeholder{
  --placeholder-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}

.placeholder-purple-700::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}

.placeholder-purple-700::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}

.placeholder-purple-700:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}

.placeholder-purple-700::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}

.placeholder-purple-700::placeholder{
  --placeholder-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}

.placeholder-purple-800::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}

.placeholder-purple-800::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}

.placeholder-purple-800:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}

.placeholder-purple-800::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}

.placeholder-purple-800::placeholder{
  --placeholder-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}

.placeholder-purple-900::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}

.placeholder-purple-900::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}

.placeholder-purple-900:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}

.placeholder-purple-900::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}

.placeholder-purple-900::placeholder{
  --placeholder-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}

.placeholder-pink-100::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}

.placeholder-pink-100::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}

.placeholder-pink-100:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}

.placeholder-pink-100::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}

.placeholder-pink-100::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}

.placeholder-pink-200::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}

.placeholder-pink-200::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}

.placeholder-pink-200:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}

.placeholder-pink-200::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}

.placeholder-pink-200::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}

.placeholder-pink-300::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}

.placeholder-pink-300::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}

.placeholder-pink-300:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}

.placeholder-pink-300::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}

.placeholder-pink-300::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}

.placeholder-pink-400::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}

.placeholder-pink-400::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}

.placeholder-pink-400:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}

.placeholder-pink-400::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}

.placeholder-pink-400::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}

.placeholder-pink-500::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}

.placeholder-pink-500::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}

.placeholder-pink-500:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}

.placeholder-pink-500::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}

.placeholder-pink-500::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}

.placeholder-pink-600::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}

.placeholder-pink-600::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}

.placeholder-pink-600:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}

.placeholder-pink-600::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}

.placeholder-pink-600::placeholder{
  --placeholder-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}

.placeholder-pink-700::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}

.placeholder-pink-700::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}

.placeholder-pink-700:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}

.placeholder-pink-700::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}

.placeholder-pink-700::placeholder{
  --placeholder-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}

.placeholder-pink-800::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}

.placeholder-pink-800::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}

.placeholder-pink-800:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}

.placeholder-pink-800::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}

.placeholder-pink-800::placeholder{
  --placeholder-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}

.placeholder-pink-900::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}

.placeholder-pink-900::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}

.placeholder-pink-900:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}

.placeholder-pink-900::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}

.placeholder-pink-900::placeholder{
  --placeholder-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}

.placeholder-primary-color::-webkit-input-placeholder{
  color: var(--primary-color) !important;
}

.placeholder-primary-color::-moz-placeholder{
  color: var(--primary-color) !important;
}

.placeholder-primary-color:-ms-input-placeholder{
  color: var(--primary-color) !important;
}

.placeholder-primary-color::-ms-input-placeholder{
  color: var(--primary-color) !important;
}

.placeholder-primary-color::placeholder{
  color: var(--primary-color) !important;
}

.placeholder-primary-hover-color::-webkit-input-placeholder{
  color: var(--hover-color) !important;
}

.placeholder-primary-hover-color::-moz-placeholder{
  color: var(--hover-color) !important;
}

.placeholder-primary-hover-color:-ms-input-placeholder{
  color: var(--hover-color) !important;
}

.placeholder-primary-hover-color::-ms-input-placeholder{
  color: var(--hover-color) !important;
}

.placeholder-primary-hover-color::placeholder{
  color: var(--hover-color) !important;
}

.placeholder-gray-body::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f2f2f2 !important;
  color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
}

.placeholder-gray-body::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f2f2f2 !important;
  color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
}

.placeholder-gray-body:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f2f2f2 !important;
  color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
}

.placeholder-gray-body::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f2f2f2 !important;
  color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
}

.placeholder-gray-body::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f2f2f2 !important;
  color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
}

.placeholder-gray-light::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ccc !important;
  color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
}

.placeholder-gray-light::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ccc !important;
  color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
}

.placeholder-gray-light:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ccc !important;
  color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
}

.placeholder-gray-light::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ccc !important;
  color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
}

.placeholder-gray-light::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ccc !important;
  color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
}

.placeholder-gray-333::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #333 !important;
  color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
}

.placeholder-gray-333::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #333 !important;
  color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
}

.placeholder-gray-333:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #333 !important;
  color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
}

.placeholder-gray-333::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #333 !important;
  color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
}

.placeholder-gray-333::placeholder{
  --placeholder-opacity: 1 !important;
  color: #333 !important;
  color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
}

.placeholder-gray-666::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
}

.placeholder-gray-666::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
}

.placeholder-gray-666:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
}

.placeholder-gray-666::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
}

.placeholder-gray-666::placeholder{
  --placeholder-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
}

.placeholder-gray-888::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
}

.placeholder-gray-888::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
}

.placeholder-gray-888:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
}

.placeholder-gray-888::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
}

.placeholder-gray-888::placeholder{
  --placeholder-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
}

.placeholder-gray-999::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
}

.placeholder-gray-999::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
}

.placeholder-gray-999:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
}

.placeholder-gray-999::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
}

.placeholder-gray-999::placeholder{
  --placeholder-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
}

.placeholder-gray-icon::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9a9a9a !important;
  color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
}

.placeholder-gray-icon::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9a9a9a !important;
  color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
}

.placeholder-gray-icon:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9a9a9a !important;
  color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
}

.placeholder-gray-icon::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9a9a9a !important;
  color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
}

.placeholder-gray-icon::placeholder{
  --placeholder-opacity: 1 !important;
  color: #9a9a9a !important;
  color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
}

.placeholder-gray-features::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
}

.placeholder-gray-features::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
}

.placeholder-gray-features:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
}

.placeholder-gray-features::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
}

.placeholder-gray-features::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
}

.placeholder-slide-border::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e1e1e1 !important;
  color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
}

.placeholder-slide-border::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e1e1e1 !important;
  color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
}

.placeholder-slide-border:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e1e1e1 !important;
  color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
}

.placeholder-slide-border::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e1e1e1 !important;
  color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
}

.placeholder-slide-border::placeholder{
  --placeholder-opacity: 1 !important;
  color: #e1e1e1 !important;
  color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
}

.placeholder-sale-color::-webkit-input-placeholder{
  color: var(--primary-color) !important;
}

.placeholder-sale-color::-moz-placeholder{
  color: var(--primary-color) !important;
}

.placeholder-sale-color:-ms-input-placeholder{
  color: var(--primary-color) !important;
}

.placeholder-sale-color::-ms-input-placeholder{
  color: var(--primary-color) !important;
}

.placeholder-sale-color::placeholder{
  color: var(--primary-color) !important;
}

.placeholder-hit-color::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ff9900 !important;
  color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
}

.placeholder-hit-color::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ff9900 !important;
  color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
}

.placeholder-hit-color:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ff9900 !important;
  color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
}

.placeholder-hit-color::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ff9900 !important;
  color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
}

.placeholder-hit-color::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ff9900 !important;
  color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
}

.placeholder-new-color::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #0fa3c6 !important;
  color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
}

.placeholder-new-color::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #0fa3c6 !important;
  color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
}

.placeholder-new-color:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #0fa3c6 !important;
  color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
}

.placeholder-new-color::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #0fa3c6 !important;
  color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
}

.placeholder-new-color::placeholder{
  --placeholder-opacity: 1 !important;
  color: #0fa3c6 !important;
  color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
}

.placeholder-fb-hover-color::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5959d8 !important;
  color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
}

.placeholder-fb-hover-color::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5959d8 !important;
  color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
}

.placeholder-fb-hover-color:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5959d8 !important;
  color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
}

.placeholder-fb-hover-color::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5959d8 !important;
  color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
}

.placeholder-fb-hover-color::placeholder{
  --placeholder-opacity: 1 !important;
  color: #5959d8 !important;
  color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
}

.placeholder-fb-active-color::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4040b3 !important;
  color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
}

.placeholder-fb-active-color::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4040b3 !important;
  color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
}

.placeholder-fb-active-color:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4040b3 !important;
  color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
}

.placeholder-fb-active-color::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4040b3 !important;
  color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
}

.placeholder-fb-active-color::placeholder{
  --placeholder-opacity: 1 !important;
  color: #4040b3 !important;
  color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
}

.placeholder-vk-hover-color::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #628dd3 !important;
  color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
}

.placeholder-vk-hover-color::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #628dd3 !important;
  color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
}

.placeholder-vk-hover-color:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #628dd3 !important;
  color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
}

.placeholder-vk-hover-color::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #628dd3 !important;
  color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
}

.placeholder-vk-hover-color::placeholder{
  --placeholder-opacity: 1 !important;
  color: #628dd3 !important;
  color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
}

.placeholder-vk-active-color::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3768b9 !important;
  color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
}

.placeholder-vk-active-color::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3768b9 !important;
  color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
}

.placeholder-vk-active-color:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3768b9 !important;
  color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
}

.placeholder-vk-active-color::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3768b9 !important;
  color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
}

.placeholder-vk-active-color::placeholder{
  --placeholder-opacity: 1 !important;
  color: #3768b9 !important;
  color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
}

.placeholder-insta-hover-color::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #af35d2 !important;
  color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
}

.placeholder-insta-hover-color::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #af35d2 !important;
  color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
}

.placeholder-insta-hover-color:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #af35d2 !important;
  color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
}

.placeholder-insta-hover-color::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #af35d2 !important;
  color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
}

.placeholder-insta-hover-color::placeholder{
  --placeholder-opacity: 1 !important;
  color: #af35d2 !important;
  color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
}

.placeholder-insta-active-color::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7e47b7 !important;
  color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
}

.placeholder-insta-active-color::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7e47b7 !important;
  color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
}

.placeholder-insta-active-color:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7e47b7 !important;
  color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
}

.placeholder-insta-active-color::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7e47b7 !important;
  color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
}

.placeholder-insta-active-color::placeholder{
  --placeholder-opacity: 1 !important;
  color: #7e47b7 !important;
  color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
}

.placeholder-gray-dc::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dcdcdc !important;
  color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
}

.placeholder-gray-dc::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dcdcdc !important;
  color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
}

.placeholder-gray-dc:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dcdcdc !important;
  color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
}

.placeholder-gray-dc::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dcdcdc !important;
  color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
}

.placeholder-gray-dc::placeholder{
  --placeholder-opacity: 1 !important;
  color: #dcdcdc !important;
  color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
}

.placeholder-gray-cd::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cdcdcd !important;
  color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
}

.placeholder-gray-cd::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cdcdcd !important;
  color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
}

.placeholder-gray-cd:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cdcdcd !important;
  color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
}

.placeholder-gray-cd::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cdcdcd !important;
  color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
}

.placeholder-gray-cd::placeholder{
  --placeholder-opacity: 1 !important;
  color: #cdcdcd !important;
  color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
}

.placeholder-gray-e7::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e7e7e7 !important;
  color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
}

.placeholder-gray-e7::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e7e7e7 !important;
  color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
}

.placeholder-gray-e7:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e7e7e7 !important;
  color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
}

.placeholder-gray-e7::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e7e7e7 !important;
  color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
}

.placeholder-gray-e7::placeholder{
  --placeholder-opacity: 1 !important;
  color: #e7e7e7 !important;
  color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
}

.placeholder-check-color::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ce3a12 !important;
  color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
}

.placeholder-check-color::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ce3a12 !important;
  color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
}

.placeholder-check-color:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ce3a12 !important;
  color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
}

.placeholder-check-color::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ce3a12 !important;
  color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
}

.placeholder-check-color::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ce3a12 !important;
  color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
}

.placeholder-docx-color::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1789e9 !important;
  color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
}

.placeholder-docx-color::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1789e9 !important;
  color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
}

.placeholder-docx-color:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1789e9 !important;
  color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
}

.placeholder-docx-color::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1789e9 !important;
  color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
}

.placeholder-docx-color::placeholder{
  --placeholder-opacity: 1 !important;
  color: #1789e9 !important;
  color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
}

.placeholder-dark-black::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #010101 !important;
  color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
}

.placeholder-dark-black::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #010101 !important;
  color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
}

.placeholder-dark-black:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #010101 !important;
  color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
}

.placeholder-dark-black::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #010101 !important;
  color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
}

.placeholder-dark-black::placeholder{
  --placeholder-opacity: 1 !important;
  color: #010101 !important;
  color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
}

.placeholder-green-light::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3ab011 !important;
  color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
}

.placeholder-green-light::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3ab011 !important;
  color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
}

.placeholder-green-light:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3ab011 !important;
  color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
}

.placeholder-green-light::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3ab011 !important;
  color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
}

.placeholder-green-light::placeholder{
  --placeholder-opacity: 1 !important;
  color: #3ab011 !important;
  color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-transparent:focus::-webkit-input-placeholder{
  color: transparent !important;
}

.focus\:placeholder-transparent:focus::-moz-placeholder{
  color: transparent !important;
}

.focus\:placeholder-transparent:focus:-ms-input-placeholder{
  color: transparent !important;
}

.focus\:placeholder-transparent:focus::-ms-input-placeholder{
  color: transparent !important;
}

.focus\:placeholder-transparent:focus::placeholder{
  color: transparent !important;
}

.focus\:placeholder-current:focus::-webkit-input-placeholder{
  color: currentColor !important;
}

.focus\:placeholder-current:focus::-moz-placeholder{
  color: currentColor !important;
}

.focus\:placeholder-current:focus:-ms-input-placeholder{
  color: currentColor !important;
}

.focus\:placeholder-current:focus::-ms-input-placeholder{
  color: currentColor !important;
}

.focus\:placeholder-current:focus::placeholder{
  color: currentColor !important;
}

.focus\:placeholder-black:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-black:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-black:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-black:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-black:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-white:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-white:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-white:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-white:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-white:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-100:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-100:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-100:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-100:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-200:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-200:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-200:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-200:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-300:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-300:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-300:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-300:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-400:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-400:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-400:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-400:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-500:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-500:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-500:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-500:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-600:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-600:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-600:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-600:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-700:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-700:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-700:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-700:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-800:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-800:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-800:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-800:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-900:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-900:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-900:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-900:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cc0a0a !important;
  color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cc0a0a !important;
  color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cc0a0a !important;
  color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cc0a0a !important;
  color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-red:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #cc0a0a !important;
  color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-100:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-100:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-100:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-100:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-200:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-200:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-200:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-200:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-300:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-300:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-300:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-300:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-400:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-400:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-400:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-400:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-500:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-500:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-500:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-500:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-600:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-600:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-600:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-600:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-700:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-700:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-700:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-700:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-800:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-800:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-800:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-800:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-900:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-900:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-900:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-orange-900:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-100:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffff0 !important;
  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-100:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffff0 !important;
  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffff0 !important;
  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-100:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffff0 !important;
  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-100:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fffff0 !important;
  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-200:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-200:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-200:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-200:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-300:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-300:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-300:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-300:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-400:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-400:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-400:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-400:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-500:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-500:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-500:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-500:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-600:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-600:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-600:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-600:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-700:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-700:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-700:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-700:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-800:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-800:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-800:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-800:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-900:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-900:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-900:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-yellow-900:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-100:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-100:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-100:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-100:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-200:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-200:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-200:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-200:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-300:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-300:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-300:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-300:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-400:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-400:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-400:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-400:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-500:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-500:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-500:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-500:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-600:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-600:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-600:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-600:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-700:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-700:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-700:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-700:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-800:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-800:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-800:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-800:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-900:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-900:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-900:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-900:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-100:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-100:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-100:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-100:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-200:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-200:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-200:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-200:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-300:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-300:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-300:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-300:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-400:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-400:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-400:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-400:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-500:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-500:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-500:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-500:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-600:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-600:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-600:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-600:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-700:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-700:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-700:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-700:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-800:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-800:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-800:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-800:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-900:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-900:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-900:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-teal-900:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-100:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-100:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-100:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-100:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-200:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-200:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-200:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-200:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-300:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-300:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-300:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-300:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-400:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-400:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-400:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-400:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-500:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-500:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-500:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-500:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-600:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-600:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-600:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-600:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-700:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-700:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-700:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-700:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-800:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-800:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-800:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-800:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-900:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-900:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-900:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-blue-900:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-100:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-100:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-100:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-100:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-200:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-200:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-200:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-200:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-300:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-300:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-300:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-300:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-400:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-400:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-400:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-400:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-500:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-500:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-500:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-500:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-600:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-600:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-600:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-600:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-700:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-700:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-700:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-700:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-800:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-800:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-800:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-800:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-900:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-900:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-900:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-indigo-900:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-100:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-100:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-100:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-100:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-200:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-200:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-200:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-200:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-300:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-300:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-300:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-300:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-400:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-400:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-400:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-400:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-500:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-500:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-500:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-500:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-600:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-600:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-600:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-600:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-700:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-700:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-700:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-700:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-800:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-800:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-800:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-800:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-900:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-900:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-900:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-purple-900:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-100:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-100:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-100:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-100:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-200:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-200:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-200:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-200:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-200:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-300:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-300:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-300:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-300:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-300:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-400:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-400:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-400:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-400:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-400:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-500:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-500:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-500:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-500:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-500:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-600:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-600:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-600:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-600:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-600:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-700:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-700:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-700:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-700:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-700:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-800:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-800:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-800:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-800:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-800:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-900:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-900:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-900:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-900:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-pink-900:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-primary-color:focus::-webkit-input-placeholder{
  color: var(--primary-color) !important;
}

.focus\:placeholder-primary-color:focus::-moz-placeholder{
  color: var(--primary-color) !important;
}

.focus\:placeholder-primary-color:focus:-ms-input-placeholder{
  color: var(--primary-color) !important;
}

.focus\:placeholder-primary-color:focus::-ms-input-placeholder{
  color: var(--primary-color) !important;
}

.focus\:placeholder-primary-color:focus::placeholder{
  color: var(--primary-color) !important;
}

.focus\:placeholder-primary-hover-color:focus::-webkit-input-placeholder{
  color: var(--hover-color) !important;
}

.focus\:placeholder-primary-hover-color:focus::-moz-placeholder{
  color: var(--hover-color) !important;
}

.focus\:placeholder-primary-hover-color:focus:-ms-input-placeholder{
  color: var(--hover-color) !important;
}

.focus\:placeholder-primary-hover-color:focus::-ms-input-placeholder{
  color: var(--hover-color) !important;
}

.focus\:placeholder-primary-hover-color:focus::placeholder{
  color: var(--hover-color) !important;
}

.focus\:placeholder-gray-body:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f2f2f2 !important;
  color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-body:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f2f2f2 !important;
  color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-body:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f2f2f2 !important;
  color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-body:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f2f2f2 !important;
  color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-body:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f2f2f2 !important;
  color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-light:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ccc !important;
  color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-light:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ccc !important;
  color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-light:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ccc !important;
  color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-light:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ccc !important;
  color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-light:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ccc !important;
  color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-333:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #333 !important;
  color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-333:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #333 !important;
  color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-333:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #333 !important;
  color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-333:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #333 !important;
  color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-333:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #333 !important;
  color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-666:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-666:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-666:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-666:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-666:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-888:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-888:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-888:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-888:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-888:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-999:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-999:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-999:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-999:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-999:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-icon:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9a9a9a !important;
  color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-icon:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9a9a9a !important;
  color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-icon:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9a9a9a !important;
  color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-icon:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #9a9a9a !important;
  color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-icon:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #9a9a9a !important;
  color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-features:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-features:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-features:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-features:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-features:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-slide-border:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e1e1e1 !important;
  color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-slide-border:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e1e1e1 !important;
  color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-slide-border:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e1e1e1 !important;
  color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-slide-border:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e1e1e1 !important;
  color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-slide-border:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #e1e1e1 !important;
  color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-sale-color:focus::-webkit-input-placeholder{
  color: var(--primary-color) !important;
}

.focus\:placeholder-sale-color:focus::-moz-placeholder{
  color: var(--primary-color) !important;
}

.focus\:placeholder-sale-color:focus:-ms-input-placeholder{
  color: var(--primary-color) !important;
}

.focus\:placeholder-sale-color:focus::-ms-input-placeholder{
  color: var(--primary-color) !important;
}

.focus\:placeholder-sale-color:focus::placeholder{
  color: var(--primary-color) !important;
}

.focus\:placeholder-hit-color:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ff9900 !important;
  color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-hit-color:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ff9900 !important;
  color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-hit-color:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ff9900 !important;
  color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-hit-color:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ff9900 !important;
  color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-hit-color:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ff9900 !important;
  color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-new-color:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #0fa3c6 !important;
  color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-new-color:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #0fa3c6 !important;
  color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-new-color:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #0fa3c6 !important;
  color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-new-color:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #0fa3c6 !important;
  color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-new-color:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #0fa3c6 !important;
  color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-fb-hover-color:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5959d8 !important;
  color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-fb-hover-color:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5959d8 !important;
  color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-fb-hover-color:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5959d8 !important;
  color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-fb-hover-color:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #5959d8 !important;
  color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-fb-hover-color:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #5959d8 !important;
  color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-fb-active-color:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4040b3 !important;
  color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-fb-active-color:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4040b3 !important;
  color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-fb-active-color:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4040b3 !important;
  color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-fb-active-color:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #4040b3 !important;
  color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-fb-active-color:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #4040b3 !important;
  color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-vk-hover-color:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #628dd3 !important;
  color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-vk-hover-color:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #628dd3 !important;
  color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-vk-hover-color:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #628dd3 !important;
  color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-vk-hover-color:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #628dd3 !important;
  color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-vk-hover-color:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #628dd3 !important;
  color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-vk-active-color:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3768b9 !important;
  color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-vk-active-color:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3768b9 !important;
  color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-vk-active-color:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3768b9 !important;
  color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-vk-active-color:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3768b9 !important;
  color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-vk-active-color:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #3768b9 !important;
  color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-insta-hover-color:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #af35d2 !important;
  color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-insta-hover-color:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #af35d2 !important;
  color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-insta-hover-color:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #af35d2 !important;
  color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-insta-hover-color:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #af35d2 !important;
  color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-insta-hover-color:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #af35d2 !important;
  color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-insta-active-color:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7e47b7 !important;
  color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-insta-active-color:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7e47b7 !important;
  color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-insta-active-color:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7e47b7 !important;
  color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-insta-active-color:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #7e47b7 !important;
  color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-insta-active-color:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #7e47b7 !important;
  color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-dc:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dcdcdc !important;
  color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-dc:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dcdcdc !important;
  color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-dc:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dcdcdc !important;
  color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-dc:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #dcdcdc !important;
  color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-dc:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #dcdcdc !important;
  color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-cd:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cdcdcd !important;
  color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-cd:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cdcdcd !important;
  color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-cd:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cdcdcd !important;
  color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-cd:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #cdcdcd !important;
  color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-cd:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #cdcdcd !important;
  color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-e7:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e7e7e7 !important;
  color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-e7:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e7e7e7 !important;
  color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-e7:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e7e7e7 !important;
  color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-e7:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #e7e7e7 !important;
  color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-gray-e7:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #e7e7e7 !important;
  color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-check-color:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ce3a12 !important;
  color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-check-color:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ce3a12 !important;
  color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-check-color:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ce3a12 !important;
  color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-check-color:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #ce3a12 !important;
  color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-check-color:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #ce3a12 !important;
  color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-docx-color:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1789e9 !important;
  color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-docx-color:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1789e9 !important;
  color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-docx-color:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1789e9 !important;
  color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-docx-color:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #1789e9 !important;
  color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-docx-color:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #1789e9 !important;
  color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-dark-black:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #010101 !important;
  color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-dark-black:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #010101 !important;
  color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-dark-black:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #010101 !important;
  color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-dark-black:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #010101 !important;
  color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-dark-black:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #010101 !important;
  color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-light:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3ab011 !important;
  color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-light:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3ab011 !important;
  color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-light:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3ab011 !important;
  color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-light:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
  color: #3ab011 !important;
  color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
}

.focus\:placeholder-green-light:focus::placeholder{
  --placeholder-opacity: 1 !important;
  color: #3ab011 !important;
  color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
}

.placeholder-opacity-0::-webkit-input-placeholder{
  --placeholder-opacity: 0 !important;
}

.placeholder-opacity-0::-moz-placeholder{
  --placeholder-opacity: 0 !important;
}

.placeholder-opacity-0:-ms-input-placeholder{
  --placeholder-opacity: 0 !important;
}

.placeholder-opacity-0::-ms-input-placeholder{
  --placeholder-opacity: 0 !important;
}

.placeholder-opacity-0::placeholder{
  --placeholder-opacity: 0 !important;
}

.placeholder-opacity-25::-webkit-input-placeholder{
  --placeholder-opacity: 0.25 !important;
}

.placeholder-opacity-25::-moz-placeholder{
  --placeholder-opacity: 0.25 !important;
}

.placeholder-opacity-25:-ms-input-placeholder{
  --placeholder-opacity: 0.25 !important;
}

.placeholder-opacity-25::-ms-input-placeholder{
  --placeholder-opacity: 0.25 !important;
}

.placeholder-opacity-25::placeholder{
  --placeholder-opacity: 0.25 !important;
}

.placeholder-opacity-50::-webkit-input-placeholder{
  --placeholder-opacity: 0.5 !important;
}

.placeholder-opacity-50::-moz-placeholder{
  --placeholder-opacity: 0.5 !important;
}

.placeholder-opacity-50:-ms-input-placeholder{
  --placeholder-opacity: 0.5 !important;
}

.placeholder-opacity-50::-ms-input-placeholder{
  --placeholder-opacity: 0.5 !important;
}

.placeholder-opacity-50::placeholder{
  --placeholder-opacity: 0.5 !important;
}

.placeholder-opacity-75::-webkit-input-placeholder{
  --placeholder-opacity: 0.75 !important;
}

.placeholder-opacity-75::-moz-placeholder{
  --placeholder-opacity: 0.75 !important;
}

.placeholder-opacity-75:-ms-input-placeholder{
  --placeholder-opacity: 0.75 !important;
}

.placeholder-opacity-75::-ms-input-placeholder{
  --placeholder-opacity: 0.75 !important;
}

.placeholder-opacity-75::placeholder{
  --placeholder-opacity: 0.75 !important;
}

.placeholder-opacity-100::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
}

.placeholder-opacity-100::-moz-placeholder{
  --placeholder-opacity: 1 !important;
}

.placeholder-opacity-100:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
}

.placeholder-opacity-100::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
}

.placeholder-opacity-100::placeholder{
  --placeholder-opacity: 1 !important;
}

.focus\:placeholder-opacity-0:focus::-webkit-input-placeholder{
  --placeholder-opacity: 0 !important;
}

.focus\:placeholder-opacity-0:focus::-moz-placeholder{
  --placeholder-opacity: 0 !important;
}

.focus\:placeholder-opacity-0:focus:-ms-input-placeholder{
  --placeholder-opacity: 0 !important;
}

.focus\:placeholder-opacity-0:focus::-ms-input-placeholder{
  --placeholder-opacity: 0 !important;
}

.focus\:placeholder-opacity-0:focus::placeholder{
  --placeholder-opacity: 0 !important;
}

.focus\:placeholder-opacity-25:focus::-webkit-input-placeholder{
  --placeholder-opacity: 0.25 !important;
}

.focus\:placeholder-opacity-25:focus::-moz-placeholder{
  --placeholder-opacity: 0.25 !important;
}

.focus\:placeholder-opacity-25:focus:-ms-input-placeholder{
  --placeholder-opacity: 0.25 !important;
}

.focus\:placeholder-opacity-25:focus::-ms-input-placeholder{
  --placeholder-opacity: 0.25 !important;
}

.focus\:placeholder-opacity-25:focus::placeholder{
  --placeholder-opacity: 0.25 !important;
}

.focus\:placeholder-opacity-50:focus::-webkit-input-placeholder{
  --placeholder-opacity: 0.5 !important;
}

.focus\:placeholder-opacity-50:focus::-moz-placeholder{
  --placeholder-opacity: 0.5 !important;
}

.focus\:placeholder-opacity-50:focus:-ms-input-placeholder{
  --placeholder-opacity: 0.5 !important;
}

.focus\:placeholder-opacity-50:focus::-ms-input-placeholder{
  --placeholder-opacity: 0.5 !important;
}

.focus\:placeholder-opacity-50:focus::placeholder{
  --placeholder-opacity: 0.5 !important;
}

.focus\:placeholder-opacity-75:focus::-webkit-input-placeholder{
  --placeholder-opacity: 0.75 !important;
}

.focus\:placeholder-opacity-75:focus::-moz-placeholder{
  --placeholder-opacity: 0.75 !important;
}

.focus\:placeholder-opacity-75:focus:-ms-input-placeholder{
  --placeholder-opacity: 0.75 !important;
}

.focus\:placeholder-opacity-75:focus::-ms-input-placeholder{
  --placeholder-opacity: 0.75 !important;
}

.focus\:placeholder-opacity-75:focus::placeholder{
  --placeholder-opacity: 0.75 !important;
}

.focus\:placeholder-opacity-100:focus::-webkit-input-placeholder{
  --placeholder-opacity: 1 !important;
}

.focus\:placeholder-opacity-100:focus::-moz-placeholder{
  --placeholder-opacity: 1 !important;
}

.focus\:placeholder-opacity-100:focus:-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
}

.focus\:placeholder-opacity-100:focus::-ms-input-placeholder{
  --placeholder-opacity: 1 !important;
}

.focus\:placeholder-opacity-100:focus::placeholder{
  --placeholder-opacity: 1 !important;
}

.pointer-events-none{
  pointer-events: none !important;
}

.pointer-events-auto{
  pointer-events: auto !important;
}

.static{
  position: static !important;
}

.fixed{
  position: fixed !important;
}

.absolute{
  position: absolute !important;
}

.relative{
  position: relative !important;
}

.sticky{
  position: sticky !important;
}

.inset-0{
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.inset-auto{
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
}

.inset-1\/2{
  top: 50% !important;
  right: 50% !important;
  bottom: 50% !important;
  left: 50% !important;
}

.inset-100\%{
  top: 100% !important;
  right: 100% !important;
  bottom: 100% !important;
  left: 100% !important;
}

.inset-px{
  top: 1px !important;
  right: 1px !important;
  bottom: 1px !important;
  left: 1px !important;
}

.inset-2px{
  top: 2px !important;
  right: 2px !important;
  bottom: 2px !important;
  left: 2px !important;
}

.inset-4px{
  top: 4px !important;
  right: 4px !important;
  bottom: 4px !important;
  left: 4px !important;
}

.inset-10px{
  top: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  left: 10px !important;
}

.inset-y-0{
  top: 0 !important;
  bottom: 0 !important;
}

.inset-x-0{
  right: 0 !important;
  left: 0 !important;
}

.inset-y-auto{
  top: auto !important;
  bottom: auto !important;
}

.inset-x-auto{
  right: auto !important;
  left: auto !important;
}

.inset-y-1\/2{
  top: 50% !important;
  bottom: 50% !important;
}

.inset-x-1\/2{
  right: 50% !important;
  left: 50% !important;
}

.inset-y-100\%{
  top: 100% !important;
  bottom: 100% !important;
}

.inset-x-100\%{
  right: 100% !important;
  left: 100% !important;
}

.inset-y-px{
  top: 1px !important;
  bottom: 1px !important;
}

.inset-x-px{
  right: 1px !important;
  left: 1px !important;
}

.inset-y-2px{
  top: 2px !important;
  bottom: 2px !important;
}

.inset-x-2px{
  right: 2px !important;
  left: 2px !important;
}

.inset-y-4px{
  top: 4px !important;
  bottom: 4px !important;
}

.inset-x-4px{
  right: 4px !important;
  left: 4px !important;
}

.inset-y-10px{
  top: 10px !important;
  bottom: 10px !important;
}

.inset-x-10px{
  right: 10px !important;
  left: 10px !important;
}

.top-0{
  top: 0 !important;
}

.right-0{
  right: 0 !important;
}

.bottom-0{
  bottom: 0 !important;
}

.left-0{
  left: 0 !important;
}

.top-auto{
  top: auto !important;
}

.right-auto{
  right: auto !important;
}

.bottom-auto{
  bottom: auto !important;
}

.left-auto{
  left: auto !important;
}

.top-1\/2{
  top: 50% !important;
}

.right-1\/2{
  right: 50% !important;
}

.bottom-1\/2{
  bottom: 50% !important;
}

.left-1\/2{
  left: 50% !important;
}

.top-100\%{
  top: 100% !important;
}

.right-100\%{
  right: 100% !important;
}

.bottom-100\%{
  bottom: 100% !important;
}

.left-100\%{
  left: 100% !important;
}

.top-px{
  top: 1px !important;
}

.right-px{
  right: 1px !important;
}

.bottom-px{
  bottom: 1px !important;
}

.left-px{
  left: 1px !important;
}

.top-2px{
  top: 2px !important;
}

.right-2px{
  right: 2px !important;
}

.bottom-2px{
  bottom: 2px !important;
}

.left-2px{
  left: 2px !important;
}

.top-4px{
  top: 4px !important;
}

.right-4px{
  right: 4px !important;
}

.bottom-4px{
  bottom: 4px !important;
}

.left-4px{
  left: 4px !important;
}

.top-10px{
  top: 10px !important;
}

.right-10px{
  right: 10px !important;
}

.bottom-10px{
  bottom: 10px !important;
}

.left-10px{
  left: 10px !important;
}

.resize-none{
  resize: none !important;
}

.resize-y{
  resize: vertical !important;
}

.resize-x{
  resize: horizontal !important;
}

.resize{
  resize: both !important;
}

.shadow-xs{
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
}

.shadow-sm{
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

.shadow{
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

.shadow-md{
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.shadow-lg{
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.shadow-xl{
  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

.shadow-2xl{
  -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

.shadow-inner{
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
}

.shadow-outline{
  -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
}

.shadow-none{
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.shadow-btn-hover{
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
}

.shadow-hover{
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
}

.shadow-filter{
  -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
}

.shadow-menu{
  -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
}

.hover\:shadow-xs:hover{
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
}

.hover\:shadow-sm:hover{
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

.hover\:shadow:hover{
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

.hover\:shadow-md:hover{
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.hover\:shadow-lg:hover{
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.hover\:shadow-xl:hover{
  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

.hover\:shadow-2xl:hover{
  -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

.hover\:shadow-inner:hover{
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
}

.hover\:shadow-outline:hover{
  -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
}

.hover\:shadow-none:hover{
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.hover\:shadow-btn-hover:hover{
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
}

.hover\:shadow-hover:hover{
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
}

.hover\:shadow-filter:hover{
  -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
}

.hover\:shadow-menu:hover{
  -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
}

.focus\:shadow-xs:focus{
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
}

.focus\:shadow-sm:focus{
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

.focus\:shadow:focus{
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

.focus\:shadow-md:focus{
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.focus\:shadow-lg:focus{
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

.focus\:shadow-xl:focus{
  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

.focus\:shadow-2xl:focus{
  -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

.focus\:shadow-inner:focus{
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
}

.focus\:shadow-outline:focus{
  -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
}

.focus\:shadow-none:focus{
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.focus\:shadow-btn-hover:focus{
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
}

.focus\:shadow-hover:focus{
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
}

.focus\:shadow-filter:focus{
  -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
}

.focus\:shadow-menu:focus{
  -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
}

.fill-current{
  fill: currentColor !important;
}

.fill-primary-color{
  fill: var(--primary-color) !important;
}

.fill-primary-hover-color{
  fill: var(--hover-color) !important;
}

.fill-ordinary{
  fill: #333333 !important;
}

.fill-no-active{
  fill: #888888 !important;
}

.fill-white{
  fill: #ffffff !important;
}

.stroke-current{
  stroke: currentColor !important;
}

.stroke-primary-color{
  stroke: var(--primary-color) !important;
}

.stroke-primary-hover-color{
  stroke: var(--hover-color) !important;
}

.stroke-0{
  stroke-width: 0 !important;
}

.stroke-1{
  stroke-width: 1 !important;
}

.stroke-2{
  stroke-width: 2 !important;
}

.stroke-12{
  stroke-width: 12 !important;
}

.stroke-20{
  stroke-width: 20 !important;
}

.table-auto{
  table-layout: auto !important;
}

.table-fixed{
  table-layout: fixed !important;
}

.text-left{
  text-align: left !important;
}

.text-center{
  text-align: center !important;
}

.text-right{
  text-align: right !important;
}

.text-justify{
  text-align: justify !important;
}

.text-transparent{
  color: transparent !important;
}

.text-current{
  color: currentColor !important;
}

.text-black{
  --text-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--text-opacity)) !important;
}

.text-white{
  --text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--text-opacity)) !important;
}

.text-gray-100{
  --text-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--text-opacity)) !important;
}

.text-gray-200{
  --text-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--text-opacity)) !important;
}

.text-gray-300{
  --text-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--text-opacity)) !important;
}

.text-gray-400{
  --text-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--text-opacity)) !important;
}

.text-gray-500{
  --text-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--text-opacity)) !important;
}

.text-gray-600{
  --text-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--text-opacity)) !important;
}

.text-gray-700{
  --text-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--text-opacity)) !important;
}

.text-gray-800{
  --text-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--text-opacity)) !important;
}

.text-gray-900{
  --text-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--text-opacity)) !important;
}

.text-red{
  --text-opacity: 1 !important;
  color: #cc0a0a !important;
  color: rgba(204, 10, 10, var(--text-opacity)) !important;
}

.text-orange-100{
  --text-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--text-opacity)) !important;
}

.text-orange-200{
  --text-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--text-opacity)) !important;
}

.text-orange-300{
  --text-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--text-opacity)) !important;
}

.text-orange-400{
  --text-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--text-opacity)) !important;
}

.text-orange-500{
  --text-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--text-opacity)) !important;
}

.text-orange-600{
  --text-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--text-opacity)) !important;
}

.text-orange-700{
  --text-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--text-opacity)) !important;
}

.text-orange-800{
  --text-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--text-opacity)) !important;
}

.text-orange-900{
  --text-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--text-opacity)) !important;
}

.text-yellow-100{
  --text-opacity: 1 !important;
  color: #fffff0 !important;
  color: rgba(255, 255, 240, var(--text-opacity)) !important;
}

.text-yellow-200{
  --text-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--text-opacity)) !important;
}

.text-yellow-300{
  --text-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--text-opacity)) !important;
}

.text-yellow-400{
  --text-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--text-opacity)) !important;
}

.text-yellow-500{
  --text-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--text-opacity)) !important;
}

.text-yellow-600{
  --text-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--text-opacity)) !important;
}

.text-yellow-700{
  --text-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--text-opacity)) !important;
}

.text-yellow-800{
  --text-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--text-opacity)) !important;
}

.text-yellow-900{
  --text-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--text-opacity)) !important;
}

.text-green-100{
  --text-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--text-opacity)) !important;
}

.text-green-200{
  --text-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--text-opacity)) !important;
}

.text-green-300{
  --text-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--text-opacity)) !important;
}

.text-green-400{
  --text-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--text-opacity)) !important;
}

.text-green-500{
  --text-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--text-opacity)) !important;
}

.text-green-600{
  --text-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--text-opacity)) !important;
}

.text-green-700{
  --text-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--text-opacity)) !important;
}

.text-green-800{
  --text-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--text-opacity)) !important;
}

.text-green-900{
  --text-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--text-opacity)) !important;
}

.text-teal-100{
  --text-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--text-opacity)) !important;
}

.text-teal-200{
  --text-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--text-opacity)) !important;
}

.text-teal-300{
  --text-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--text-opacity)) !important;
}

.text-teal-400{
  --text-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--text-opacity)) !important;
}

.text-teal-500{
  --text-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--text-opacity)) !important;
}

.text-teal-600{
  --text-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--text-opacity)) !important;
}

.text-teal-700{
  --text-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--text-opacity)) !important;
}

.text-teal-800{
  --text-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--text-opacity)) !important;
}

.text-teal-900{
  --text-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--text-opacity)) !important;
}

.text-blue-100{
  --text-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--text-opacity)) !important;
}

.text-blue-200{
  --text-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--text-opacity)) !important;
}

.text-blue-300{
  --text-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--text-opacity)) !important;
}

.text-blue-400{
  --text-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--text-opacity)) !important;
}

.text-blue-500{
  --text-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--text-opacity)) !important;
}

.text-blue-600{
  --text-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--text-opacity)) !important;
}

.text-blue-700{
  --text-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--text-opacity)) !important;
}

.text-blue-800{
  --text-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--text-opacity)) !important;
}

.text-blue-900{
  --text-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--text-opacity)) !important;
}

.text-indigo-100{
  --text-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--text-opacity)) !important;
}

.text-indigo-200{
  --text-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--text-opacity)) !important;
}

.text-indigo-300{
  --text-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--text-opacity)) !important;
}

.text-indigo-400{
  --text-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--text-opacity)) !important;
}

.text-indigo-500{
  --text-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--text-opacity)) !important;
}

.text-indigo-600{
  --text-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--text-opacity)) !important;
}

.text-indigo-700{
  --text-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--text-opacity)) !important;
}

.text-indigo-800{
  --text-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--text-opacity)) !important;
}

.text-indigo-900{
  --text-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--text-opacity)) !important;
}

.text-purple-100{
  --text-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--text-opacity)) !important;
}

.text-purple-200{
  --text-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--text-opacity)) !important;
}

.text-purple-300{
  --text-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--text-opacity)) !important;
}

.text-purple-400{
  --text-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--text-opacity)) !important;
}

.text-purple-500{
  --text-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--text-opacity)) !important;
}

.text-purple-600{
  --text-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--text-opacity)) !important;
}

.text-purple-700{
  --text-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--text-opacity)) !important;
}

.text-purple-800{
  --text-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--text-opacity)) !important;
}

.text-purple-900{
  --text-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--text-opacity)) !important;
}

.text-pink-100{
  --text-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--text-opacity)) !important;
}

.text-pink-200{
  --text-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--text-opacity)) !important;
}

.text-pink-300{
  --text-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--text-opacity)) !important;
}

.text-pink-400{
  --text-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--text-opacity)) !important;
}

.text-pink-500{
  --text-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--text-opacity)) !important;
}

.text-pink-600{
  --text-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--text-opacity)) !important;
}

.text-pink-700{
  --text-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--text-opacity)) !important;
}

.text-pink-800{
  --text-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--text-opacity)) !important;
}

.text-pink-900{
  --text-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--text-opacity)) !important;
}

.text-primary-color{
  color: var(--primary-color) !important;
}

.text-primary-hover-color{
  color: var(--hover-color) !important;
}

.text-gray-body{
  --text-opacity: 1 !important;
  color: #f2f2f2 !important;
  color: rgba(242, 242, 242, var(--text-opacity)) !important;
}

.text-gray-light{
  --text-opacity: 1 !important;
  color: #ccc !important;
  color: rgba(204, 204, 204, var(--text-opacity)) !important;
}

.text-gray-333{
  --text-opacity: 1 !important;
  color: #333 !important;
  color: rgba(51, 51, 51, var(--text-opacity)) !important;
}

.text-gray-666{
  --text-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--text-opacity)) !important;
}

.text-gray-888{
  --text-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--text-opacity)) !important;
}

.text-gray-999{
  --text-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--text-opacity)) !important;
}

.text-gray-icon{
  --text-opacity: 1 !important;
  color: #9a9a9a !important;
  color: rgba(154, 154, 154, var(--text-opacity)) !important;
}

.text-gray-features{
  --text-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--text-opacity)) !important;
}

.text-slide-border{
  --text-opacity: 1 !important;
  color: #e1e1e1 !important;
  color: rgba(225, 225, 225, var(--text-opacity)) !important;
}

.text-sale-color{
  color: var(--primary-color) !important;
}

.text-hit-color{
  --text-opacity: 1 !important;
  color: #ff9900 !important;
  color: rgba(255, 153, 0, var(--text-opacity)) !important;
}

.text-new-color{
  --text-opacity: 1 !important;
  color: #0fa3c6 !important;
  color: rgba(15, 163, 198, var(--text-opacity)) !important;
}

.text-fb-hover-color{
  --text-opacity: 1 !important;
  color: #5959d8 !important;
  color: rgba(89, 89, 216, var(--text-opacity)) !important;
}

.text-fb-active-color{
  --text-opacity: 1 !important;
  color: #4040b3 !important;
  color: rgba(64, 64, 179, var(--text-opacity)) !important;
}

.text-vk-hover-color{
  --text-opacity: 1 !important;
  color: #628dd3 !important;
  color: rgba(98, 141, 211, var(--text-opacity)) !important;
}

.text-vk-active-color{
  --text-opacity: 1 !important;
  color: #3768b9 !important;
  color: rgba(55, 104, 185, var(--text-opacity)) !important;
}

.text-insta-hover-color{
  --text-opacity: 1 !important;
  color: #af35d2 !important;
  color: rgba(175, 53, 210, var(--text-opacity)) !important;
}

.text-insta-active-color{
  --text-opacity: 1 !important;
  color: #7e47b7 !important;
  color: rgba(126, 71, 183, var(--text-opacity)) !important;
}

.text-gray-dc{
  --text-opacity: 1 !important;
  color: #dcdcdc !important;
  color: rgba(220, 220, 220, var(--text-opacity)) !important;
}

.text-gray-cd{
  --text-opacity: 1 !important;
  color: #cdcdcd !important;
  color: rgba(205, 205, 205, var(--text-opacity)) !important;
}

.text-gray-e7{
  --text-opacity: 1 !important;
  color: #e7e7e7 !important;
  color: rgba(231, 231, 231, var(--text-opacity)) !important;
}

.text-check-color{
  --text-opacity: 1 !important;
  color: #ce3a12 !important;
  color: rgba(206, 58, 18, var(--text-opacity)) !important;
}

.text-docx-color{
  --text-opacity: 1 !important;
  color: #1789e9 !important;
  color: rgba(23, 137, 233, var(--text-opacity)) !important;
}

.text-dark-black{
  --text-opacity: 1 !important;
  color: #010101 !important;
  color: rgba(1, 1, 1, var(--text-opacity)) !important;
}

.text-green-light{
  --text-opacity: 1 !important;
  color: #3ab011 !important;
  color: rgba(58, 176, 17, var(--text-opacity)) !important;
}

.hover\:text-transparent:hover{
  color: transparent !important;
}

.hover\:text-current:hover{
  color: currentColor !important;
}

.hover\:text-black:hover{
  --text-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--text-opacity)) !important;
}

.hover\:text-white:hover{
  --text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--text-opacity)) !important;
}

.hover\:text-gray-100:hover{
  --text-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--text-opacity)) !important;
}

.hover\:text-gray-200:hover{
  --text-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--text-opacity)) !important;
}

.hover\:text-gray-300:hover{
  --text-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--text-opacity)) !important;
}

.hover\:text-gray-400:hover{
  --text-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--text-opacity)) !important;
}

.hover\:text-gray-500:hover{
  --text-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--text-opacity)) !important;
}

.hover\:text-gray-600:hover{
  --text-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--text-opacity)) !important;
}

.hover\:text-gray-700:hover{
  --text-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--text-opacity)) !important;
}

.hover\:text-gray-800:hover{
  --text-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--text-opacity)) !important;
}

.hover\:text-gray-900:hover{
  --text-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--text-opacity)) !important;
}

.hover\:text-red:hover{
  --text-opacity: 1 !important;
  color: #cc0a0a !important;
  color: rgba(204, 10, 10, var(--text-opacity)) !important;
}

.hover\:text-orange-100:hover{
  --text-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--text-opacity)) !important;
}

.hover\:text-orange-200:hover{
  --text-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--text-opacity)) !important;
}

.hover\:text-orange-300:hover{
  --text-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--text-opacity)) !important;
}

.hover\:text-orange-400:hover{
  --text-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--text-opacity)) !important;
}

.hover\:text-orange-500:hover{
  --text-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--text-opacity)) !important;
}

.hover\:text-orange-600:hover{
  --text-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--text-opacity)) !important;
}

.hover\:text-orange-700:hover{
  --text-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--text-opacity)) !important;
}

.hover\:text-orange-800:hover{
  --text-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--text-opacity)) !important;
}

.hover\:text-orange-900:hover{
  --text-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--text-opacity)) !important;
}

.hover\:text-yellow-100:hover{
  --text-opacity: 1 !important;
  color: #fffff0 !important;
  color: rgba(255, 255, 240, var(--text-opacity)) !important;
}

.hover\:text-yellow-200:hover{
  --text-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--text-opacity)) !important;
}

.hover\:text-yellow-300:hover{
  --text-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--text-opacity)) !important;
}

.hover\:text-yellow-400:hover{
  --text-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--text-opacity)) !important;
}

.hover\:text-yellow-500:hover{
  --text-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--text-opacity)) !important;
}

.hover\:text-yellow-600:hover{
  --text-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--text-opacity)) !important;
}

.hover\:text-yellow-700:hover{
  --text-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--text-opacity)) !important;
}

.hover\:text-yellow-800:hover{
  --text-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--text-opacity)) !important;
}

.hover\:text-yellow-900:hover{
  --text-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--text-opacity)) !important;
}

.hover\:text-green-100:hover{
  --text-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--text-opacity)) !important;
}

.hover\:text-green-200:hover{
  --text-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--text-opacity)) !important;
}

.hover\:text-green-300:hover{
  --text-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--text-opacity)) !important;
}

.hover\:text-green-400:hover{
  --text-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--text-opacity)) !important;
}

.hover\:text-green-500:hover{
  --text-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--text-opacity)) !important;
}

.hover\:text-green-600:hover{
  --text-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--text-opacity)) !important;
}

.hover\:text-green-700:hover{
  --text-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--text-opacity)) !important;
}

.hover\:text-green-800:hover{
  --text-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--text-opacity)) !important;
}

.hover\:text-green-900:hover{
  --text-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--text-opacity)) !important;
}

.hover\:text-teal-100:hover{
  --text-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--text-opacity)) !important;
}

.hover\:text-teal-200:hover{
  --text-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--text-opacity)) !important;
}

.hover\:text-teal-300:hover{
  --text-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--text-opacity)) !important;
}

.hover\:text-teal-400:hover{
  --text-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--text-opacity)) !important;
}

.hover\:text-teal-500:hover{
  --text-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--text-opacity)) !important;
}

.hover\:text-teal-600:hover{
  --text-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--text-opacity)) !important;
}

.hover\:text-teal-700:hover{
  --text-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--text-opacity)) !important;
}

.hover\:text-teal-800:hover{
  --text-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--text-opacity)) !important;
}

.hover\:text-teal-900:hover{
  --text-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--text-opacity)) !important;
}

.hover\:text-blue-100:hover{
  --text-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--text-opacity)) !important;
}

.hover\:text-blue-200:hover{
  --text-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--text-opacity)) !important;
}

.hover\:text-blue-300:hover{
  --text-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--text-opacity)) !important;
}

.hover\:text-blue-400:hover{
  --text-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--text-opacity)) !important;
}

.hover\:text-blue-500:hover{
  --text-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--text-opacity)) !important;
}

.hover\:text-blue-600:hover{
  --text-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--text-opacity)) !important;
}

.hover\:text-blue-700:hover{
  --text-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--text-opacity)) !important;
}

.hover\:text-blue-800:hover{
  --text-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--text-opacity)) !important;
}

.hover\:text-blue-900:hover{
  --text-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--text-opacity)) !important;
}

.hover\:text-indigo-100:hover{
  --text-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--text-opacity)) !important;
}

.hover\:text-indigo-200:hover{
  --text-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--text-opacity)) !important;
}

.hover\:text-indigo-300:hover{
  --text-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--text-opacity)) !important;
}

.hover\:text-indigo-400:hover{
  --text-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--text-opacity)) !important;
}

.hover\:text-indigo-500:hover{
  --text-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--text-opacity)) !important;
}

.hover\:text-indigo-600:hover{
  --text-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--text-opacity)) !important;
}

.hover\:text-indigo-700:hover{
  --text-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--text-opacity)) !important;
}

.hover\:text-indigo-800:hover{
  --text-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--text-opacity)) !important;
}

.hover\:text-indigo-900:hover{
  --text-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--text-opacity)) !important;
}

.hover\:text-purple-100:hover{
  --text-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--text-opacity)) !important;
}

.hover\:text-purple-200:hover{
  --text-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--text-opacity)) !important;
}

.hover\:text-purple-300:hover{
  --text-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--text-opacity)) !important;
}

.hover\:text-purple-400:hover{
  --text-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--text-opacity)) !important;
}

.hover\:text-purple-500:hover{
  --text-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--text-opacity)) !important;
}

.hover\:text-purple-600:hover{
  --text-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--text-opacity)) !important;
}

.hover\:text-purple-700:hover{
  --text-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--text-opacity)) !important;
}

.hover\:text-purple-800:hover{
  --text-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--text-opacity)) !important;
}

.hover\:text-purple-900:hover{
  --text-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--text-opacity)) !important;
}

.hover\:text-pink-100:hover{
  --text-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--text-opacity)) !important;
}

.hover\:text-pink-200:hover{
  --text-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--text-opacity)) !important;
}

.hover\:text-pink-300:hover{
  --text-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--text-opacity)) !important;
}

.hover\:text-pink-400:hover{
  --text-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--text-opacity)) !important;
}

.hover\:text-pink-500:hover{
  --text-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--text-opacity)) !important;
}

.hover\:text-pink-600:hover{
  --text-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--text-opacity)) !important;
}

.hover\:text-pink-700:hover{
  --text-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--text-opacity)) !important;
}

.hover\:text-pink-800:hover{
  --text-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--text-opacity)) !important;
}

.hover\:text-pink-900:hover{
  --text-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--text-opacity)) !important;
}

.hover\:text-primary-color:hover{
  color: var(--primary-color) !important;
}

.hover\:text-primary-hover-color:hover{
  color: var(--hover-color) !important;
}

.hover\:text-gray-body:hover{
  --text-opacity: 1 !important;
  color: #f2f2f2 !important;
  color: rgba(242, 242, 242, var(--text-opacity)) !important;
}

.hover\:text-gray-light:hover{
  --text-opacity: 1 !important;
  color: #ccc !important;
  color: rgba(204, 204, 204, var(--text-opacity)) !important;
}

.hover\:text-gray-333:hover{
  --text-opacity: 1 !important;
  color: #333 !important;
  color: rgba(51, 51, 51, var(--text-opacity)) !important;
}

.hover\:text-gray-666:hover{
  --text-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--text-opacity)) !important;
}

.hover\:text-gray-888:hover{
  --text-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--text-opacity)) !important;
}

.hover\:text-gray-999:hover{
  --text-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--text-opacity)) !important;
}

.hover\:text-gray-icon:hover{
  --text-opacity: 1 !important;
  color: #9a9a9a !important;
  color: rgba(154, 154, 154, var(--text-opacity)) !important;
}

.hover\:text-gray-features:hover{
  --text-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--text-opacity)) !important;
}

.hover\:text-slide-border:hover{
  --text-opacity: 1 !important;
  color: #e1e1e1 !important;
  color: rgba(225, 225, 225, var(--text-opacity)) !important;
}

.hover\:text-sale-color:hover{
  color: var(--primary-color) !important;
}

.hover\:text-hit-color:hover{
  --text-opacity: 1 !important;
  color: #ff9900 !important;
  color: rgba(255, 153, 0, var(--text-opacity)) !important;
}

.hover\:text-new-color:hover{
  --text-opacity: 1 !important;
  color: #0fa3c6 !important;
  color: rgba(15, 163, 198, var(--text-opacity)) !important;
}

.hover\:text-fb-hover-color:hover{
  --text-opacity: 1 !important;
  color: #5959d8 !important;
  color: rgba(89, 89, 216, var(--text-opacity)) !important;
}

.hover\:text-fb-active-color:hover{
  --text-opacity: 1 !important;
  color: #4040b3 !important;
  color: rgba(64, 64, 179, var(--text-opacity)) !important;
}

.hover\:text-vk-hover-color:hover{
  --text-opacity: 1 !important;
  color: #628dd3 !important;
  color: rgba(98, 141, 211, var(--text-opacity)) !important;
}

.hover\:text-vk-active-color:hover{
  --text-opacity: 1 !important;
  color: #3768b9 !important;
  color: rgba(55, 104, 185, var(--text-opacity)) !important;
}

.hover\:text-insta-hover-color:hover{
  --text-opacity: 1 !important;
  color: #af35d2 !important;
  color: rgba(175, 53, 210, var(--text-opacity)) !important;
}

.hover\:text-insta-active-color:hover{
  --text-opacity: 1 !important;
  color: #7e47b7 !important;
  color: rgba(126, 71, 183, var(--text-opacity)) !important;
}

.hover\:text-gray-dc:hover{
  --text-opacity: 1 !important;
  color: #dcdcdc !important;
  color: rgba(220, 220, 220, var(--text-opacity)) !important;
}

.hover\:text-gray-cd:hover{
  --text-opacity: 1 !important;
  color: #cdcdcd !important;
  color: rgba(205, 205, 205, var(--text-opacity)) !important;
}

.hover\:text-gray-e7:hover{
  --text-opacity: 1 !important;
  color: #e7e7e7 !important;
  color: rgba(231, 231, 231, var(--text-opacity)) !important;
}

.hover\:text-check-color:hover{
  --text-opacity: 1 !important;
  color: #ce3a12 !important;
  color: rgba(206, 58, 18, var(--text-opacity)) !important;
}

.hover\:text-docx-color:hover{
  --text-opacity: 1 !important;
  color: #1789e9 !important;
  color: rgba(23, 137, 233, var(--text-opacity)) !important;
}

.hover\:text-dark-black:hover{
  --text-opacity: 1 !important;
  color: #010101 !important;
  color: rgba(1, 1, 1, var(--text-opacity)) !important;
}

.hover\:text-green-light:hover{
  --text-opacity: 1 !important;
  color: #3ab011 !important;
  color: rgba(58, 176, 17, var(--text-opacity)) !important;
}

.focus\:text-transparent:focus{
  color: transparent !important;
}

.focus\:text-current:focus{
  color: currentColor !important;
}

.focus\:text-black:focus{
  --text-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--text-opacity)) !important;
}

.focus\:text-white:focus{
  --text-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--text-opacity)) !important;
}

.focus\:text-gray-100:focus{
  --text-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--text-opacity)) !important;
}

.focus\:text-gray-200:focus{
  --text-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--text-opacity)) !important;
}

.focus\:text-gray-300:focus{
  --text-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--text-opacity)) !important;
}

.focus\:text-gray-400:focus{
  --text-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--text-opacity)) !important;
}

.focus\:text-gray-500:focus{
  --text-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--text-opacity)) !important;
}

.focus\:text-gray-600:focus{
  --text-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--text-opacity)) !important;
}

.focus\:text-gray-700:focus{
  --text-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--text-opacity)) !important;
}

.focus\:text-gray-800:focus{
  --text-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--text-opacity)) !important;
}

.focus\:text-gray-900:focus{
  --text-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--text-opacity)) !important;
}

.focus\:text-red:focus{
  --text-opacity: 1 !important;
  color: #cc0a0a !important;
  color: rgba(204, 10, 10, var(--text-opacity)) !important;
}

.focus\:text-orange-100:focus{
  --text-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--text-opacity)) !important;
}

.focus\:text-orange-200:focus{
  --text-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--text-opacity)) !important;
}

.focus\:text-orange-300:focus{
  --text-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--text-opacity)) !important;
}

.focus\:text-orange-400:focus{
  --text-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--text-opacity)) !important;
}

.focus\:text-orange-500:focus{
  --text-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--text-opacity)) !important;
}

.focus\:text-orange-600:focus{
  --text-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--text-opacity)) !important;
}

.focus\:text-orange-700:focus{
  --text-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--text-opacity)) !important;
}

.focus\:text-orange-800:focus{
  --text-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--text-opacity)) !important;
}

.focus\:text-orange-900:focus{
  --text-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--text-opacity)) !important;
}

.focus\:text-yellow-100:focus{
  --text-opacity: 1 !important;
  color: #fffff0 !important;
  color: rgba(255, 255, 240, var(--text-opacity)) !important;
}

.focus\:text-yellow-200:focus{
  --text-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--text-opacity)) !important;
}

.focus\:text-yellow-300:focus{
  --text-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--text-opacity)) !important;
}

.focus\:text-yellow-400:focus{
  --text-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--text-opacity)) !important;
}

.focus\:text-yellow-500:focus{
  --text-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--text-opacity)) !important;
}

.focus\:text-yellow-600:focus{
  --text-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--text-opacity)) !important;
}

.focus\:text-yellow-700:focus{
  --text-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--text-opacity)) !important;
}

.focus\:text-yellow-800:focus{
  --text-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--text-opacity)) !important;
}

.focus\:text-yellow-900:focus{
  --text-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--text-opacity)) !important;
}

.focus\:text-green-100:focus{
  --text-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--text-opacity)) !important;
}

.focus\:text-green-200:focus{
  --text-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--text-opacity)) !important;
}

.focus\:text-green-300:focus{
  --text-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--text-opacity)) !important;
}

.focus\:text-green-400:focus{
  --text-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--text-opacity)) !important;
}

.focus\:text-green-500:focus{
  --text-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--text-opacity)) !important;
}

.focus\:text-green-600:focus{
  --text-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--text-opacity)) !important;
}

.focus\:text-green-700:focus{
  --text-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--text-opacity)) !important;
}

.focus\:text-green-800:focus{
  --text-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--text-opacity)) !important;
}

.focus\:text-green-900:focus{
  --text-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--text-opacity)) !important;
}

.focus\:text-teal-100:focus{
  --text-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--text-opacity)) !important;
}

.focus\:text-teal-200:focus{
  --text-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--text-opacity)) !important;
}

.focus\:text-teal-300:focus{
  --text-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--text-opacity)) !important;
}

.focus\:text-teal-400:focus{
  --text-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--text-opacity)) !important;
}

.focus\:text-teal-500:focus{
  --text-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--text-opacity)) !important;
}

.focus\:text-teal-600:focus{
  --text-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--text-opacity)) !important;
}

.focus\:text-teal-700:focus{
  --text-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--text-opacity)) !important;
}

.focus\:text-teal-800:focus{
  --text-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--text-opacity)) !important;
}

.focus\:text-teal-900:focus{
  --text-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--text-opacity)) !important;
}

.focus\:text-blue-100:focus{
  --text-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--text-opacity)) !important;
}

.focus\:text-blue-200:focus{
  --text-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--text-opacity)) !important;
}

.focus\:text-blue-300:focus{
  --text-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--text-opacity)) !important;
}

.focus\:text-blue-400:focus{
  --text-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--text-opacity)) !important;
}

.focus\:text-blue-500:focus{
  --text-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--text-opacity)) !important;
}

.focus\:text-blue-600:focus{
  --text-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--text-opacity)) !important;
}

.focus\:text-blue-700:focus{
  --text-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--text-opacity)) !important;
}

.focus\:text-blue-800:focus{
  --text-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--text-opacity)) !important;
}

.focus\:text-blue-900:focus{
  --text-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--text-opacity)) !important;
}

.focus\:text-indigo-100:focus{
  --text-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--text-opacity)) !important;
}

.focus\:text-indigo-200:focus{
  --text-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--text-opacity)) !important;
}

.focus\:text-indigo-300:focus{
  --text-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--text-opacity)) !important;
}

.focus\:text-indigo-400:focus{
  --text-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--text-opacity)) !important;
}

.focus\:text-indigo-500:focus{
  --text-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--text-opacity)) !important;
}

.focus\:text-indigo-600:focus{
  --text-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--text-opacity)) !important;
}

.focus\:text-indigo-700:focus{
  --text-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--text-opacity)) !important;
}

.focus\:text-indigo-800:focus{
  --text-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--text-opacity)) !important;
}

.focus\:text-indigo-900:focus{
  --text-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--text-opacity)) !important;
}

.focus\:text-purple-100:focus{
  --text-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--text-opacity)) !important;
}

.focus\:text-purple-200:focus{
  --text-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--text-opacity)) !important;
}

.focus\:text-purple-300:focus{
  --text-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--text-opacity)) !important;
}

.focus\:text-purple-400:focus{
  --text-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--text-opacity)) !important;
}

.focus\:text-purple-500:focus{
  --text-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--text-opacity)) !important;
}

.focus\:text-purple-600:focus{
  --text-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--text-opacity)) !important;
}

.focus\:text-purple-700:focus{
  --text-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--text-opacity)) !important;
}

.focus\:text-purple-800:focus{
  --text-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--text-opacity)) !important;
}

.focus\:text-purple-900:focus{
  --text-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--text-opacity)) !important;
}

.focus\:text-pink-100:focus{
  --text-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--text-opacity)) !important;
}

.focus\:text-pink-200:focus{
  --text-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--text-opacity)) !important;
}

.focus\:text-pink-300:focus{
  --text-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--text-opacity)) !important;
}

.focus\:text-pink-400:focus{
  --text-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--text-opacity)) !important;
}

.focus\:text-pink-500:focus{
  --text-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--text-opacity)) !important;
}

.focus\:text-pink-600:focus{
  --text-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--text-opacity)) !important;
}

.focus\:text-pink-700:focus{
  --text-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--text-opacity)) !important;
}

.focus\:text-pink-800:focus{
  --text-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--text-opacity)) !important;
}

.focus\:text-pink-900:focus{
  --text-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--text-opacity)) !important;
}

.focus\:text-primary-color:focus{
  color: var(--primary-color) !important;
}

.focus\:text-primary-hover-color:focus{
  color: var(--hover-color) !important;
}

.focus\:text-gray-body:focus{
  --text-opacity: 1 !important;
  color: #f2f2f2 !important;
  color: rgba(242, 242, 242, var(--text-opacity)) !important;
}

.focus\:text-gray-light:focus{
  --text-opacity: 1 !important;
  color: #ccc !important;
  color: rgba(204, 204, 204, var(--text-opacity)) !important;
}

.focus\:text-gray-333:focus{
  --text-opacity: 1 !important;
  color: #333 !important;
  color: rgba(51, 51, 51, var(--text-opacity)) !important;
}

.focus\:text-gray-666:focus{
  --text-opacity: 1 !important;
  color: #666 !important;
  color: rgba(102, 102, 102, var(--text-opacity)) !important;
}

.focus\:text-gray-888:focus{
  --text-opacity: 1 !important;
  color: #888 !important;
  color: rgba(136, 136, 136, var(--text-opacity)) !important;
}

.focus\:text-gray-999:focus{
  --text-opacity: 1 !important;
  color: #999 !important;
  color: rgba(153, 153, 153, var(--text-opacity)) !important;
}

.focus\:text-gray-icon:focus{
  --text-opacity: 1 !important;
  color: #9a9a9a !important;
  color: rgba(154, 154, 154, var(--text-opacity)) !important;
}

.focus\:text-gray-features:focus{
  --text-opacity: 1 !important;
  color: #f5f5f5 !important;
  color: rgba(245, 245, 245, var(--text-opacity)) !important;
}

.focus\:text-slide-border:focus{
  --text-opacity: 1 !important;
  color: #e1e1e1 !important;
  color: rgba(225, 225, 225, var(--text-opacity)) !important;
}

.focus\:text-sale-color:focus{
  color: var(--primary-color) !important;
}

.focus\:text-hit-color:focus{
  --text-opacity: 1 !important;
  color: #ff9900 !important;
  color: rgba(255, 153, 0, var(--text-opacity)) !important;
}

.focus\:text-new-color:focus{
  --text-opacity: 1 !important;
  color: #0fa3c6 !important;
  color: rgba(15, 163, 198, var(--text-opacity)) !important;
}

.focus\:text-fb-hover-color:focus{
  --text-opacity: 1 !important;
  color: #5959d8 !important;
  color: rgba(89, 89, 216, var(--text-opacity)) !important;
}

.focus\:text-fb-active-color:focus{
  --text-opacity: 1 !important;
  color: #4040b3 !important;
  color: rgba(64, 64, 179, var(--text-opacity)) !important;
}

.focus\:text-vk-hover-color:focus{
  --text-opacity: 1 !important;
  color: #628dd3 !important;
  color: rgba(98, 141, 211, var(--text-opacity)) !important;
}

.focus\:text-vk-active-color:focus{
  --text-opacity: 1 !important;
  color: #3768b9 !important;
  color: rgba(55, 104, 185, var(--text-opacity)) !important;
}

.focus\:text-insta-hover-color:focus{
  --text-opacity: 1 !important;
  color: #af35d2 !important;
  color: rgba(175, 53, 210, var(--text-opacity)) !important;
}

.focus\:text-insta-active-color:focus{
  --text-opacity: 1 !important;
  color: #7e47b7 !important;
  color: rgba(126, 71, 183, var(--text-opacity)) !important;
}

.focus\:text-gray-dc:focus{
  --text-opacity: 1 !important;
  color: #dcdcdc !important;
  color: rgba(220, 220, 220, var(--text-opacity)) !important;
}

.focus\:text-gray-cd:focus{
  --text-opacity: 1 !important;
  color: #cdcdcd !important;
  color: rgba(205, 205, 205, var(--text-opacity)) !important;
}

.focus\:text-gray-e7:focus{
  --text-opacity: 1 !important;
  color: #e7e7e7 !important;
  color: rgba(231, 231, 231, var(--text-opacity)) !important;
}

.focus\:text-check-color:focus{
  --text-opacity: 1 !important;
  color: #ce3a12 !important;
  color: rgba(206, 58, 18, var(--text-opacity)) !important;
}

.focus\:text-docx-color:focus{
  --text-opacity: 1 !important;
  color: #1789e9 !important;
  color: rgba(23, 137, 233, var(--text-opacity)) !important;
}

.focus\:text-dark-black:focus{
  --text-opacity: 1 !important;
  color: #010101 !important;
  color: rgba(1, 1, 1, var(--text-opacity)) !important;
}

.focus\:text-green-light:focus{
  --text-opacity: 1 !important;
  color: #3ab011 !important;
  color: rgba(58, 176, 17, var(--text-opacity)) !important;
}

.text-opacity-0{
  --text-opacity: 0 !important;
}

.text-opacity-25{
  --text-opacity: 0.25 !important;
}

.text-opacity-50{
  --text-opacity: 0.5 !important;
}

.text-opacity-75{
  --text-opacity: 0.75 !important;
}

.text-opacity-100{
  --text-opacity: 1 !important;
}

.hover\:text-opacity-0:hover{
  --text-opacity: 0 !important;
}

.hover\:text-opacity-25:hover{
  --text-opacity: 0.25 !important;
}

.hover\:text-opacity-50:hover{
  --text-opacity: 0.5 !important;
}

.hover\:text-opacity-75:hover{
  --text-opacity: 0.75 !important;
}

.hover\:text-opacity-100:hover{
  --text-opacity: 1 !important;
}

.focus\:text-opacity-0:focus{
  --text-opacity: 0 !important;
}

.focus\:text-opacity-25:focus{
  --text-opacity: 0.25 !important;
}

.focus\:text-opacity-50:focus{
  --text-opacity: 0.5 !important;
}

.focus\:text-opacity-75:focus{
  --text-opacity: 0.75 !important;
}

.focus\:text-opacity-100:focus{
  --text-opacity: 1 !important;
}

.italic{
  font-style: italic !important;
}

.not-italic{
  font-style: normal !important;
}

.uppercase{
  text-transform: uppercase !important;
}

.lowercase{
  text-transform: lowercase !important;
}

.capitalize{
  text-transform: capitalize !important;
}

.normal-case{
  text-transform: none !important;
}

.underline{
  text-decoration: underline !important;
}

.line-through{
  text-decoration: line-through !important;
}

.no-underline{
  text-decoration: none !important;
}

.hover\:underline:hover{
  text-decoration: underline !important;
}

.hover\:line-through:hover{
  text-decoration: line-through !important;
}

.hover\:no-underline:hover{
  text-decoration: none !important;
}

.focus\:underline:focus{
  text-decoration: underline !important;
}

.focus\:line-through:focus{
  text-decoration: line-through !important;
}

.focus\:no-underline:focus{
  text-decoration: none !important;
}

.antialiased{
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.subpixel-antialiased{
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
}

.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions{
  --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
  --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
  --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
  --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
  --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
  font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
}

.normal-nums{
  font-variant-numeric: normal !important;
}

.ordinal{
  --font-variant-numeric-ordinal: ordinal !important;
}

.slashed-zero{
  --font-variant-numeric-slashed-zero: slashed-zero !important;
}

.lining-nums{
  --font-variant-numeric-figure: lining-nums !important;
}

.oldstyle-nums{
  --font-variant-numeric-figure: oldstyle-nums !important;
}

.proportional-nums{
  --font-variant-numeric-spacing: proportional-nums !important;
}

.tabular-nums{
  --font-variant-numeric-spacing: tabular-nums !important;
}

.diagonal-fractions{
  --font-variant-numeric-fraction: diagonal-fractions !important;
}

.stacked-fractions{
  --font-variant-numeric-fraction: stacked-fractions !important;
}

.tracking-tighter{
  letter-spacing: -0.05em !important;
}

.tracking-tight{
  letter-spacing: -0.025em !important;
}

.tracking-normal{
  letter-spacing: 0 !important;
}

.tracking-wide{
  letter-spacing: 0.025em !important;
}

.tracking-wider{
  letter-spacing: 0.05em !important;
}

.tracking-widest{
  letter-spacing: 0.1em !important;
}

.select-none{
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.select-text{
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

.select-all{
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  -ms-user-select: all !important;
  user-select: all !important;
}

.select-auto{
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

.align-baseline{
  vertical-align: baseline !important;
}

.align-top{
  vertical-align: top !important;
}

.align-middle{
  vertical-align: middle !important;
}

.align-bottom{
  vertical-align: bottom !important;
}

.align-text-top{
  vertical-align: text-top !important;
}

.align-text-bottom{
  vertical-align: text-bottom !important;
}

.visible{
  visibility: visible !important;
}

.invisible{
  visibility: hidden !important;
}

.whitespace-normal{
  white-space: normal !important;
}

.whitespace-no-wrap{
  white-space: nowrap !important;
}

.whitespace-pre{
  white-space: pre !important;
}

.whitespace-pre-line{
  white-space: pre-line !important;
}

.whitespace-pre-wrap{
  white-space: pre-wrap !important;
}

.break-normal{
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.break-words{
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.break-all{
  word-break: break-all !important;
}

.truncate{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.w-0{
  width: 0 !important;
}

.w-1{
  width: 0.25rem !important;
}

.w-2{
  width: 0.5rem !important;
}

.w-3{
  width: 0.75rem !important;
}

.w-4{
  width: 1rem !important;
}

.w-5{
  width: 1.25rem !important;
}

.w-6{
  width: 1.5rem !important;
}

.w-8{
  width: 2rem !important;
}

.w-10{
  width: 2.5rem !important;
}

.w-12{
  width: 3rem !important;
}

.w-16{
  width: 4rem !important;
}

.w-20{
  width: 5rem !important;
}

.w-24{
  width: 6rem !important;
}

.w-28{
  width: 7rem !important;
}

.w-32{
  width: 8rem !important;
}

.w-40{
  width: 10rem !important;
}

.w-48{
  width: 12rem !important;
}

.w-56{
  width: 14rem !important;
}

.w-64{
  width: 16rem !important;
}

.w-auto{
  width: auto !important;
}

.w-px{
  width: 1px !important;
}

.w-2px{
  width: 2px !important;
}

.w-3px{
  width: 3px !important;
}

.w-5px{
  width: 5px !important;
}

.w-10px{
  width: 10px !important;
}

.w-15px{
  width: 15px !important;
}

.w-20px{
  width: 20px !important;
}

.w-25px{
  width: 25px !important;
}

.w-30px{
  width: 30px !important;
}

.w-36px{
  width: 36px !important;
}

.w-50px{
  width: 50px !important;
}

.w-60px{
  width: 60px !important;
}

.w-120px{
  width: 120px !important;
}

.w-1\/2{
  width: 50% !important;
}

.w-1\/3{
  width: 33.333333% !important;
}

.w-2\/3{
  width: 66.666667% !important;
}

.w-1\/4{
  width: 25% !important;
}

.w-2\/4{
  width: 50% !important;
}

.w-3\/4{
  width: 75% !important;
}

.w-1\/5{
  width: 20% !important;
}

.w-2\/5{
  width: 40% !important;
}

.w-3\/5{
  width: 60% !important;
}

.w-4\/5{
  width: 80% !important;
}

.w-1\/6{
  width: 16.666667% !important;
}

.w-2\/6{
  width: 33.333333% !important;
}

.w-3\/6{
  width: 50% !important;
}

.w-4\/6{
  width: 66.666667% !important;
}

.w-5\/6{
  width: 83.333333% !important;
}

.w-1\/12{
  width: 8.333333% !important;
}

.w-2\/12{
  width: 16.666667% !important;
}

.w-3\/12{
  width: 25% !important;
}

.w-4\/12{
  width: 33.333333% !important;
}

.w-5\/12{
  width: 41.666667% !important;
}

.w-6\/12{
  width: 50% !important;
}

.w-7\/12{
  width: 58.333333% !important;
}

.w-8\/12{
  width: 66.666667% !important;
}

.w-9\/12{
  width: 75% !important;
}

.w-10\/12{
  width: 83.333333% !important;
}

.w-11\/12{
  width: 91.666667% !important;
}

.w-full{
  width: 100% !important;
}

.w-screen{
  width: 100vw !important;
}

.z-0{
  z-index: 0 !important;
}

.z-3{
  z-index: 3 !important;
}

.z-10{
  z-index: 10 !important;
}

.z-15{
  z-index: 15 !important;
}

.z-20{
  z-index: 20 !important;
}

.z-30{
  z-index: 30 !important;
}

.z-40{
  z-index: 40 !important;
}

.z-50{
  z-index: 50 !important;
}

.z-auto{
  z-index: auto !important;
}

.gap-0{
  grid-gap: 0 !important;
  gap: 0 !important;
}

.gap-1{
  grid-gap: 0.25rem !important;
  gap: 0.25rem !important;
}

.gap-2{
  grid-gap: 0.5rem !important;
  gap: 0.5rem !important;
}

.gap-3{
  grid-gap: 0.75rem !important;
  gap: 0.75rem !important;
}

.gap-4{
  grid-gap: 1rem !important;
  gap: 1rem !important;
}

.gap-5{
  grid-gap: 1.25rem !important;
  gap: 1.25rem !important;
}

.gap-6{
  grid-gap: 1.5rem !important;
  gap: 1.5rem !important;
}

.gap-8{
  grid-gap: 2rem !important;
  gap: 2rem !important;
}

.gap-10{
  grid-gap: 2.5rem !important;
  gap: 2.5rem !important;
}

.gap-12{
  grid-gap: 3rem !important;
  gap: 3rem !important;
}

.gap-16{
  grid-gap: 4rem !important;
  gap: 4rem !important;
}

.gap-20{
  grid-gap: 5rem !important;
  gap: 5rem !important;
}

.gap-24{
  grid-gap: 6rem !important;
  gap: 6rem !important;
}

.gap-28{
  grid-gap: 7rem !important;
  gap: 7rem !important;
}

.gap-32{
  grid-gap: 8rem !important;
  gap: 8rem !important;
}

.gap-40{
  grid-gap: 10rem !important;
  gap: 10rem !important;
}

.gap-48{
  grid-gap: 12rem !important;
  gap: 12rem !important;
}

.gap-56{
  grid-gap: 14rem !important;
  gap: 14rem !important;
}

.gap-64{
  grid-gap: 16rem !important;
  gap: 16rem !important;
}

.gap-px{
  grid-gap: 1px !important;
  gap: 1px !important;
}

.gap-2px{
  grid-gap: 2px !important;
  gap: 2px !important;
}

.gap-3px{
  grid-gap: 3px !important;
  gap: 3px !important;
}

.gap-5px{
  grid-gap: 5px !important;
  gap: 5px !important;
}

.gap-10px{
  grid-gap: 10px !important;
  gap: 10px !important;
}

.gap-15px{
  grid-gap: 15px !important;
  gap: 15px !important;
}

.gap-20px{
  grid-gap: 20px !important;
  gap: 20px !important;
}

.gap-25px{
  grid-gap: 25px !important;
  gap: 25px !important;
}

.gap-30px{
  grid-gap: 30px !important;
  gap: 30px !important;
}

.gap-36px{
  grid-gap: 36px !important;
  gap: 36px !important;
}

.gap-50px{
  grid-gap: 50px !important;
  gap: 50px !important;
}

.gap-60px{
  grid-gap: 60px !important;
  gap: 60px !important;
}

.gap-120px{
  grid-gap: 120px !important;
  gap: 120px !important;
}

.col-gap-0{
  grid-column-gap: 0 !important;
  -webkit-column-gap: 0 !important;
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}

.col-gap-1{
  grid-column-gap: 0.25rem !important;
  -webkit-column-gap: 0.25rem !important;
  -moz-column-gap: 0.25rem !important;
  column-gap: 0.25rem !important;
}

.col-gap-2{
  grid-column-gap: 0.5rem !important;
  -webkit-column-gap: 0.5rem !important;
  -moz-column-gap: 0.5rem !important;
  column-gap: 0.5rem !important;
}

.col-gap-3{
  grid-column-gap: 0.75rem !important;
  -webkit-column-gap: 0.75rem !important;
  -moz-column-gap: 0.75rem !important;
  column-gap: 0.75rem !important;
}

.col-gap-4{
  grid-column-gap: 1rem !important;
  -webkit-column-gap: 1rem !important;
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}

.col-gap-5{
  grid-column-gap: 1.25rem !important;
  -webkit-column-gap: 1.25rem !important;
  -moz-column-gap: 1.25rem !important;
  column-gap: 1.25rem !important;
}

.col-gap-6{
  grid-column-gap: 1.5rem !important;
  -webkit-column-gap: 1.5rem !important;
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}

.col-gap-8{
  grid-column-gap: 2rem !important;
  -webkit-column-gap: 2rem !important;
  -moz-column-gap: 2rem !important;
  column-gap: 2rem !important;
}

.col-gap-10{
  grid-column-gap: 2.5rem !important;
  -webkit-column-gap: 2.5rem !important;
  -moz-column-gap: 2.5rem !important;
  column-gap: 2.5rem !important;
}

.col-gap-12{
  grid-column-gap: 3rem !important;
  -webkit-column-gap: 3rem !important;
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}

.col-gap-16{
  grid-column-gap: 4rem !important;
  -webkit-column-gap: 4rem !important;
  -moz-column-gap: 4rem !important;
  column-gap: 4rem !important;
}

.col-gap-20{
  grid-column-gap: 5rem !important;
  -webkit-column-gap: 5rem !important;
  -moz-column-gap: 5rem !important;
  column-gap: 5rem !important;
}

.col-gap-24{
  grid-column-gap: 6rem !important;
  -webkit-column-gap: 6rem !important;
  -moz-column-gap: 6rem !important;
  column-gap: 6rem !important;
}

.col-gap-28{
  grid-column-gap: 7rem !important;
  -webkit-column-gap: 7rem !important;
  -moz-column-gap: 7rem !important;
  column-gap: 7rem !important;
}

.col-gap-32{
  grid-column-gap: 8rem !important;
  -webkit-column-gap: 8rem !important;
  -moz-column-gap: 8rem !important;
  column-gap: 8rem !important;
}

.col-gap-40{
  grid-column-gap: 10rem !important;
  -webkit-column-gap: 10rem !important;
  -moz-column-gap: 10rem !important;
  column-gap: 10rem !important;
}

.col-gap-48{
  grid-column-gap: 12rem !important;
  -webkit-column-gap: 12rem !important;
  -moz-column-gap: 12rem !important;
  column-gap: 12rem !important;
}

.col-gap-56{
  grid-column-gap: 14rem !important;
  -webkit-column-gap: 14rem !important;
  -moz-column-gap: 14rem !important;
  column-gap: 14rem !important;
}

.col-gap-64{
  grid-column-gap: 16rem !important;
  -webkit-column-gap: 16rem !important;
  -moz-column-gap: 16rem !important;
  column-gap: 16rem !important;
}

.col-gap-px{
  grid-column-gap: 1px !important;
  -webkit-column-gap: 1px !important;
  -moz-column-gap: 1px !important;
  column-gap: 1px !important;
}

.col-gap-2px{
  grid-column-gap: 2px !important;
  -webkit-column-gap: 2px !important;
  -moz-column-gap: 2px !important;
  column-gap: 2px !important;
}

.col-gap-3px{
  grid-column-gap: 3px !important;
  -webkit-column-gap: 3px !important;
  -moz-column-gap: 3px !important;
  column-gap: 3px !important;
}

.col-gap-5px{
  grid-column-gap: 5px !important;
  -webkit-column-gap: 5px !important;
  -moz-column-gap: 5px !important;
  column-gap: 5px !important;
}

.col-gap-10px{
  grid-column-gap: 10px !important;
  -webkit-column-gap: 10px !important;
  -moz-column-gap: 10px !important;
  column-gap: 10px !important;
}

.col-gap-15px{
  grid-column-gap: 15px !important;
  -webkit-column-gap: 15px !important;
  -moz-column-gap: 15px !important;
  column-gap: 15px !important;
}

.col-gap-20px{
  grid-column-gap: 20px !important;
  -webkit-column-gap: 20px !important;
  -moz-column-gap: 20px !important;
  column-gap: 20px !important;
}

.col-gap-25px{
  grid-column-gap: 25px !important;
  -webkit-column-gap: 25px !important;
  -moz-column-gap: 25px !important;
  column-gap: 25px !important;
}

.col-gap-30px{
  grid-column-gap: 30px !important;
  -webkit-column-gap: 30px !important;
  -moz-column-gap: 30px !important;
  column-gap: 30px !important;
}

.col-gap-36px{
  grid-column-gap: 36px !important;
  -webkit-column-gap: 36px !important;
  -moz-column-gap: 36px !important;
  column-gap: 36px !important;
}

.col-gap-50px{
  grid-column-gap: 50px !important;
  -webkit-column-gap: 50px !important;
  -moz-column-gap: 50px !important;
  column-gap: 50px !important;
}

.col-gap-60px{
  grid-column-gap: 60px !important;
  -webkit-column-gap: 60px !important;
  -moz-column-gap: 60px !important;
  column-gap: 60px !important;
}

.col-gap-120px{
  grid-column-gap: 120px !important;
  -webkit-column-gap: 120px !important;
  -moz-column-gap: 120px !important;
  column-gap: 120px !important;
}

.gap-x-0{
  grid-column-gap: 0 !important;
  -webkit-column-gap: 0 !important;
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}

.gap-x-1{
  grid-column-gap: 0.25rem !important;
  -webkit-column-gap: 0.25rem !important;
  -moz-column-gap: 0.25rem !important;
  column-gap: 0.25rem !important;
}

.gap-x-2{
  grid-column-gap: 0.5rem !important;
  -webkit-column-gap: 0.5rem !important;
  -moz-column-gap: 0.5rem !important;
  column-gap: 0.5rem !important;
}

.gap-x-3{
  grid-column-gap: 0.75rem !important;
  -webkit-column-gap: 0.75rem !important;
  -moz-column-gap: 0.75rem !important;
  column-gap: 0.75rem !important;
}

.gap-x-4{
  grid-column-gap: 1rem !important;
  -webkit-column-gap: 1rem !important;
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}

.gap-x-5{
  grid-column-gap: 1.25rem !important;
  -webkit-column-gap: 1.25rem !important;
  -moz-column-gap: 1.25rem !important;
  column-gap: 1.25rem !important;
}

.gap-x-6{
  grid-column-gap: 1.5rem !important;
  -webkit-column-gap: 1.5rem !important;
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}

.gap-x-8{
  grid-column-gap: 2rem !important;
  -webkit-column-gap: 2rem !important;
  -moz-column-gap: 2rem !important;
  column-gap: 2rem !important;
}

.gap-x-10{
  grid-column-gap: 2.5rem !important;
  -webkit-column-gap: 2.5rem !important;
  -moz-column-gap: 2.5rem !important;
  column-gap: 2.5rem !important;
}

.gap-x-12{
  grid-column-gap: 3rem !important;
  -webkit-column-gap: 3rem !important;
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}

.gap-x-16{
  grid-column-gap: 4rem !important;
  -webkit-column-gap: 4rem !important;
  -moz-column-gap: 4rem !important;
  column-gap: 4rem !important;
}

.gap-x-20{
  grid-column-gap: 5rem !important;
  -webkit-column-gap: 5rem !important;
  -moz-column-gap: 5rem !important;
  column-gap: 5rem !important;
}

.gap-x-24{
  grid-column-gap: 6rem !important;
  -webkit-column-gap: 6rem !important;
  -moz-column-gap: 6rem !important;
  column-gap: 6rem !important;
}

.gap-x-28{
  grid-column-gap: 7rem !important;
  -webkit-column-gap: 7rem !important;
  -moz-column-gap: 7rem !important;
  column-gap: 7rem !important;
}

.gap-x-32{
  grid-column-gap: 8rem !important;
  -webkit-column-gap: 8rem !important;
  -moz-column-gap: 8rem !important;
  column-gap: 8rem !important;
}

.gap-x-40{
  grid-column-gap: 10rem !important;
  -webkit-column-gap: 10rem !important;
  -moz-column-gap: 10rem !important;
  column-gap: 10rem !important;
}

.gap-x-48{
  grid-column-gap: 12rem !important;
  -webkit-column-gap: 12rem !important;
  -moz-column-gap: 12rem !important;
  column-gap: 12rem !important;
}

.gap-x-56{
  grid-column-gap: 14rem !important;
  -webkit-column-gap: 14rem !important;
  -moz-column-gap: 14rem !important;
  column-gap: 14rem !important;
}

.gap-x-64{
  grid-column-gap: 16rem !important;
  -webkit-column-gap: 16rem !important;
  -moz-column-gap: 16rem !important;
  column-gap: 16rem !important;
}

.gap-x-px{
  grid-column-gap: 1px !important;
  -webkit-column-gap: 1px !important;
  -moz-column-gap: 1px !important;
  column-gap: 1px !important;
}

.gap-x-2px{
  grid-column-gap: 2px !important;
  -webkit-column-gap: 2px !important;
  -moz-column-gap: 2px !important;
  column-gap: 2px !important;
}

.gap-x-3px{
  grid-column-gap: 3px !important;
  -webkit-column-gap: 3px !important;
  -moz-column-gap: 3px !important;
  column-gap: 3px !important;
}

.gap-x-5px{
  grid-column-gap: 5px !important;
  -webkit-column-gap: 5px !important;
  -moz-column-gap: 5px !important;
  column-gap: 5px !important;
}

.gap-x-10px{
  grid-column-gap: 10px !important;
  -webkit-column-gap: 10px !important;
  -moz-column-gap: 10px !important;
  column-gap: 10px !important;
}

.gap-x-15px{
  grid-column-gap: 15px !important;
  -webkit-column-gap: 15px !important;
  -moz-column-gap: 15px !important;
  column-gap: 15px !important;
}

.gap-x-20px{
  grid-column-gap: 20px !important;
  -webkit-column-gap: 20px !important;
  -moz-column-gap: 20px !important;
  column-gap: 20px !important;
}

.gap-x-25px{
  grid-column-gap: 25px !important;
  -webkit-column-gap: 25px !important;
  -moz-column-gap: 25px !important;
  column-gap: 25px !important;
}

.gap-x-30px{
  grid-column-gap: 30px !important;
  -webkit-column-gap: 30px !important;
  -moz-column-gap: 30px !important;
  column-gap: 30px !important;
}

.gap-x-36px{
  grid-column-gap: 36px !important;
  -webkit-column-gap: 36px !important;
  -moz-column-gap: 36px !important;
  column-gap: 36px !important;
}

.gap-x-50px{
  grid-column-gap: 50px !important;
  -webkit-column-gap: 50px !important;
  -moz-column-gap: 50px !important;
  column-gap: 50px !important;
}

.gap-x-60px{
  grid-column-gap: 60px !important;
  -webkit-column-gap: 60px !important;
  -moz-column-gap: 60px !important;
  column-gap: 60px !important;
}

.gap-x-120px{
  grid-column-gap: 120px !important;
  -webkit-column-gap: 120px !important;
  -moz-column-gap: 120px !important;
  column-gap: 120px !important;
}

.row-gap-0{
  grid-row-gap: 0 !important;
  row-gap: 0 !important;
}

.row-gap-1{
  grid-row-gap: 0.25rem !important;
  row-gap: 0.25rem !important;
}

.row-gap-2{
  grid-row-gap: 0.5rem !important;
  row-gap: 0.5rem !important;
}

.row-gap-3{
  grid-row-gap: 0.75rem !important;
  row-gap: 0.75rem !important;
}

.row-gap-4{
  grid-row-gap: 1rem !important;
  row-gap: 1rem !important;
}

.row-gap-5{
  grid-row-gap: 1.25rem !important;
  row-gap: 1.25rem !important;
}

.row-gap-6{
  grid-row-gap: 1.5rem !important;
  row-gap: 1.5rem !important;
}

.row-gap-8{
  grid-row-gap: 2rem !important;
  row-gap: 2rem !important;
}

.row-gap-10{
  grid-row-gap: 2.5rem !important;
  row-gap: 2.5rem !important;
}

.row-gap-12{
  grid-row-gap: 3rem !important;
  row-gap: 3rem !important;
}

.row-gap-16{
  grid-row-gap: 4rem !important;
  row-gap: 4rem !important;
}

.row-gap-20{
  grid-row-gap: 5rem !important;
  row-gap: 5rem !important;
}

.row-gap-24{
  grid-row-gap: 6rem !important;
  row-gap: 6rem !important;
}

.row-gap-28{
  grid-row-gap: 7rem !important;
  row-gap: 7rem !important;
}

.row-gap-32{
  grid-row-gap: 8rem !important;
  row-gap: 8rem !important;
}

.row-gap-40{
  grid-row-gap: 10rem !important;
  row-gap: 10rem !important;
}

.row-gap-48{
  grid-row-gap: 12rem !important;
  row-gap: 12rem !important;
}

.row-gap-56{
  grid-row-gap: 14rem !important;
  row-gap: 14rem !important;
}

.row-gap-64{
  grid-row-gap: 16rem !important;
  row-gap: 16rem !important;
}

.row-gap-px{
  grid-row-gap: 1px !important;
  row-gap: 1px !important;
}

.row-gap-2px{
  grid-row-gap: 2px !important;
  row-gap: 2px !important;
}

.row-gap-3px{
  grid-row-gap: 3px !important;
  row-gap: 3px !important;
}

.row-gap-5px{
  grid-row-gap: 5px !important;
  row-gap: 5px !important;
}

.row-gap-10px{
  grid-row-gap: 10px !important;
  row-gap: 10px !important;
}

.row-gap-15px{
  grid-row-gap: 15px !important;
  row-gap: 15px !important;
}

.row-gap-20px{
  grid-row-gap: 20px !important;
  row-gap: 20px !important;
}

.row-gap-25px{
  grid-row-gap: 25px !important;
  row-gap: 25px !important;
}

.row-gap-30px{
  grid-row-gap: 30px !important;
  row-gap: 30px !important;
}

.row-gap-36px{
  grid-row-gap: 36px !important;
  row-gap: 36px !important;
}

.row-gap-50px{
  grid-row-gap: 50px !important;
  row-gap: 50px !important;
}

.row-gap-60px{
  grid-row-gap: 60px !important;
  row-gap: 60px !important;
}

.row-gap-120px{
  grid-row-gap: 120px !important;
  row-gap: 120px !important;
}

.gap-y-0{
  grid-row-gap: 0 !important;
  row-gap: 0 !important;
}

.gap-y-1{
  grid-row-gap: 0.25rem !important;
  row-gap: 0.25rem !important;
}

.gap-y-2{
  grid-row-gap: 0.5rem !important;
  row-gap: 0.5rem !important;
}

.gap-y-3{
  grid-row-gap: 0.75rem !important;
  row-gap: 0.75rem !important;
}

.gap-y-4{
  grid-row-gap: 1rem !important;
  row-gap: 1rem !important;
}

.gap-y-5{
  grid-row-gap: 1.25rem !important;
  row-gap: 1.25rem !important;
}

.gap-y-6{
  grid-row-gap: 1.5rem !important;
  row-gap: 1.5rem !important;
}

.gap-y-8{
  grid-row-gap: 2rem !important;
  row-gap: 2rem !important;
}

.gap-y-10{
  grid-row-gap: 2.5rem !important;
  row-gap: 2.5rem !important;
}

.gap-y-12{
  grid-row-gap: 3rem !important;
  row-gap: 3rem !important;
}

.gap-y-16{
  grid-row-gap: 4rem !important;
  row-gap: 4rem !important;
}

.gap-y-20{
  grid-row-gap: 5rem !important;
  row-gap: 5rem !important;
}

.gap-y-24{
  grid-row-gap: 6rem !important;
  row-gap: 6rem !important;
}

.gap-y-28{
  grid-row-gap: 7rem !important;
  row-gap: 7rem !important;
}

.gap-y-32{
  grid-row-gap: 8rem !important;
  row-gap: 8rem !important;
}

.gap-y-40{
  grid-row-gap: 10rem !important;
  row-gap: 10rem !important;
}

.gap-y-48{
  grid-row-gap: 12rem !important;
  row-gap: 12rem !important;
}

.gap-y-56{
  grid-row-gap: 14rem !important;
  row-gap: 14rem !important;
}

.gap-y-64{
  grid-row-gap: 16rem !important;
  row-gap: 16rem !important;
}

.gap-y-px{
  grid-row-gap: 1px !important;
  row-gap: 1px !important;
}

.gap-y-2px{
  grid-row-gap: 2px !important;
  row-gap: 2px !important;
}

.gap-y-3px{
  grid-row-gap: 3px !important;
  row-gap: 3px !important;
}

.gap-y-5px{
  grid-row-gap: 5px !important;
  row-gap: 5px !important;
}

.gap-y-10px{
  grid-row-gap: 10px !important;
  row-gap: 10px !important;
}

.gap-y-15px{
  grid-row-gap: 15px !important;
  row-gap: 15px !important;
}

.gap-y-20px{
  grid-row-gap: 20px !important;
  row-gap: 20px !important;
}

.gap-y-25px{
  grid-row-gap: 25px !important;
  row-gap: 25px !important;
}

.gap-y-30px{
  grid-row-gap: 30px !important;
  row-gap: 30px !important;
}

.gap-y-36px{
  grid-row-gap: 36px !important;
  row-gap: 36px !important;
}

.gap-y-50px{
  grid-row-gap: 50px !important;
  row-gap: 50px !important;
}

.gap-y-60px{
  grid-row-gap: 60px !important;
  row-gap: 60px !important;
}

.gap-y-120px{
  grid-row-gap: 120px !important;
  row-gap: 120px !important;
}

.grid-flow-row{
  grid-auto-flow: row !important;
}

.grid-flow-col{
  grid-auto-flow: column !important;
}

.grid-flow-row-dense{
  grid-auto-flow: row dense !important;
}

.grid-flow-col-dense{
  grid-auto-flow: column dense !important;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}

.grid-cols-8{
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}

.grid-cols-9{
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}

.grid-cols-10{
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}

.grid-cols-11{
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}

.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

.grid-cols-none{
  grid-template-columns: none !important;
}

.grid-cols-half-col{
  grid-template-columns: repeat(2, 1fr); !important;
}

.grid-cols-mix-col{
  grid-template-columns: calc(40% - 30px) 60% !important;
}

.grid-cols-mixInfo-col{
  grid-template-columns: calc(40% - 30px) calc(60% - 30px) !important;
}

.auto-cols-auto{
  grid-auto-columns: auto !important;
}

.auto-cols-min{
  grid-auto-columns: -webkit-min-content !important;
  grid-auto-columns: min-content !important;
}

.auto-cols-max{
  grid-auto-columns: -webkit-max-content !important;
  grid-auto-columns: max-content !important;
}

.auto-cols-fr{
  grid-auto-columns: minmax(0, 1fr) !important;
}

.col-auto{
  grid-column: auto !important;
}

.col-span-1{
  grid-column: span 1 / span 1 !important;
}

.col-span-2{
  grid-column: span 2 / span 2 !important;
}

.col-span-3{
  grid-column: span 3 / span 3 !important;
}

.col-span-4{
  grid-column: span 4 / span 4 !important;
}

.col-span-5{
  grid-column: span 5 / span 5 !important;
}

.col-span-6{
  grid-column: span 6 / span 6 !important;
}

.col-span-7{
  grid-column: span 7 / span 7 !important;
}

.col-span-8{
  grid-column: span 8 / span 8 !important;
}

.col-span-9{
  grid-column: span 9 / span 9 !important;
}

.col-span-10{
  grid-column: span 10 / span 10 !important;
}

.col-span-11{
  grid-column: span 11 / span 11 !important;
}

.col-span-12{
  grid-column: span 12 / span 12 !important;
}

.col-span-full{
  grid-column: 1 / -1 !important;
}

.col-start-1{
  grid-column-start: 1 !important;
}

.col-start-2{
  grid-column-start: 2 !important;
}

.col-start-3{
  grid-column-start: 3 !important;
}

.col-start-4{
  grid-column-start: 4 !important;
}

.col-start-5{
  grid-column-start: 5 !important;
}

.col-start-6{
  grid-column-start: 6 !important;
}

.col-start-7{
  grid-column-start: 7 !important;
}

.col-start-8{
  grid-column-start: 8 !important;
}

.col-start-9{
  grid-column-start: 9 !important;
}

.col-start-10{
  grid-column-start: 10 !important;
}

.col-start-11{
  grid-column-start: 11 !important;
}

.col-start-12{
  grid-column-start: 12 !important;
}

.col-start-13{
  grid-column-start: 13 !important;
}

.col-start-auto{
  grid-column-start: auto !important;
}

.col-end-1{
  grid-column-end: 1 !important;
}

.col-end-2{
  grid-column-end: 2 !important;
}

.col-end-3{
  grid-column-end: 3 !important;
}

.col-end-4{
  grid-column-end: 4 !important;
}

.col-end-5{
  grid-column-end: 5 !important;
}

.col-end-6{
  grid-column-end: 6 !important;
}

.col-end-7{
  grid-column-end: 7 !important;
}

.col-end-8{
  grid-column-end: 8 !important;
}

.col-end-9{
  grid-column-end: 9 !important;
}

.col-end-10{
  grid-column-end: 10 !important;
}

.col-end-11{
  grid-column-end: 11 !important;
}

.col-end-12{
  grid-column-end: 12 !important;
}

.col-end-13{
  grid-column-end: 13 !important;
}

.col-end-auto{
  grid-column-end: auto !important;
}

.grid-rows-1{
  grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}

.grid-rows-2{
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}

.grid-rows-3{
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}

.grid-rows-4{
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}

.grid-rows-5{
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
}

.grid-rows-6{
  grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
}

.grid-rows-none{
  grid-template-rows: none !important;
}

.grid-rows-mix-row{
  grid-template-rows: minmax(100px, auto) auto !important;
}

.auto-rows-auto{
  grid-auto-rows: auto !important;
}

.auto-rows-min{
  grid-auto-rows: -webkit-min-content !important;
  grid-auto-rows: min-content !important;
}

.auto-rows-max{
  grid-auto-rows: -webkit-max-content !important;
  grid-auto-rows: max-content !important;
}

.auto-rows-fr{
  grid-auto-rows: minmax(0, 1fr) !important;
}

.row-auto{
  grid-row: auto !important;
}

.row-span-1{
  grid-row: span 1 / span 1 !important;
}

.row-span-2{
  grid-row: span 2 / span 2 !important;
}

.row-span-3{
  grid-row: span 3 / span 3 !important;
}

.row-span-4{
  grid-row: span 4 / span 4 !important;
}

.row-span-5{
  grid-row: span 5 / span 5 !important;
}

.row-span-6{
  grid-row: span 6 / span 6 !important;
}

.row-span-full{
  grid-row: 1 / -1 !important;
}

.row-start-1{
  grid-row-start: 1 !important;
}

.row-start-2{
  grid-row-start: 2 !important;
}

.row-start-3{
  grid-row-start: 3 !important;
}

.row-start-4{
  grid-row-start: 4 !important;
}

.row-start-5{
  grid-row-start: 5 !important;
}

.row-start-6{
  grid-row-start: 6 !important;
}

.row-start-7{
  grid-row-start: 7 !important;
}

.row-start-auto{
  grid-row-start: auto !important;
}

.row-end-1{
  grid-row-end: 1 !important;
}

.row-end-2{
  grid-row-end: 2 !important;
}

.row-end-3{
  grid-row-end: 3 !important;
}

.row-end-4{
  grid-row-end: 4 !important;
}

.row-end-5{
  grid-row-end: 5 !important;
}

.row-end-6{
  grid-row-end: 6 !important;
}

.row-end-7{
  grid-row-end: 7 !important;
}

.row-end-auto{
  grid-row-end: auto !important;
}

.transform{
  --transform-translate-x: 0 !important;
  --transform-translate-y: 0 !important;
  --transform-rotate: 0 !important;
  --transform-skew-x: 0 !important;
  --transform-skew-y: 0 !important;
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important;
  -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
}

.transform-none{
  -webkit-transform: none !important;
  transform: none !important;
}

.origin-center{
  -webkit-transform-origin: center !important;
  transform-origin: center !important;
}

.origin-top{
  -webkit-transform-origin: top !important;
  transform-origin: top !important;
}

.origin-top-right{
  -webkit-transform-origin: top right !important;
  transform-origin: top right !important;
}

.origin-right{
  -webkit-transform-origin: right !important;
  transform-origin: right !important;
}

.origin-bottom-right{
  -webkit-transform-origin: bottom right !important;
  transform-origin: bottom right !important;
}

.origin-bottom{
  -webkit-transform-origin: bottom !important;
  transform-origin: bottom !important;
}

.origin-bottom-left{
  -webkit-transform-origin: bottom left !important;
  transform-origin: bottom left !important;
}

.origin-left{
  -webkit-transform-origin: left !important;
  transform-origin: left !important;
}

.origin-top-left{
  -webkit-transform-origin: top left !important;
  transform-origin: top left !important;
}

.scale-0{
  --transform-scale-x: 0 !important;
  --transform-scale-y: 0 !important;
}

.scale-50{
  --transform-scale-x: .5 !important;
  --transform-scale-y: .5 !important;
}

.scale-75{
  --transform-scale-x: .75 !important;
  --transform-scale-y: .75 !important;
}

.scale-90{
  --transform-scale-x: .9 !important;
  --transform-scale-y: .9 !important;
}

.scale-95{
  --transform-scale-x: .95 !important;
  --transform-scale-y: .95 !important;
}

.scale-100{
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important;
}

.scale-105{
  --transform-scale-x: 1.05 !important;
  --transform-scale-y: 1.05 !important;
}

.scale-110{
  --transform-scale-x: 1.1 !important;
  --transform-scale-y: 1.1 !important;
}

.scale-125{
  --transform-scale-x: 1.25 !important;
  --transform-scale-y: 1.25 !important;
}

.scale-150{
  --transform-scale-x: 1.5 !important;
  --transform-scale-y: 1.5 !important;
}

.scale-x-0{
  --transform-scale-x: 0 !important;
}

.scale-x-50{
  --transform-scale-x: .5 !important;
}

.scale-x-75{
  --transform-scale-x: .75 !important;
}

.scale-x-90{
  --transform-scale-x: .9 !important;
}

.scale-x-95{
  --transform-scale-x: .95 !important;
}

.scale-x-100{
  --transform-scale-x: 1 !important;
}

.scale-x-105{
  --transform-scale-x: 1.05 !important;
}

.scale-x-110{
  --transform-scale-x: 1.1 !important;
}

.scale-x-125{
  --transform-scale-x: 1.25 !important;
}

.scale-x-150{
  --transform-scale-x: 1.5 !important;
}

.scale-y-0{
  --transform-scale-y: 0 !important;
}

.scale-y-50{
  --transform-scale-y: .5 !important;
}

.scale-y-75{
  --transform-scale-y: .75 !important;
}

.scale-y-90{
  --transform-scale-y: .9 !important;
}

.scale-y-95{
  --transform-scale-y: .95 !important;
}

.scale-y-100{
  --transform-scale-y: 1 !important;
}

.scale-y-105{
  --transform-scale-y: 1.05 !important;
}

.scale-y-110{
  --transform-scale-y: 1.1 !important;
}

.scale-y-125{
  --transform-scale-y: 1.25 !important;
}

.scale-y-150{
  --transform-scale-y: 1.5 !important;
}

.hover\:scale-0:hover{
  --transform-scale-x: 0 !important;
  --transform-scale-y: 0 !important;
}

.hover\:scale-50:hover{
  --transform-scale-x: .5 !important;
  --transform-scale-y: .5 !important;
}

.hover\:scale-75:hover{
  --transform-scale-x: .75 !important;
  --transform-scale-y: .75 !important;
}

.hover\:scale-90:hover{
  --transform-scale-x: .9 !important;
  --transform-scale-y: .9 !important;
}

.hover\:scale-95:hover{
  --transform-scale-x: .95 !important;
  --transform-scale-y: .95 !important;
}

.hover\:scale-100:hover{
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important;
}

.hover\:scale-105:hover{
  --transform-scale-x: 1.05 !important;
  --transform-scale-y: 1.05 !important;
}

.hover\:scale-110:hover{
  --transform-scale-x: 1.1 !important;
  --transform-scale-y: 1.1 !important;
}

.hover\:scale-125:hover{
  --transform-scale-x: 1.25 !important;
  --transform-scale-y: 1.25 !important;
}

.hover\:scale-150:hover{
  --transform-scale-x: 1.5 !important;
  --transform-scale-y: 1.5 !important;
}

.hover\:scale-x-0:hover{
  --transform-scale-x: 0 !important;
}

.hover\:scale-x-50:hover{
  --transform-scale-x: .5 !important;
}

.hover\:scale-x-75:hover{
  --transform-scale-x: .75 !important;
}

.hover\:scale-x-90:hover{
  --transform-scale-x: .9 !important;
}

.hover\:scale-x-95:hover{
  --transform-scale-x: .95 !important;
}

.hover\:scale-x-100:hover{
  --transform-scale-x: 1 !important;
}

.hover\:scale-x-105:hover{
  --transform-scale-x: 1.05 !important;
}

.hover\:scale-x-110:hover{
  --transform-scale-x: 1.1 !important;
}

.hover\:scale-x-125:hover{
  --transform-scale-x: 1.25 !important;
}

.hover\:scale-x-150:hover{
  --transform-scale-x: 1.5 !important;
}

.hover\:scale-y-0:hover{
  --transform-scale-y: 0 !important;
}

.hover\:scale-y-50:hover{
  --transform-scale-y: .5 !important;
}

.hover\:scale-y-75:hover{
  --transform-scale-y: .75 !important;
}

.hover\:scale-y-90:hover{
  --transform-scale-y: .9 !important;
}

.hover\:scale-y-95:hover{
  --transform-scale-y: .95 !important;
}

.hover\:scale-y-100:hover{
  --transform-scale-y: 1 !important;
}

.hover\:scale-y-105:hover{
  --transform-scale-y: 1.05 !important;
}

.hover\:scale-y-110:hover{
  --transform-scale-y: 1.1 !important;
}

.hover\:scale-y-125:hover{
  --transform-scale-y: 1.25 !important;
}

.hover\:scale-y-150:hover{
  --transform-scale-y: 1.5 !important;
}

.focus\:scale-0:focus{
  --transform-scale-x: 0 !important;
  --transform-scale-y: 0 !important;
}

.focus\:scale-50:focus{
  --transform-scale-x: .5 !important;
  --transform-scale-y: .5 !important;
}

.focus\:scale-75:focus{
  --transform-scale-x: .75 !important;
  --transform-scale-y: .75 !important;
}

.focus\:scale-90:focus{
  --transform-scale-x: .9 !important;
  --transform-scale-y: .9 !important;
}

.focus\:scale-95:focus{
  --transform-scale-x: .95 !important;
  --transform-scale-y: .95 !important;
}

.focus\:scale-100:focus{
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important;
}

.focus\:scale-105:focus{
  --transform-scale-x: 1.05 !important;
  --transform-scale-y: 1.05 !important;
}

.focus\:scale-110:focus{
  --transform-scale-x: 1.1 !important;
  --transform-scale-y: 1.1 !important;
}

.focus\:scale-125:focus{
  --transform-scale-x: 1.25 !important;
  --transform-scale-y: 1.25 !important;
}

.focus\:scale-150:focus{
  --transform-scale-x: 1.5 !important;
  --transform-scale-y: 1.5 !important;
}

.focus\:scale-x-0:focus{
  --transform-scale-x: 0 !important;
}

.focus\:scale-x-50:focus{
  --transform-scale-x: .5 !important;
}

.focus\:scale-x-75:focus{
  --transform-scale-x: .75 !important;
}

.focus\:scale-x-90:focus{
  --transform-scale-x: .9 !important;
}

.focus\:scale-x-95:focus{
  --transform-scale-x: .95 !important;
}

.focus\:scale-x-100:focus{
  --transform-scale-x: 1 !important;
}

.focus\:scale-x-105:focus{
  --transform-scale-x: 1.05 !important;
}

.focus\:scale-x-110:focus{
  --transform-scale-x: 1.1 !important;
}

.focus\:scale-x-125:focus{
  --transform-scale-x: 1.25 !important;
}

.focus\:scale-x-150:focus{
  --transform-scale-x: 1.5 !important;
}

.focus\:scale-y-0:focus{
  --transform-scale-y: 0 !important;
}

.focus\:scale-y-50:focus{
  --transform-scale-y: .5 !important;
}

.focus\:scale-y-75:focus{
  --transform-scale-y: .75 !important;
}

.focus\:scale-y-90:focus{
  --transform-scale-y: .9 !important;
}

.focus\:scale-y-95:focus{
  --transform-scale-y: .95 !important;
}

.focus\:scale-y-100:focus{
  --transform-scale-y: 1 !important;
}

.focus\:scale-y-105:focus{
  --transform-scale-y: 1.05 !important;
}

.focus\:scale-y-110:focus{
  --transform-scale-y: 1.1 !important;
}

.focus\:scale-y-125:focus{
  --transform-scale-y: 1.25 !important;
}

.focus\:scale-y-150:focus{
  --transform-scale-y: 1.5 !important;
}

.rotate-0{
  --transform-rotate: 0 !important;
}

.rotate-1{
  --transform-rotate: 1deg !important;
}

.rotate-2{
  --transform-rotate: 2deg !important;
}

.rotate-3{
  --transform-rotate: 3deg !important;
}

.rotate-6{
  --transform-rotate: 6deg !important;
}

.rotate-12{
  --transform-rotate: 12deg !important;
}

.rotate-45{
  --transform-rotate: 45deg !important;
}

.rotate-90{
  --transform-rotate: 90deg !important;
}

.rotate-180{
  --transform-rotate: 180deg !important;
}

.-rotate-180{
  --transform-rotate: -180deg !important;
}

.-rotate-90{
  --transform-rotate: -90deg !important;
}

.-rotate-45{
  --transform-rotate: -45deg !important;
}

.-rotate-12{
  --transform-rotate: -12deg !important;
}

.-rotate-6{
  --transform-rotate: -6deg !important;
}

.-rotate-3{
  --transform-rotate: -3deg !important;
}

.-rotate-2{
  --transform-rotate: -2deg !important;
}

.-rotate-1{
  --transform-rotate: -1deg !important;
}

.hover\:rotate-0:hover{
  --transform-rotate: 0 !important;
}

.hover\:rotate-1:hover{
  --transform-rotate: 1deg !important;
}

.hover\:rotate-2:hover{
  --transform-rotate: 2deg !important;
}

.hover\:rotate-3:hover{
  --transform-rotate: 3deg !important;
}

.hover\:rotate-6:hover{
  --transform-rotate: 6deg !important;
}

.hover\:rotate-12:hover{
  --transform-rotate: 12deg !important;
}

.hover\:rotate-45:hover{
  --transform-rotate: 45deg !important;
}

.hover\:rotate-90:hover{
  --transform-rotate: 90deg !important;
}

.hover\:rotate-180:hover{
  --transform-rotate: 180deg !important;
}

.hover\:-rotate-180:hover{
  --transform-rotate: -180deg !important;
}

.hover\:-rotate-90:hover{
  --transform-rotate: -90deg !important;
}

.hover\:-rotate-45:hover{
  --transform-rotate: -45deg !important;
}

.hover\:-rotate-12:hover{
  --transform-rotate: -12deg !important;
}

.hover\:-rotate-6:hover{
  --transform-rotate: -6deg !important;
}

.hover\:-rotate-3:hover{
  --transform-rotate: -3deg !important;
}

.hover\:-rotate-2:hover{
  --transform-rotate: -2deg !important;
}

.hover\:-rotate-1:hover{
  --transform-rotate: -1deg !important;
}

.focus\:rotate-0:focus{
  --transform-rotate: 0 !important;
}

.focus\:rotate-1:focus{
  --transform-rotate: 1deg !important;
}

.focus\:rotate-2:focus{
  --transform-rotate: 2deg !important;
}

.focus\:rotate-3:focus{
  --transform-rotate: 3deg !important;
}

.focus\:rotate-6:focus{
  --transform-rotate: 6deg !important;
}

.focus\:rotate-12:focus{
  --transform-rotate: 12deg !important;
}

.focus\:rotate-45:focus{
  --transform-rotate: 45deg !important;
}

.focus\:rotate-90:focus{
  --transform-rotate: 90deg !important;
}

.focus\:rotate-180:focus{
  --transform-rotate: 180deg !important;
}

.focus\:-rotate-180:focus{
  --transform-rotate: -180deg !important;
}

.focus\:-rotate-90:focus{
  --transform-rotate: -90deg !important;
}

.focus\:-rotate-45:focus{
  --transform-rotate: -45deg !important;
}

.focus\:-rotate-12:focus{
  --transform-rotate: -12deg !important;
}

.focus\:-rotate-6:focus{
  --transform-rotate: -6deg !important;
}

.focus\:-rotate-3:focus{
  --transform-rotate: -3deg !important;
}

.focus\:-rotate-2:focus{
  --transform-rotate: -2deg !important;
}

.focus\:-rotate-1:focus{
  --transform-rotate: -1deg !important;
}

.translate-x-0{
  --transform-translate-x: 0 !important;
}

.translate-x-1{
  --transform-translate-x: 0.25rem !important;
}

.translate-x-2{
  --transform-translate-x: 0.5rem !important;
}

.translate-x-3{
  --transform-translate-x: 0.75rem !important;
}

.translate-x-4{
  --transform-translate-x: 1rem !important;
}

.translate-x-5{
  --transform-translate-x: 1.25rem !important;
}

.translate-x-6{
  --transform-translate-x: 1.5rem !important;
}

.translate-x-8{
  --transform-translate-x: 2rem !important;
}

.translate-x-10{
  --transform-translate-x: 2.5rem !important;
}

.translate-x-12{
  --transform-translate-x: 3rem !important;
}

.translate-x-16{
  --transform-translate-x: 4rem !important;
}

.translate-x-20{
  --transform-translate-x: 5rem !important;
}

.translate-x-24{
  --transform-translate-x: 6rem !important;
}

.translate-x-28{
  --transform-translate-x: 7rem !important;
}

.translate-x-32{
  --transform-translate-x: 8rem !important;
}

.translate-x-40{
  --transform-translate-x: 10rem !important;
}

.translate-x-48{
  --transform-translate-x: 12rem !important;
}

.translate-x-56{
  --transform-translate-x: 14rem !important;
}

.translate-x-64{
  --transform-translate-x: 16rem !important;
}

.translate-x-px{
  --transform-translate-x: 1px !important;
}

.translate-x-2px{
  --transform-translate-x: 2px !important;
}

.translate-x-3px{
  --transform-translate-x: 3px !important;
}

.translate-x-5px{
  --transform-translate-x: 5px !important;
}

.translate-x-10px{
  --transform-translate-x: 10px !important;
}

.translate-x-15px{
  --transform-translate-x: 15px !important;
}

.translate-x-20px{
  --transform-translate-x: 20px !important;
}

.translate-x-25px{
  --transform-translate-x: 25px !important;
}

.translate-x-30px{
  --transform-translate-x: 30px !important;
}

.translate-x-36px{
  --transform-translate-x: 36px !important;
}

.translate-x-50px{
  --transform-translate-x: 50px !important;
}

.translate-x-60px{
  --transform-translate-x: 60px !important;
}

.translate-x-120px{
  --transform-translate-x: 120px !important;
}

.-translate-x-1{
  --transform-translate-x: -0.25rem !important;
}

.-translate-x-2{
  --transform-translate-x: -0.5rem !important;
}

.-translate-x-3{
  --transform-translate-x: -0.75rem !important;
}

.-translate-x-4{
  --transform-translate-x: -1rem !important;
}

.-translate-x-5{
  --transform-translate-x: -1.25rem !important;
}

.-translate-x-6{
  --transform-translate-x: -1.5rem !important;
}

.-translate-x-8{
  --transform-translate-x: -2rem !important;
}

.-translate-x-10{
  --transform-translate-x: -2.5rem !important;
}

.-translate-x-12{
  --transform-translate-x: -3rem !important;
}

.-translate-x-16{
  --transform-translate-x: -4rem !important;
}

.-translate-x-20{
  --transform-translate-x: -5rem !important;
}

.-translate-x-24{
  --transform-translate-x: -6rem !important;
}

.-translate-x-28{
  --transform-translate-x: -7rem !important;
}

.-translate-x-32{
  --transform-translate-x: -8rem !important;
}

.-translate-x-40{
  --transform-translate-x: -10rem !important;
}

.-translate-x-48{
  --transform-translate-x: -12rem !important;
}

.-translate-x-56{
  --transform-translate-x: -14rem !important;
}

.-translate-x-64{
  --transform-translate-x: -16rem !important;
}

.-translate-x-px{
  --transform-translate-x: -1px !important;
}

.-translate-x-2px{
  --transform-translate-x: -2px !important;
}

.-translate-x-3px{
  --transform-translate-x: -3px !important;
}

.-translate-x-5px{
  --transform-translate-x: -5px !important;
}

.-translate-x-10px{
  --transform-translate-x: -10px !important;
}

.-translate-x-15px{
  --transform-translate-x: -15px !important;
}

.-translate-x-20px{
  --transform-translate-x: -20px !important;
}

.-translate-x-25px{
  --transform-translate-x: -25px !important;
}

.-translate-x-30px{
  --transform-translate-x: -30px !important;
}

.-translate-x-36px{
  --transform-translate-x: -36px !important;
}

.-translate-x-50px{
  --transform-translate-x: -50px !important;
}

.-translate-x-60px{
  --transform-translate-x: -60px !important;
}

.-translate-x-120px{
  --transform-translate-x: -120px !important;
}

.-translate-x-full{
  --transform-translate-x: -100% !important;
}

.-translate-x-1\/2{
  --transform-translate-x: -50% !important;
}

.translate-x-1\/2{
  --transform-translate-x: 50% !important;
}

.translate-x-full{
  --transform-translate-x: 100% !important;
}

.translate-y-0{
  --transform-translate-y: 0 !important;
}

.translate-y-1{
  --transform-translate-y: 0.25rem !important;
}

.translate-y-2{
  --transform-translate-y: 0.5rem !important;
}

.translate-y-3{
  --transform-translate-y: 0.75rem !important;
}

.translate-y-4{
  --transform-translate-y: 1rem !important;
}

.translate-y-5{
  --transform-translate-y: 1.25rem !important;
}

.translate-y-6{
  --transform-translate-y: 1.5rem !important;
}

.translate-y-8{
  --transform-translate-y: 2rem !important;
}

.translate-y-10{
  --transform-translate-y: 2.5rem !important;
}

.translate-y-12{
  --transform-translate-y: 3rem !important;
}

.translate-y-16{
  --transform-translate-y: 4rem !important;
}

.translate-y-20{
  --transform-translate-y: 5rem !important;
}

.translate-y-24{
  --transform-translate-y: 6rem !important;
}

.translate-y-28{
  --transform-translate-y: 7rem !important;
}

.translate-y-32{
  --transform-translate-y: 8rem !important;
}

.translate-y-40{
  --transform-translate-y: 10rem !important;
}

.translate-y-48{
  --transform-translate-y: 12rem !important;
}

.translate-y-56{
  --transform-translate-y: 14rem !important;
}

.translate-y-64{
  --transform-translate-y: 16rem !important;
}

.translate-y-px{
  --transform-translate-y: 1px !important;
}

.translate-y-2px{
  --transform-translate-y: 2px !important;
}

.translate-y-3px{
  --transform-translate-y: 3px !important;
}

.translate-y-5px{
  --transform-translate-y: 5px !important;
}

.translate-y-10px{
  --transform-translate-y: 10px !important;
}

.translate-y-15px{
  --transform-translate-y: 15px !important;
}

.translate-y-20px{
  --transform-translate-y: 20px !important;
}

.translate-y-25px{
  --transform-translate-y: 25px !important;
}

.translate-y-30px{
  --transform-translate-y: 30px !important;
}

.translate-y-36px{
  --transform-translate-y: 36px !important;
}

.translate-y-50px{
  --transform-translate-y: 50px !important;
}

.translate-y-60px{
  --transform-translate-y: 60px !important;
}

.translate-y-120px{
  --transform-translate-y: 120px !important;
}

.-translate-y-1{
  --transform-translate-y: -0.25rem !important;
}

.-translate-y-2{
  --transform-translate-y: -0.5rem !important;
}

.-translate-y-3{
  --transform-translate-y: -0.75rem !important;
}

.-translate-y-4{
  --transform-translate-y: -1rem !important;
}

.-translate-y-5{
  --transform-translate-y: -1.25rem !important;
}

.-translate-y-6{
  --transform-translate-y: -1.5rem !important;
}

.-translate-y-8{
  --transform-translate-y: -2rem !important;
}

.-translate-y-10{
  --transform-translate-y: -2.5rem !important;
}

.-translate-y-12{
  --transform-translate-y: -3rem !important;
}

.-translate-y-16{
  --transform-translate-y: -4rem !important;
}

.-translate-y-20{
  --transform-translate-y: -5rem !important;
}

.-translate-y-24{
  --transform-translate-y: -6rem !important;
}

.-translate-y-28{
  --transform-translate-y: -7rem !important;
}

.-translate-y-32{
  --transform-translate-y: -8rem !important;
}

.-translate-y-40{
  --transform-translate-y: -10rem !important;
}

.-translate-y-48{
  --transform-translate-y: -12rem !important;
}

.-translate-y-56{
  --transform-translate-y: -14rem !important;
}

.-translate-y-64{
  --transform-translate-y: -16rem !important;
}

.-translate-y-px{
  --transform-translate-y: -1px !important;
}

.-translate-y-2px{
  --transform-translate-y: -2px !important;
}

.-translate-y-3px{
  --transform-translate-y: -3px !important;
}

.-translate-y-5px{
  --transform-translate-y: -5px !important;
}

.-translate-y-10px{
  --transform-translate-y: -10px !important;
}

.-translate-y-15px{
  --transform-translate-y: -15px !important;
}

.-translate-y-20px{
  --transform-translate-y: -20px !important;
}

.-translate-y-25px{
  --transform-translate-y: -25px !important;
}

.-translate-y-30px{
  --transform-translate-y: -30px !important;
}

.-translate-y-36px{
  --transform-translate-y: -36px !important;
}

.-translate-y-50px{
  --transform-translate-y: -50px !important;
}

.-translate-y-60px{
  --transform-translate-y: -60px !important;
}

.-translate-y-120px{
  --transform-translate-y: -120px !important;
}

.-translate-y-full{
  --transform-translate-y: -100% !important;
}

.-translate-y-1\/2{
  --transform-translate-y: -50% !important;
}

.translate-y-1\/2{
  --transform-translate-y: 50% !important;
}

.translate-y-full{
  --transform-translate-y: 100% !important;
}

.hover\:translate-x-0:hover{
  --transform-translate-x: 0 !important;
}

.hover\:translate-x-1:hover{
  --transform-translate-x: 0.25rem !important;
}

.hover\:translate-x-2:hover{
  --transform-translate-x: 0.5rem !important;
}

.hover\:translate-x-3:hover{
  --transform-translate-x: 0.75rem !important;
}

.hover\:translate-x-4:hover{
  --transform-translate-x: 1rem !important;
}

.hover\:translate-x-5:hover{
  --transform-translate-x: 1.25rem !important;
}

.hover\:translate-x-6:hover{
  --transform-translate-x: 1.5rem !important;
}

.hover\:translate-x-8:hover{
  --transform-translate-x: 2rem !important;
}

.hover\:translate-x-10:hover{
  --transform-translate-x: 2.5rem !important;
}

.hover\:translate-x-12:hover{
  --transform-translate-x: 3rem !important;
}

.hover\:translate-x-16:hover{
  --transform-translate-x: 4rem !important;
}

.hover\:translate-x-20:hover{
  --transform-translate-x: 5rem !important;
}

.hover\:translate-x-24:hover{
  --transform-translate-x: 6rem !important;
}

.hover\:translate-x-28:hover{
  --transform-translate-x: 7rem !important;
}

.hover\:translate-x-32:hover{
  --transform-translate-x: 8rem !important;
}

.hover\:translate-x-40:hover{
  --transform-translate-x: 10rem !important;
}

.hover\:translate-x-48:hover{
  --transform-translate-x: 12rem !important;
}

.hover\:translate-x-56:hover{
  --transform-translate-x: 14rem !important;
}

.hover\:translate-x-64:hover{
  --transform-translate-x: 16rem !important;
}

.hover\:translate-x-px:hover{
  --transform-translate-x: 1px !important;
}

.hover\:translate-x-2px:hover{
  --transform-translate-x: 2px !important;
}

.hover\:translate-x-3px:hover{
  --transform-translate-x: 3px !important;
}

.hover\:translate-x-5px:hover{
  --transform-translate-x: 5px !important;
}

.hover\:translate-x-10px:hover{
  --transform-translate-x: 10px !important;
}

.hover\:translate-x-15px:hover{
  --transform-translate-x: 15px !important;
}

.hover\:translate-x-20px:hover{
  --transform-translate-x: 20px !important;
}

.hover\:translate-x-25px:hover{
  --transform-translate-x: 25px !important;
}

.hover\:translate-x-30px:hover{
  --transform-translate-x: 30px !important;
}

.hover\:translate-x-36px:hover{
  --transform-translate-x: 36px !important;
}

.hover\:translate-x-50px:hover{
  --transform-translate-x: 50px !important;
}

.hover\:translate-x-60px:hover{
  --transform-translate-x: 60px !important;
}

.hover\:translate-x-120px:hover{
  --transform-translate-x: 120px !important;
}

.hover\:-translate-x-1:hover{
  --transform-translate-x: -0.25rem !important;
}

.hover\:-translate-x-2:hover{
  --transform-translate-x: -0.5rem !important;
}

.hover\:-translate-x-3:hover{
  --transform-translate-x: -0.75rem !important;
}

.hover\:-translate-x-4:hover{
  --transform-translate-x: -1rem !important;
}

.hover\:-translate-x-5:hover{
  --transform-translate-x: -1.25rem !important;
}

.hover\:-translate-x-6:hover{
  --transform-translate-x: -1.5rem !important;
}

.hover\:-translate-x-8:hover{
  --transform-translate-x: -2rem !important;
}

.hover\:-translate-x-10:hover{
  --transform-translate-x: -2.5rem !important;
}

.hover\:-translate-x-12:hover{
  --transform-translate-x: -3rem !important;
}

.hover\:-translate-x-16:hover{
  --transform-translate-x: -4rem !important;
}

.hover\:-translate-x-20:hover{
  --transform-translate-x: -5rem !important;
}

.hover\:-translate-x-24:hover{
  --transform-translate-x: -6rem !important;
}

.hover\:-translate-x-28:hover{
  --transform-translate-x: -7rem !important;
}

.hover\:-translate-x-32:hover{
  --transform-translate-x: -8rem !important;
}

.hover\:-translate-x-40:hover{
  --transform-translate-x: -10rem !important;
}

.hover\:-translate-x-48:hover{
  --transform-translate-x: -12rem !important;
}

.hover\:-translate-x-56:hover{
  --transform-translate-x: -14rem !important;
}

.hover\:-translate-x-64:hover{
  --transform-translate-x: -16rem !important;
}

.hover\:-translate-x-px:hover{
  --transform-translate-x: -1px !important;
}

.hover\:-translate-x-2px:hover{
  --transform-translate-x: -2px !important;
}

.hover\:-translate-x-3px:hover{
  --transform-translate-x: -3px !important;
}

.hover\:-translate-x-5px:hover{
  --transform-translate-x: -5px !important;
}

.hover\:-translate-x-10px:hover{
  --transform-translate-x: -10px !important;
}

.hover\:-translate-x-15px:hover{
  --transform-translate-x: -15px !important;
}

.hover\:-translate-x-20px:hover{
  --transform-translate-x: -20px !important;
}

.hover\:-translate-x-25px:hover{
  --transform-translate-x: -25px !important;
}

.hover\:-translate-x-30px:hover{
  --transform-translate-x: -30px !important;
}

.hover\:-translate-x-36px:hover{
  --transform-translate-x: -36px !important;
}

.hover\:-translate-x-50px:hover{
  --transform-translate-x: -50px !important;
}

.hover\:-translate-x-60px:hover{
  --transform-translate-x: -60px !important;
}

.hover\:-translate-x-120px:hover{
  --transform-translate-x: -120px !important;
}

.hover\:-translate-x-full:hover{
  --transform-translate-x: -100% !important;
}

.hover\:-translate-x-1\/2:hover{
  --transform-translate-x: -50% !important;
}

.hover\:translate-x-1\/2:hover{
  --transform-translate-x: 50% !important;
}

.hover\:translate-x-full:hover{
  --transform-translate-x: 100% !important;
}

.hover\:translate-y-0:hover{
  --transform-translate-y: 0 !important;
}

.hover\:translate-y-1:hover{
  --transform-translate-y: 0.25rem !important;
}

.hover\:translate-y-2:hover{
  --transform-translate-y: 0.5rem !important;
}

.hover\:translate-y-3:hover{
  --transform-translate-y: 0.75rem !important;
}

.hover\:translate-y-4:hover{
  --transform-translate-y: 1rem !important;
}

.hover\:translate-y-5:hover{
  --transform-translate-y: 1.25rem !important;
}

.hover\:translate-y-6:hover{
  --transform-translate-y: 1.5rem !important;
}

.hover\:translate-y-8:hover{
  --transform-translate-y: 2rem !important;
}

.hover\:translate-y-10:hover{
  --transform-translate-y: 2.5rem !important;
}

.hover\:translate-y-12:hover{
  --transform-translate-y: 3rem !important;
}

.hover\:translate-y-16:hover{
  --transform-translate-y: 4rem !important;
}

.hover\:translate-y-20:hover{
  --transform-translate-y: 5rem !important;
}

.hover\:translate-y-24:hover{
  --transform-translate-y: 6rem !important;
}

.hover\:translate-y-28:hover{
  --transform-translate-y: 7rem !important;
}

.hover\:translate-y-32:hover{
  --transform-translate-y: 8rem !important;
}

.hover\:translate-y-40:hover{
  --transform-translate-y: 10rem !important;
}

.hover\:translate-y-48:hover{
  --transform-translate-y: 12rem !important;
}

.hover\:translate-y-56:hover{
  --transform-translate-y: 14rem !important;
}

.hover\:translate-y-64:hover{
  --transform-translate-y: 16rem !important;
}

.hover\:translate-y-px:hover{
  --transform-translate-y: 1px !important;
}

.hover\:translate-y-2px:hover{
  --transform-translate-y: 2px !important;
}

.hover\:translate-y-3px:hover{
  --transform-translate-y: 3px !important;
}

.hover\:translate-y-5px:hover{
  --transform-translate-y: 5px !important;
}

.hover\:translate-y-10px:hover{
  --transform-translate-y: 10px !important;
}

.hover\:translate-y-15px:hover{
  --transform-translate-y: 15px !important;
}

.hover\:translate-y-20px:hover{
  --transform-translate-y: 20px !important;
}

.hover\:translate-y-25px:hover{
  --transform-translate-y: 25px !important;
}

.hover\:translate-y-30px:hover{
  --transform-translate-y: 30px !important;
}

.hover\:translate-y-36px:hover{
  --transform-translate-y: 36px !important;
}

.hover\:translate-y-50px:hover{
  --transform-translate-y: 50px !important;
}

.hover\:translate-y-60px:hover{
  --transform-translate-y: 60px !important;
}

.hover\:translate-y-120px:hover{
  --transform-translate-y: 120px !important;
}

.hover\:-translate-y-1:hover{
  --transform-translate-y: -0.25rem !important;
}

.hover\:-translate-y-2:hover{
  --transform-translate-y: -0.5rem !important;
}

.hover\:-translate-y-3:hover{
  --transform-translate-y: -0.75rem !important;
}

.hover\:-translate-y-4:hover{
  --transform-translate-y: -1rem !important;
}

.hover\:-translate-y-5:hover{
  --transform-translate-y: -1.25rem !important;
}

.hover\:-translate-y-6:hover{
  --transform-translate-y: -1.5rem !important;
}

.hover\:-translate-y-8:hover{
  --transform-translate-y: -2rem !important;
}

.hover\:-translate-y-10:hover{
  --transform-translate-y: -2.5rem !important;
}

.hover\:-translate-y-12:hover{
  --transform-translate-y: -3rem !important;
}

.hover\:-translate-y-16:hover{
  --transform-translate-y: -4rem !important;
}

.hover\:-translate-y-20:hover{
  --transform-translate-y: -5rem !important;
}

.hover\:-translate-y-24:hover{
  --transform-translate-y: -6rem !important;
}

.hover\:-translate-y-28:hover{
  --transform-translate-y: -7rem !important;
}

.hover\:-translate-y-32:hover{
  --transform-translate-y: -8rem !important;
}

.hover\:-translate-y-40:hover{
  --transform-translate-y: -10rem !important;
}

.hover\:-translate-y-48:hover{
  --transform-translate-y: -12rem !important;
}

.hover\:-translate-y-56:hover{
  --transform-translate-y: -14rem !important;
}

.hover\:-translate-y-64:hover{
  --transform-translate-y: -16rem !important;
}

.hover\:-translate-y-px:hover{
  --transform-translate-y: -1px !important;
}

.hover\:-translate-y-2px:hover{
  --transform-translate-y: -2px !important;
}

.hover\:-translate-y-3px:hover{
  --transform-translate-y: -3px !important;
}

.hover\:-translate-y-5px:hover{
  --transform-translate-y: -5px !important;
}

.hover\:-translate-y-10px:hover{
  --transform-translate-y: -10px !important;
}

.hover\:-translate-y-15px:hover{
  --transform-translate-y: -15px !important;
}

.hover\:-translate-y-20px:hover{
  --transform-translate-y: -20px !important;
}

.hover\:-translate-y-25px:hover{
  --transform-translate-y: -25px !important;
}

.hover\:-translate-y-30px:hover{
  --transform-translate-y: -30px !important;
}

.hover\:-translate-y-36px:hover{
  --transform-translate-y: -36px !important;
}

.hover\:-translate-y-50px:hover{
  --transform-translate-y: -50px !important;
}

.hover\:-translate-y-60px:hover{
  --transform-translate-y: -60px !important;
}

.hover\:-translate-y-120px:hover{
  --transform-translate-y: -120px !important;
}

.hover\:-translate-y-full:hover{
  --transform-translate-y: -100% !important;
}

.hover\:-translate-y-1\/2:hover{
  --transform-translate-y: -50% !important;
}

.hover\:translate-y-1\/2:hover{
  --transform-translate-y: 50% !important;
}

.hover\:translate-y-full:hover{
  --transform-translate-y: 100% !important;
}

.focus\:translate-x-0:focus{
  --transform-translate-x: 0 !important;
}

.focus\:translate-x-1:focus{
  --transform-translate-x: 0.25rem !important;
}

.focus\:translate-x-2:focus{
  --transform-translate-x: 0.5rem !important;
}

.focus\:translate-x-3:focus{
  --transform-translate-x: 0.75rem !important;
}

.focus\:translate-x-4:focus{
  --transform-translate-x: 1rem !important;
}

.focus\:translate-x-5:focus{
  --transform-translate-x: 1.25rem !important;
}

.focus\:translate-x-6:focus{
  --transform-translate-x: 1.5rem !important;
}

.focus\:translate-x-8:focus{
  --transform-translate-x: 2rem !important;
}

.focus\:translate-x-10:focus{
  --transform-translate-x: 2.5rem !important;
}

.focus\:translate-x-12:focus{
  --transform-translate-x: 3rem !important;
}

.focus\:translate-x-16:focus{
  --transform-translate-x: 4rem !important;
}

.focus\:translate-x-20:focus{
  --transform-translate-x: 5rem !important;
}

.focus\:translate-x-24:focus{
  --transform-translate-x: 6rem !important;
}

.focus\:translate-x-28:focus{
  --transform-translate-x: 7rem !important;
}

.focus\:translate-x-32:focus{
  --transform-translate-x: 8rem !important;
}

.focus\:translate-x-40:focus{
  --transform-translate-x: 10rem !important;
}

.focus\:translate-x-48:focus{
  --transform-translate-x: 12rem !important;
}

.focus\:translate-x-56:focus{
  --transform-translate-x: 14rem !important;
}

.focus\:translate-x-64:focus{
  --transform-translate-x: 16rem !important;
}

.focus\:translate-x-px:focus{
  --transform-translate-x: 1px !important;
}

.focus\:translate-x-2px:focus{
  --transform-translate-x: 2px !important;
}

.focus\:translate-x-3px:focus{
  --transform-translate-x: 3px !important;
}

.focus\:translate-x-5px:focus{
  --transform-translate-x: 5px !important;
}

.focus\:translate-x-10px:focus{
  --transform-translate-x: 10px !important;
}

.focus\:translate-x-15px:focus{
  --transform-translate-x: 15px !important;
}

.focus\:translate-x-20px:focus{
  --transform-translate-x: 20px !important;
}

.focus\:translate-x-25px:focus{
  --transform-translate-x: 25px !important;
}

.focus\:translate-x-30px:focus{
  --transform-translate-x: 30px !important;
}

.focus\:translate-x-36px:focus{
  --transform-translate-x: 36px !important;
}

.focus\:translate-x-50px:focus{
  --transform-translate-x: 50px !important;
}

.focus\:translate-x-60px:focus{
  --transform-translate-x: 60px !important;
}

.focus\:translate-x-120px:focus{
  --transform-translate-x: 120px !important;
}

.focus\:-translate-x-1:focus{
  --transform-translate-x: -0.25rem !important;
}

.focus\:-translate-x-2:focus{
  --transform-translate-x: -0.5rem !important;
}

.focus\:-translate-x-3:focus{
  --transform-translate-x: -0.75rem !important;
}

.focus\:-translate-x-4:focus{
  --transform-translate-x: -1rem !important;
}

.focus\:-translate-x-5:focus{
  --transform-translate-x: -1.25rem !important;
}

.focus\:-translate-x-6:focus{
  --transform-translate-x: -1.5rem !important;
}

.focus\:-translate-x-8:focus{
  --transform-translate-x: -2rem !important;
}

.focus\:-translate-x-10:focus{
  --transform-translate-x: -2.5rem !important;
}

.focus\:-translate-x-12:focus{
  --transform-translate-x: -3rem !important;
}

.focus\:-translate-x-16:focus{
  --transform-translate-x: -4rem !important;
}

.focus\:-translate-x-20:focus{
  --transform-translate-x: -5rem !important;
}

.focus\:-translate-x-24:focus{
  --transform-translate-x: -6rem !important;
}

.focus\:-translate-x-28:focus{
  --transform-translate-x: -7rem !important;
}

.focus\:-translate-x-32:focus{
  --transform-translate-x: -8rem !important;
}

.focus\:-translate-x-40:focus{
  --transform-translate-x: -10rem !important;
}

.focus\:-translate-x-48:focus{
  --transform-translate-x: -12rem !important;
}

.focus\:-translate-x-56:focus{
  --transform-translate-x: -14rem !important;
}

.focus\:-translate-x-64:focus{
  --transform-translate-x: -16rem !important;
}

.focus\:-translate-x-px:focus{
  --transform-translate-x: -1px !important;
}

.focus\:-translate-x-2px:focus{
  --transform-translate-x: -2px !important;
}

.focus\:-translate-x-3px:focus{
  --transform-translate-x: -3px !important;
}

.focus\:-translate-x-5px:focus{
  --transform-translate-x: -5px !important;
}

.focus\:-translate-x-10px:focus{
  --transform-translate-x: -10px !important;
}

.focus\:-translate-x-15px:focus{
  --transform-translate-x: -15px !important;
}

.focus\:-translate-x-20px:focus{
  --transform-translate-x: -20px !important;
}

.focus\:-translate-x-25px:focus{
  --transform-translate-x: -25px !important;
}

.focus\:-translate-x-30px:focus{
  --transform-translate-x: -30px !important;
}

.focus\:-translate-x-36px:focus{
  --transform-translate-x: -36px !important;
}

.focus\:-translate-x-50px:focus{
  --transform-translate-x: -50px !important;
}

.focus\:-translate-x-60px:focus{
  --transform-translate-x: -60px !important;
}

.focus\:-translate-x-120px:focus{
  --transform-translate-x: -120px !important;
}

.focus\:-translate-x-full:focus{
  --transform-translate-x: -100% !important;
}

.focus\:-translate-x-1\/2:focus{
  --transform-translate-x: -50% !important;
}

.focus\:translate-x-1\/2:focus{
  --transform-translate-x: 50% !important;
}

.focus\:translate-x-full:focus{
  --transform-translate-x: 100% !important;
}

.focus\:translate-y-0:focus{
  --transform-translate-y: 0 !important;
}

.focus\:translate-y-1:focus{
  --transform-translate-y: 0.25rem !important;
}

.focus\:translate-y-2:focus{
  --transform-translate-y: 0.5rem !important;
}

.focus\:translate-y-3:focus{
  --transform-translate-y: 0.75rem !important;
}

.focus\:translate-y-4:focus{
  --transform-translate-y: 1rem !important;
}

.focus\:translate-y-5:focus{
  --transform-translate-y: 1.25rem !important;
}

.focus\:translate-y-6:focus{
  --transform-translate-y: 1.5rem !important;
}

.focus\:translate-y-8:focus{
  --transform-translate-y: 2rem !important;
}

.focus\:translate-y-10:focus{
  --transform-translate-y: 2.5rem !important;
}

.focus\:translate-y-12:focus{
  --transform-translate-y: 3rem !important;
}

.focus\:translate-y-16:focus{
  --transform-translate-y: 4rem !important;
}

.focus\:translate-y-20:focus{
  --transform-translate-y: 5rem !important;
}

.focus\:translate-y-24:focus{
  --transform-translate-y: 6rem !important;
}

.focus\:translate-y-28:focus{
  --transform-translate-y: 7rem !important;
}

.focus\:translate-y-32:focus{
  --transform-translate-y: 8rem !important;
}

.focus\:translate-y-40:focus{
  --transform-translate-y: 10rem !important;
}

.focus\:translate-y-48:focus{
  --transform-translate-y: 12rem !important;
}

.focus\:translate-y-56:focus{
  --transform-translate-y: 14rem !important;
}

.focus\:translate-y-64:focus{
  --transform-translate-y: 16rem !important;
}

.focus\:translate-y-px:focus{
  --transform-translate-y: 1px !important;
}

.focus\:translate-y-2px:focus{
  --transform-translate-y: 2px !important;
}

.focus\:translate-y-3px:focus{
  --transform-translate-y: 3px !important;
}

.focus\:translate-y-5px:focus{
  --transform-translate-y: 5px !important;
}

.focus\:translate-y-10px:focus{
  --transform-translate-y: 10px !important;
}

.focus\:translate-y-15px:focus{
  --transform-translate-y: 15px !important;
}

.focus\:translate-y-20px:focus{
  --transform-translate-y: 20px !important;
}

.focus\:translate-y-25px:focus{
  --transform-translate-y: 25px !important;
}

.focus\:translate-y-30px:focus{
  --transform-translate-y: 30px !important;
}

.focus\:translate-y-36px:focus{
  --transform-translate-y: 36px !important;
}

.focus\:translate-y-50px:focus{
  --transform-translate-y: 50px !important;
}

.focus\:translate-y-60px:focus{
  --transform-translate-y: 60px !important;
}

.focus\:translate-y-120px:focus{
  --transform-translate-y: 120px !important;
}

.focus\:-translate-y-1:focus{
  --transform-translate-y: -0.25rem !important;
}

.focus\:-translate-y-2:focus{
  --transform-translate-y: -0.5rem !important;
}

.focus\:-translate-y-3:focus{
  --transform-translate-y: -0.75rem !important;
}

.focus\:-translate-y-4:focus{
  --transform-translate-y: -1rem !important;
}

.focus\:-translate-y-5:focus{
  --transform-translate-y: -1.25rem !important;
}

.focus\:-translate-y-6:focus{
  --transform-translate-y: -1.5rem !important;
}

.focus\:-translate-y-8:focus{
  --transform-translate-y: -2rem !important;
}

.focus\:-translate-y-10:focus{
  --transform-translate-y: -2.5rem !important;
}

.focus\:-translate-y-12:focus{
  --transform-translate-y: -3rem !important;
}

.focus\:-translate-y-16:focus{
  --transform-translate-y: -4rem !important;
}

.focus\:-translate-y-20:focus{
  --transform-translate-y: -5rem !important;
}

.focus\:-translate-y-24:focus{
  --transform-translate-y: -6rem !important;
}

.focus\:-translate-y-28:focus{
  --transform-translate-y: -7rem !important;
}

.focus\:-translate-y-32:focus{
  --transform-translate-y: -8rem !important;
}

.focus\:-translate-y-40:focus{
  --transform-translate-y: -10rem !important;
}

.focus\:-translate-y-48:focus{
  --transform-translate-y: -12rem !important;
}

.focus\:-translate-y-56:focus{
  --transform-translate-y: -14rem !important;
}

.focus\:-translate-y-64:focus{
  --transform-translate-y: -16rem !important;
}

.focus\:-translate-y-px:focus{
  --transform-translate-y: -1px !important;
}

.focus\:-translate-y-2px:focus{
  --transform-translate-y: -2px !important;
}

.focus\:-translate-y-3px:focus{
  --transform-translate-y: -3px !important;
}

.focus\:-translate-y-5px:focus{
  --transform-translate-y: -5px !important;
}

.focus\:-translate-y-10px:focus{
  --transform-translate-y: -10px !important;
}

.focus\:-translate-y-15px:focus{
  --transform-translate-y: -15px !important;
}

.focus\:-translate-y-20px:focus{
  --transform-translate-y: -20px !important;
}

.focus\:-translate-y-25px:focus{
  --transform-translate-y: -25px !important;
}

.focus\:-translate-y-30px:focus{
  --transform-translate-y: -30px !important;
}

.focus\:-translate-y-36px:focus{
  --transform-translate-y: -36px !important;
}

.focus\:-translate-y-50px:focus{
  --transform-translate-y: -50px !important;
}

.focus\:-translate-y-60px:focus{
  --transform-translate-y: -60px !important;
}

.focus\:-translate-y-120px:focus{
  --transform-translate-y: -120px !important;
}

.focus\:-translate-y-full:focus{
  --transform-translate-y: -100% !important;
}

.focus\:-translate-y-1\/2:focus{
  --transform-translate-y: -50% !important;
}

.focus\:translate-y-1\/2:focus{
  --transform-translate-y: 50% !important;
}

.focus\:translate-y-full:focus{
  --transform-translate-y: 100% !important;
}

.skew-x-0{
  --transform-skew-x: 0 !important;
}

.skew-x-1{
  --transform-skew-x: 1deg !important;
}

.skew-x-2{
  --transform-skew-x: 2deg !important;
}

.skew-x-3{
  --transform-skew-x: 3deg !important;
}

.skew-x-6{
  --transform-skew-x: 6deg !important;
}

.skew-x-12{
  --transform-skew-x: 12deg !important;
}

.-skew-x-12{
  --transform-skew-x: -12deg !important;
}

.-skew-x-6{
  --transform-skew-x: -6deg !important;
}

.-skew-x-3{
  --transform-skew-x: -3deg !important;
}

.-skew-x-2{
  --transform-skew-x: -2deg !important;
}

.-skew-x-1{
  --transform-skew-x: -1deg !important;
}

.skew-y-0{
  --transform-skew-y: 0 !important;
}

.skew-y-1{
  --transform-skew-y: 1deg !important;
}

.skew-y-2{
  --transform-skew-y: 2deg !important;
}

.skew-y-3{
  --transform-skew-y: 3deg !important;
}

.skew-y-6{
  --transform-skew-y: 6deg !important;
}

.skew-y-12{
  --transform-skew-y: 12deg !important;
}

.-skew-y-12{
  --transform-skew-y: -12deg !important;
}

.-skew-y-6{
  --transform-skew-y: -6deg !important;
}

.-skew-y-3{
  --transform-skew-y: -3deg !important;
}

.-skew-y-2{
  --transform-skew-y: -2deg !important;
}

.-skew-y-1{
  --transform-skew-y: -1deg !important;
}

.hover\:skew-x-0:hover{
  --transform-skew-x: 0 !important;
}

.hover\:skew-x-1:hover{
  --transform-skew-x: 1deg !important;
}

.hover\:skew-x-2:hover{
  --transform-skew-x: 2deg !important;
}

.hover\:skew-x-3:hover{
  --transform-skew-x: 3deg !important;
}

.hover\:skew-x-6:hover{
  --transform-skew-x: 6deg !important;
}

.hover\:skew-x-12:hover{
  --transform-skew-x: 12deg !important;
}

.hover\:-skew-x-12:hover{
  --transform-skew-x: -12deg !important;
}

.hover\:-skew-x-6:hover{
  --transform-skew-x: -6deg !important;
}

.hover\:-skew-x-3:hover{
  --transform-skew-x: -3deg !important;
}

.hover\:-skew-x-2:hover{
  --transform-skew-x: -2deg !important;
}

.hover\:-skew-x-1:hover{
  --transform-skew-x: -1deg !important;
}

.hover\:skew-y-0:hover{
  --transform-skew-y: 0 !important;
}

.hover\:skew-y-1:hover{
  --transform-skew-y: 1deg !important;
}

.hover\:skew-y-2:hover{
  --transform-skew-y: 2deg !important;
}

.hover\:skew-y-3:hover{
  --transform-skew-y: 3deg !important;
}

.hover\:skew-y-6:hover{
  --transform-skew-y: 6deg !important;
}

.hover\:skew-y-12:hover{
  --transform-skew-y: 12deg !important;
}

.hover\:-skew-y-12:hover{
  --transform-skew-y: -12deg !important;
}

.hover\:-skew-y-6:hover{
  --transform-skew-y: -6deg !important;
}

.hover\:-skew-y-3:hover{
  --transform-skew-y: -3deg !important;
}

.hover\:-skew-y-2:hover{
  --transform-skew-y: -2deg !important;
}

.hover\:-skew-y-1:hover{
  --transform-skew-y: -1deg !important;
}

.focus\:skew-x-0:focus{
  --transform-skew-x: 0 !important;
}

.focus\:skew-x-1:focus{
  --transform-skew-x: 1deg !important;
}

.focus\:skew-x-2:focus{
  --transform-skew-x: 2deg !important;
}

.focus\:skew-x-3:focus{
  --transform-skew-x: 3deg !important;
}

.focus\:skew-x-6:focus{
  --transform-skew-x: 6deg !important;
}

.focus\:skew-x-12:focus{
  --transform-skew-x: 12deg !important;
}

.focus\:-skew-x-12:focus{
  --transform-skew-x: -12deg !important;
}

.focus\:-skew-x-6:focus{
  --transform-skew-x: -6deg !important;
}

.focus\:-skew-x-3:focus{
  --transform-skew-x: -3deg !important;
}

.focus\:-skew-x-2:focus{
  --transform-skew-x: -2deg !important;
}

.focus\:-skew-x-1:focus{
  --transform-skew-x: -1deg !important;
}

.focus\:skew-y-0:focus{
  --transform-skew-y: 0 !important;
}

.focus\:skew-y-1:focus{
  --transform-skew-y: 1deg !important;
}

.focus\:skew-y-2:focus{
  --transform-skew-y: 2deg !important;
}

.focus\:skew-y-3:focus{
  --transform-skew-y: 3deg !important;
}

.focus\:skew-y-6:focus{
  --transform-skew-y: 6deg !important;
}

.focus\:skew-y-12:focus{
  --transform-skew-y: 12deg !important;
}

.focus\:-skew-y-12:focus{
  --transform-skew-y: -12deg !important;
}

.focus\:-skew-y-6:focus{
  --transform-skew-y: -6deg !important;
}

.focus\:-skew-y-3:focus{
  --transform-skew-y: -3deg !important;
}

.focus\:-skew-y-2:focus{
  --transform-skew-y: -2deg !important;
}

.focus\:-skew-y-1:focus{
  --transform-skew-y: -1deg !important;
}

.transition-0{
  -webkit-transition-property: hover !important;
  transition-property: hover !important;
}

.transition-1{
  -webkit-transition-property: focus !important;
  transition-property: focus !important;
}

.transition-none{
  -webkit-transition-property: none !important;
  transition-property: none !important;
}

.transition-all{
  -webkit-transition-property: all !important;
  transition-property: all !important;
}

.transition{
  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform !important;
}

.transition-colors{
  -webkit-transition-property: background-color, border-color, color, fill, stroke !important;
  transition-property: background-color, border-color, color, fill, stroke !important;
}

.transition-opacity{
  -webkit-transition-property: opacity !important;
  transition-property: opacity !important;
}

.transition-shadow{
  -webkit-transition-property: -webkit-box-shadow !important;
  transition-property: -webkit-box-shadow !important;
  transition-property: box-shadow !important;
  transition-property: box-shadow, -webkit-box-shadow !important;
}

.transition-transform{
  -webkit-transition-property: -webkit-transform !important;
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
}

.ease-linear{
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.ease-in{
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.ease-out{
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

.ease-in-out{
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.duration-75{
  -webkit-transition-duration: 75ms !important;
  transition-duration: 75ms !important;
}

.duration-100{
  -webkit-transition-duration: 100ms !important;
  transition-duration: 100ms !important;
}

.duration-150{
  -webkit-transition-duration: 150ms !important;
  transition-duration: 150ms !important;
}

.duration-200{
  -webkit-transition-duration: 200ms !important;
  transition-duration: 200ms !important;
}

.duration-300{
  -webkit-transition-duration: 300ms !important;
  transition-duration: 300ms !important;
}

.duration-500{
  -webkit-transition-duration: 500ms !important;
  transition-duration: 500ms !important;
}

.duration-700{
  -webkit-transition-duration: 700ms !important;
  transition-duration: 700ms !important;
}

.duration-1000{
  -webkit-transition-duration: 1000ms !important;
  transition-duration: 1000ms !important;
}

.delay-75{
  -webkit-transition-delay: 75ms !important;
  transition-delay: 75ms !important;
}

.delay-100{
  -webkit-transition-delay: 100ms !important;
  transition-delay: 100ms !important;
}

.delay-150{
  -webkit-transition-delay: 150ms !important;
  transition-delay: 150ms !important;
}

.delay-200{
  -webkit-transition-delay: 200ms !important;
  transition-delay: 200ms !important;
}

.delay-300{
  -webkit-transition-delay: 300ms !important;
  transition-delay: 300ms !important;
}

.delay-500{
  -webkit-transition-delay: 500ms !important;
  transition-delay: 500ms !important;
}

.delay-700{
  -webkit-transition-delay: 700ms !important;
  transition-delay: 700ms !important;
}

.delay-1000{
  -webkit-transition-delay: 1000ms !important;
  transition-delay: 1000ms !important;
}

@-webkit-keyframes spin{
  to{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin{
  to{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes ping{
  75%, 100%{
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes ping{
  75%, 100%{
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes pulse{
  50%{
    opacity: .5;
  }
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

@-webkit-keyframes bounce{
  0%, 100%{
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

@keyframes bounce{
  0%, 100%{
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    -webkit-transform: none;
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-none{
  -webkit-animation: none !important;
  animation: none !important;
}

.animate-spin{
  -webkit-animation: spin 1s linear infinite !important;
  animation: spin 1s linear infinite !important;
}

.animate-ping{
  -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
}

.animate-pulse{
  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}

.animate-bounce{
  -webkit-animation: bounce 1s infinite !important;
  animation: bounce 1s infinite !important;
}

/* typography */

/* h1-h6 */

@media all {
  html, html.tag-html {
    font-size: 14px;
  }

  body {
    font-size: 15px;
  }

  h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
    margin-top: 0;
    margin-bottom: .5em;
    font-weight: 500;
    line-height: 1.2;
    color: #000;
  }

  h1, .h1 {
    font-size: 50px;
    color: #333;
    margin-bottom: .8em;
  }

  h2, .h2 {
    font-size: 40px;
    margin-top: 50px;
    margin-bottom: 15px;
  }

  h2:first-child, .h2:first-child {
    margin-top: -0.125em;
  }

  h3{
	     text-transform: uppercase;
  }
  h3, .h3 {
    font-size: 30px;
 
    margin-top: 1.5rem;
  }

  h3:first-child, .h3:first-child {
    margin-top: -0.125em;
  }

  h4, .h4 {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 20px;
  }

  h4:first-child, .h4:first-child {
    margin-top: -0.125em;
  }

  h5, .h5 {
    font-size: 16px;
    line-height: 1.4;
    color: #333;
  }

  h5:first-child, .h5:first-child {
    margin-top: -0.125em;
  }

  h5:hover, .h5:hover {
    color: #cc0a0a;
  }
}

@media (max-width: 1024px) {
  h1, .h1 {
    font-size: 45px;
  }

  h2, .h2 {
    font-size: 35px;
  }

  h3, .h3 {
    font-size: 25px;
  }
}

@media (max-width: 768px) {
  h1, h3, h4, h5, .h1, .h3, .h4, .h5 {
    margin-bottom: 1em;
  }

  h2, .h2 {
    text-align: center;
  }

  h1, .h1 {
    text-align: center;
  }
}

@media (max-width: 560px) {
  html, html.tag-html {
    font-size: 13px;
  }

  body {
    font-size: 14px;
  }

  h1, .h1 {
    font-size: 40px;
  }

  h2, .h2 {
    font-size: 30px;
    margin-bottom: 34px;
  }

  h3, .h3 {
    font-size: 23px;
  }

  h4, .h4 {
    margin-bottom: 18px;
  }
}

@media (max-width: 479px) {
  h1, .h1 {
    font-size: 30px;
  }

  h2, .h2 {
    font-size: 25px;
    margin-bottom: 25px;
  }

  h3, .h3 {
    font-size: 20px;
  }
}

@media (max-width: 360px) {
  h4, .h4 {
    font-size: 16px;
  }
}

@media (max-width: 340px) {
  h1, .h1 {
    font-size: 28px;
  }
}

@media (min-width: 560px) {
  h2, .h2 {
    margin-top: 60px;
  }
}

@media (min-width: 768px) {
  h2, .h2 {
    margin-top: 80px;
  }
}

@media (min-width: 1280px) {
  h2, .h2 {
    margin-top: 40px;
  }
}

@media (min-width: 1920px) {
  h2, .h2 {
    margin-top: 50px;
  }
}

/* .typography */

body, body.tag-body {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
  font-weight: 400;
  cursor: default;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.5;
}

a {
  color: var(--primary-color);
}

a:hover {
  color: var(--hover-color);
  text-decoration: none;
}

.b-page__extra ul  {
  margin: 0 0 1.5rem;
}

.b-page__extra .row.images img {
    height: 180px;
    border-radius: 9px;
}

p {
  margin: 0 0 1.5rem;
}

p:last-child {
  margin-bottom: 0;
}

button, .not-selected {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.break {
  word-break: break-all;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.w {
  max-width: 100%;
  margin: auto;
  width: 1570px;
  padding: 0 15px;
}

.b-section {
  padding: 50px 0;
}

.b-section_gray {
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
}

.b-section.b-section_builtInPage {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  padding: 30px 15px 25px;
}

.b-section.b-section_topPage {
  padding: 0 0 30px;
}

.hide {
  display: none;
}

ul.markerLineList {
  line-height: 1.75rem;
  padding-left: 0.5rem;
  padding-bottom: 1.5rem;
}

ul.markerLineList li {
  padding-left: 0.5rem;
}

ul.markerLineList li:before {
  display: inline;
  content: "-";
  width: 0.25rem;
  margin-left: -0.5rem;
}

.b-overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
  content: "";
  z-index: 6;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

._overflow .b-overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: all;
}

._overflow .b-overlay ~ .header > .header__top._fixed {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 560px) {
  .w {
    padding: 0 20px;
  }

  .b-section {
    padding: 60px 0;
  }

  .b-section.b-section_builtInPage {
    padding: 30px 15px;
  }
}

@media (min-width: 768px) {
  .w {
    padding: 0 30px;
  }

  .b-section {
    padding: 80px 0 60px;
  }

  .b-section.b-section_builtInPage {
    padding: 60px 30px 30px;
  }
}

@media (min-width: 1024px) {
  ._overflow .b-overlay {
    display: none;
  }
}

@media (min-width: 1280px) {
  .w {
    padding: 0 30px;
  }

  .b-section {
    padding: 100px 0;
  }

  .b-section.b-section_builtInPage {
    padding: 80px 30px;
  }
}

@media (min-width: 1920px) {
  .b-section {
    padding: 120px 0;
  }

  .b-section.b-section_builtInPage {
    padding: 100px 30px 80px;
  }
}

.bx-context-toolbar-empty-area {
  min-height: 0 !important;
}

@media (max-width: 1023px) {
  ._overflow #bx-panel {
    display: none !important;
  }
}

/**
 * https://cp.citrus-soft.ru/company/personal/user/819/tasks/task/view/77349/?MID=480215#com480215
 */

#BX_file_dialog img,
#bxmedialib img {
  display: inline;
}

/* layout - общее для всех страниц: header, footer, sidebar, navigation, forms, grid */

.b-btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  background-image: none;
  border-width: 0;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  width: auto;
  height: 45px;
  padding: 0 20px;
  line-height: 2.25;
  border-radius: 25px;
  min-width: 200px;
  /*default size*/
  max-width: 100%;
  -webkit-transition: background-color .15s ease, color .15s ease, border-color .15s ease;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.b-btn_primary {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  background-color: var(--primary-color);
}

.b-btn_primary:hover, .b-btn_primary:active {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  background-color: var(--hover-color);
}

.b-btn_secondary {
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #999;
  border-color: rgba(153, 153, 153, var(--border-opacity));
}

.b-btn_secondary .b-btn__icon {
  fill: #888888;
  width: 15px;
  height: 20px;
  background-color: transparent;
  -webkit-transition: .15s ease;
  transition: .15s ease;
}

.b-btn_secondary:hover {
  color: var(--hover-color);
  border-color: var(--hover-color);
}

.b-btn_secondary:hover .b-btn__icon {
  fill: var(--hover-color);
}

.b-btn_secondary:active {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  background-color: var(--hover-color);
  border-color: var(--hover-color);
}

.b-btn_secondary:active .b-btn__icon {
  fill: #ffffff;
}

.b-btn_transparent {
  color: var(--primary-color);
  border-width: 1px;
  border-style: solid;
  border-color: var(--primary-color);
}

.b-btn_transparent:hover {
  color: var(--hover-color);
  border-width: 2px;
  border-color: var(--hover-color);
}

.b-btn_transparent:active {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  background-color: var(--hover-color);
  border-color: var(--hover-color);
}

.b-btn_onColor {
  color: var(--primary-color);
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-btn_onColor:hover {
  color: var(--hover-color);
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}

.b-btn_onColor:active {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
}

/* кнопка со стрелкой: swiper, пагинация в каталоге */

.b-btnArrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 9999px;
  --bg-opacity: 1;
  background-color: #f5f5f5;
  background-color: rgba(245, 245, 245, var(--bg-opacity));
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  width: 41px;
  height: 41px;
  z-index: 4;
  -webkit-transition: .15s ease;
  transition: .15s ease;
}

.b-btnArrow svg {
  height: 2rem;
  fill: #333333;
  width: 24px;
}

.b-btnArrow:not(.b-btnArrow_disabled):hover, .b-btnArrow:not(.b-btnArrow_disabled):active {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.b-btnArrow:not(.b-btnArrow_disabled):hover svg {
  fill: var(--primary-color);
}

.b-btnArrow:not(.b-btnArrow_disabled):active svg {
  fill: var(--hover-color);
}

.b-btnArrow_gray {
  --bg-opacity: 1;
  background-color: #f5f5f5;
  background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.b-btnArrow_white {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-btnArrow_disabled svg {
  fill: #888888;
}

.b-btnArrow.b-btnArrow_single {
  width: auto;
  height: auto;
}

/* кнопка в виде ссылки: прайс-лист */

.b-btnLink {
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
}

@media (min-width: 768px) {
  .b-btn {
    font-size: 16px;
    height: 50px;
  }

  .b-btnArrow {
    width: 51px;
    height: 51px;
  }

  .b-btnLink {
    font-size: 16px;
  }
}

@font-face {font-display:swap;
  font-family: 'icomoon';

  src: url('/bitrix/templates/citrus_aproduction3/app/assets/dist/css/../fonts/icomoon/icomoon.eot?3flslg');

  src: url('/bitrix/templates/citrus_aproduction3/app/assets/dist/css/../fonts/icomoon/icomoon.eot?3flslg#iefix') format("embedded-opentype"), url('/bitrix/templates/citrus_aproduction3/app/assets/dist/css/../fonts/icomoon/icomoon.ttf?3flslg') format("truetype"), url('/bitrix/templates/citrus_aproduction3/app/assets/dist/css/../fonts/icomoon/icomoon.woff?3flslg') format("woff"), url('/bitrix/templates/citrus_aproduction3/app/assets/dist/css/../fonts/icomoon/icomoon.svg?3flslg#icomoon') format("svg");

  font-weight: normal;

  font-style: normal;

  
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-yt:before {
  content: "\e906";
}

.icon-fb:before {
  content: "\e90d";
}

.icon-tw:before {
  content: "\e902";
}

.icon-vk:before {
  content: "\e905";
}

.icon-i_food:before {
  content: "\e91e";
}

.icon-i_hospital:before {
  content: "\e91f";
}

.icon-i_park:before {
  content: "\e920";
}

.icon-i_school:before {
  content: "\e921";
}

.icon-i_shop:before {
  content: "\e922";
}

.icon-i_sport:before {
  content: "\e923";
}

.icon-i_baby:before {
  content: "\e924";
}

.icon-i_bank:before {
  content: "\e925";
}

.icon-i_beauty:before {
  content: "\e926";
}

.icon-i_car:before {
  content: "\e927";
}

.icon-i_church:before {
  content: "\e928";
}

.icon-i_cinema:before {
  content: "\e929";
}

.icon-odnoklassniki:before {
  content: "\e936";
}

.icon-ok:before {
  content: "\e937";
  color: #f4731c;
}

.icon-whatsapp:before {
  content: "\e938";
}

.icon-plus:before {
  content: "\e933";
}

.icon-view_list1:before {
  content: "\e939";
}

.icon-view_cards1:before {
  content: "\e93e";
}

.icon-view_table:before {
  content: "\e93f";
}

.icon-ig:before {
  content: "\e941";
}

.icon-arrow-down-bold:before {
  content: "\e943";
}

.icon-camera:before {
  content: "\e944";
}

.icon-long-left-arrow:before {
  content: "\e945";
}

.icon-long-right-arrow:before {
  content: "\e946";
}

.icon-close1:before {
  content: "\e947";
}

.icon-skype:before {
  content: "\e948";
}

.icon-time1:before {
  content: "\e949";
}

.icon-yt1:before {
  content: "\e94a";
}

.icon-search:before {
  content: "\e94b";
}

.icon-fb1:before {
  content: "\e94c";
}

.icon-tw1:before {
  content: "\e94d";
}

.icon-vk1:before {
  content: "\e94e";
}

.icon-phone1:before {
  content: "\e94f";
}

.icon-map1:before {
  content: "\e950";
}

.icon-mail1:before {
  content: "\e93a";
}

.icon-arrow-down:before {
  content: "\e93d";
}

.icon-arrow-left:before {
  content: "\e940";
}

.icon-arrow-right:before {
  content: "\e942";
}

.icon-trash:before {
  content: "\e932";
}

.icon-copy:before {
  content: "\e931";
}

.icon-checked:before {
  content: "\e934";
}

.icon-heart-del:before {
  content: "\e930";
}

.icon-calc:before {
  content: "\e92f";
}

.icon-close:before {
  content: "\e92e";
}

.icon-exclamation-triangle:before {
  content: "\e91c";
}

.icon-warning:before {
  content: "\e91c";
}

.icon-zoom:before {
  content: "\e92a";
}

.icon-print:before {
  content: "\e92b";
}

.icon-mail-2:before {
  content: "\e92c";
}

.icon-plan:before {
  content: "\e92d";
}

.icon-heart:before {
  content: "\e91d";
}

.icon-arrow_top:before {
  content: "\e91b";
}

.icon-time:before {
  content: "\e91a";
}

.icon-file_default:before {
  content: "\e919";
}

.icon-img-placeholder:before {
  content: "\e918";
}

.icon-map:before {
  content: "\e900";
}

.icon-phone:before {
  content: "\e901";
}

.icon-view_list:before {
  content: "\e903";
}

.icon-view_cards:before {
  content: "\e904";
}

.icon-arrow_left:before {
  content: "\e907";
}

.icon-arrow_right:before {
  content: "\e908";
}

.icon-benefit-1:before {
  content: "\e909";
}

.icon-benefit-2:before {
  content: "\e90a";
}

.icon-benefit-3:before {
  content: "\e90b";
}

.icon-benefit-4:before {
  content: "\e90c";
}

.icon-file_archive:before {
  content: "\e90e";
}

.icon-file_docx:before {
  content: "\e90f";
}

.icon-file_gif:before {
  content: "\e910";
}

.icon-file_jpg:before {
  content: "\e911";
}

.icon-file_pdf:before {
  content: "\e912";
}

.icon-file_png:before {
  content: "\e913";
}

.icon-file_pptx:before {
  content: "\e914";
}

.icon-file_xlsx:before {
  content: "\e915";
}

.icon-logo:before {
  content: "\e916";
}

.icon-mail:before {
  content: "\e917";
}

.icon-sort-amount-desc:before {
  content: "\e93b";
}

.icon-sort-amount-asc:before {
  content: "\e93c";
}

.b-h__placeholder {
  display: none;
}

.b-h_fixed .b-h__placeholder {
  display: block;
  height: 78px;
}

.b-h__wrap {
  position: relative;
  width: 100%;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  min-width: 320px;
  z-index: 898;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.b-h_fixed .b-h__wrap {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}

.b-h__inn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.b-h__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.b-h__item_left {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.b-h__item_right {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 30px;
}

.b-h__logo {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.b-h__call {
  display: none;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 0.5rem;
  padding-left: 2rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.b-h__call:before {
  position: absolute;
  left: 0;
  display: block;
  background-color: var(--primary-color);
  content: "";
  height: 40px;
  width: 2px;
}

.b-h__callNum {
display: block;
font-size: 1.3rem;
font-weight: 600;
--text-opacity: 1;
color: #333;
color: rgba(51, 51, 51, var(--text-opacity));
line-height: 1.4;
white-space: nowrap;
}

.b-h__callLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.b-h__callIcon {
  font-size: 20px;
  color: var(--primary-color);
}

.b-h__callText {
  margin-left: 0.75rem;
  font-size: 13px;
  line-height: 1.625;
  text-decoration: underline;
}

.b-h__menuTop {
  display: none;
  z-index: 1;
}

.b-h__menuFloat {
  display: none;
}

.b-h__phone {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  -webkit-transition: .3s ease;
  transition: .3s ease;
  width: 30px;
  height: 30px;
  z-index: 1;
}

.b-h__phone_active {
  border-radius: 9999px;
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
}

.b-h__phone_active .b-h__phoneIcon {
  opacity: 0;
}

.b-h__phone_active .b-h__phoneClose,
    .b-h__phone_active .b-h__phoneClose:after {
  opacity: 1;
}

.b-h__phoneIcon {
  font-size: 18px;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.b-h__phoneClose {
  top: 9px;
  -webkit-transform: translate3d(0, 5px, 0) rotate(45deg);
  transform: translate3d(0, 5px, 0) rotate(45deg);
}

.b-h__phoneClose, .b-h__phoneClose:after {
  position: absolute;
  background-color: var(--primary-color);
  opacity: 0;
  width: 17px;
  height: 2px;
}

.b-h__phoneClose:after {
  display: block;
  content: "";
  top: 10px;
  -webkit-transform: translate3d(0, -10px, 0) rotate(-90deg);
  transform: translate3d(0, -10px, 0) rotate(-90deg);
}

.b-h__burger {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 9999px;
  background-color: transparent;
  font-size: 21px;
  width: 30px;
  height: 30px;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  z-index: 1;
}

.b-h__burger_active {
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
}

.b-h__burger_active .b-h__burgerIcon {
  background-color: var(--primary-color);
  top: 9px;
  -webkit-transform: translate3d(0, 5px, 0) rotate(45deg);
  transform: translate3d(0, 5px, 0) rotate(45deg);
}

.b-h__burger_active .b-h__burgerIcon:before {
  background-color: var(--primary-color);
  opacity: 0;
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
}

.b-h__burger_active .b-h__burgerIcon:after {
  background-color: var(--primary-color);
  top: 10px;
  -webkit-transform: translate3d(0, -10px, 0) rotate(-90deg);
  transform: translate3d(0, -10px, 0) rotate(-90deg);
}

.b-h__burgerIcon {
  top: 8px;
  left: 7px;
}

.b-h__burgerIcon, .b-h__burgerIcon:before, .b-h__burgerIcon:after {
  position: absolute;
  --bg-opacity: 1;
  background-color: #333;
  background-color: rgba(51, 51, 51, var(--bg-opacity));
  width: 17px;
  height: 2px;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.b-h__burgerIcon:before, .b-h__burgerIcon:after {
  display: block;
  content: "";
}

.b-h__burgerIcon:before {
  top: 6px;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

.b-h__burgerIcon:after {
  top: 12px;
}

.b-h__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
}

@media (max-width: 800px) {
  .b-h__callNum {
    white-space: nowrap;
    max-width: 13rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (min-width: 560px) {
  .b-h__item_left {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .b-h__item_right {
    padding-right: 52px;
  }

  .b-h__phone {
    width: 52px;
    height: 52px;
  }

  .b-h__phoneClose {
    top: 20px;
  }

  .b-h__phoneClose:after {
    top: 10px;
  }

  .b-h__burger {
    width: 52px;
    height: 52px;
  }

  .b-h__burger_active .b-h__burgerIcon {
    top: 20px;
  }

  .b-h__burgerIcon {
    top: 20px;
    left: 17px;
  }

  .b-h__search {
    width: 52px;
    height: 52px;
  }
}

@media (min-width: 768px) {
  .b-h_fixed .b-h__placeholder {
    height: 108.5px;
  }

  .b-h__item_left {
    padding-top: 1.25rem;
    padding-bottom: 1.5rem;
  }

  .b-h__item_right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .b-h__logo {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-right: 2rem;
    min-width: 300px;
    max-width: 370px;
  }

  .b-h__call {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .b-h__phone {
    display: none;
  }

  .b-h__burger {
    margin-right: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .b-h__logo {
    max-width: 630px;
  }

  ._menu .b-h__menuFloat {
    display: block;
  }
}

@media (min-width: 1280px) {
  .b-h__logo {
    max-width: 880px;
  }
}

@media (min-width: 1920px) {
  .b-h__item_left {
    width: 40%;
  }

  .b-h__menuTop {
    display: block;
  }

  .b-h__burger {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .b-h__logo {
    max-width: 530px;
  }

  .b-h__callNum {
    white-space: nowrap;
    max-width: 13rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.b-h__burger + div[id^="bx"] {
  display: contents;
}

.b-swiper_nonStandart .b-swiper {
  padding: 15px;
  margin: -15px;
}

.b-swiper_nonStandart .b-swiper__item {
  min-width: 290px;
}

@media (min-width: 360px) {
  .b-swiper_nonStandart .b-swiper__item {
    min-width: 330px;
  }
}

@media (min-width: 560px) {
  .b-swiper_nonStandart .b-swiper__item {
    min-width: 520px;
  }
}

@media (min-width: 768px) {
  .b-swiper_nonStandart .b-swiper__item {
    min-width: 708px;
  }
}

@media (min-width: 1024px) {
  .b-swiper_nonStandart .b-swiper__item {
    width: 25% !important;
    min-width: 241px;
  }

  /*.b-swiper_nonStandart .b-swiper__item:first-child {
    width: 48% !important;
    min-width: 453px;
  }*/
}

@media (min-width: 1280px) {
  .b-swiper_nonStandart .b-swiper__item {
    width: 25.2% !important;
    min-width: 305px;
  }

 /* .b-swiper_nonStandart .b-swiper__item:first-child {
    min-width: 573px;
  }*/
}

@media (min-width: 1920px) {
  .b-swiper_nonStandart .b-swiper__item {
    width: 18% !important;
    min-width: 264px;
  }

  /*.b-swiper_nonStandart .b-swiper__item:first-child {
    width: 40% !important;
    min-width: 604px;
  }*/
}

/* переопределение стандартных стилей кнопок swiper */

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.swiper-button-next,
.swiper-button-prev {
  background-image: none;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.swiper-button-next.swiper-button-disabled svg,
  .swiper-button-prev.swiper-button-disabled svg {
  fill: #888888;
}

.b-breadcrumbs_gray {
  --bg-opacity: 1;
  background-color: #795548;
  background-color: rgba(240, 242, 245, var(--bg-opacity));
}

.b-breadcrumbs__wrap {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.b-breadcrumbs__item {
  display: inline-block;
  width: auto;
}

.b-breadcrumbs__item:not(.b-breadcrumbs__item_current):after {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
  content: ' - ';
}

.b-breadcrumbs__link:hover .b-breadcrumbs__text {
  text-decoration: none;
}

.b-breadcrumbs__text {
  font-size: 13px;
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
  text-decoration: underline;
}

.b-breadcrumbs__text_current {
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
  text-decoration: none;
}

@media (min-width: 560px) {
  .b-breadcrumbs__wrap {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.b-insertion {
  position: relative;
}

.b-insertion:before, .b-insertion:after {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  content: '';
}

.b-insertion:before {
  top: 0;
  bottom: 50%;
}

.b-insertion:after {
  bottom: 0;
  top: 50%;
}

.b-insertion_dark:before, .b-insertion_dark:after {
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
}

.b-insertion_light:before, .b-insertion_light:after {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-insertion_darkLight:before {
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
}

.b-insertion_darkLight:after {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-insertion_lightDark:before {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-insertion_lightDark:after {
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
}

.b-insertion__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: var(--primary-color);
  z-index: 3;
}

.b-insertion__title {
  text-transform: none;
  text-align: center;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.b-insertion__desc {
  display: none;
  margin-top: 0.75rem;
  font-size: 14px;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

@media (min-width: 360px) {
  .b-insertion__title {
    margin-bottom: 1.25rem;
  }
}

@media (min-width: 560px) {
  .b-insertion__wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px) {
  .b-insertion__wrap {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .b-insertion__title {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1280px) {
  .b-insertion__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .b-insertion__title {
    text-align: left;
  }

  .b-insertion__desc {
    display: block;
  }
}

@media (min-width: 1920px) {
  .b-insertion__wrap {
    padding-left: 120px;
    padding-right: 120px;
  }
}

.b-sidebar__menu {
  margin-bottom: 3rem;
}

.b-sidebar__link {
  margin-top: 2rem;
  text-align: center;
}

.b-f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.b-f__menu {
  display: none;
  width: 50%;
}

.b-f__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  text-align: center;
}

.b-f__connect {
  width: 100%;
  margin-bottom: 1.5rem;
}

.b-f__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 2rem;
  font-size: 13px;
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
}

.b-f__infoItem:not(:last-child) {
  margin-bottom: 0.75rem;
}

.b-f__infoLink {
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
  line-height: 1;
}

.b-f__infoLink:hover {
  color: var(--hover-color);
}

.b-f__social {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.b-f__socialItem:not(:last-child) {
  margin-right: 0.75rem;
}

@media (min-width: 560px) {
  .b-f__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 5rem;
    text-align: left;
  }

  .b-f__connect {
    width: 50%;
    margin-top: -2px;
    margin-bottom: 0;
    padding-right: 0.75rem;
  }

  .b-f__info {
    width: 50%;
    margin-bottom: 0;
  }

  .b-f__infoItem {
    margin-bottom: 0;
  }

  .b-f__social {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .b-f {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .b-f__content {
    padding-bottom: 6rem;
  }
}

@media (min-width: 1024px) {
  .b-f__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .b-f__content {
    width: 50%;
  }

  .b-f__social {
    width: 100vw;
    margin-right: -2rem;
  }
}

@media (min-width: 1280px) {
  .b-f {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .b-f__content {
    padding-bottom: 0;
  }

  .b-f__social {
    position: static;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: auto;
    margin-top: -5px;
    margin-bottom: -5px;
    margin-right: 0;
  }

  .b-f__socialItem:not(:last-child) {
    margin-right: 0;
  }
}

@media (min-width: 1920px) {
  .b-f {
    padding-left: 120px;
    padding-right: 120px;
  }
}

.b-f > div[id^="bx"] {
  display: none;
  width: 50%;
}

.b-f > div[id^="bx"] > .b-f__menu {
  width: 100%;
}

@media (min-width: 1024px) {
  .b-f > div[id^="bx"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1280px) {
  .b-f__content > div[id^="bx"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.b-sidebarMobile {
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  overflow: hidden;
  pointer-events: none;
  z-index: 800;
}

.b-sidebarMobile__in {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  --transform-translate-x: 100%;
  --transform-translate-y: 0;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  height: 100vh;
  width: 330px;
  max-width: 100%;
  padding-top: 69.5px;
  overflow: auto;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

._menu .b-sidebarMobile_menu {
  pointer-events: all;
}

._menu .b-sidebarMobile_menu .b-sidebarMobile__in {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  --transform-translate-x: 0;
  --transform-translate-y: 0;
}

._form .b-sidebarMobile_form {
  pointer-events: all;
}

._form .b-sidebarMobile_form .b-sidebarMobile__in {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  --transform-translate-x: 0;
  --transform-translate-y: 0;
}

.b-sidebarMobile_form__top {
  padding-top: 25px;
  padding-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #ccc;
  border-color: rgba(204, 204, 204, var(--border-opacity));
}

.b-sidebarMobile_form__icon {
  font-size: 18px;
  color: var(--primary-color);
}

.b-sidebarMobile_form__phone {
  margin-left: 10px;
  font-size: 20px;
  color: var(--primary-color);
  font-weight: 600;
}

.b-sidebarMobile_form__container {
  padding-top: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 560px) {
  .b-sidebarMobile__in {
    padding-top: 78px;
  }
}

@media (min-width: 768px) {
  .b-sidebarMobile__in {
    padding-top: 108.5px;
  }

  .b-sidebarMobile_form {
    display: none;
  }
}

@media (min-width: 1024px) {
  .b-sidebarMobile_menu {
    display: none;
  }
}

.b-page {
  padding-top: 2rem;
  padding-bottom: 3rem;
}

.b-page__btnRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.b-page__btnRow .b-btn:not(:first-child) {
  margin-top: 20px;
}

.b-page__content ul, .b-page__extraContent ul {
  padding: 0;
  list-style-type: none;
}

.b-page__content ul li, .b-page__extraContent ul li {
  position: relative;
  padding-left: 20px;
}

.b-page__content ul li + li, .b-page__extraContent ul li + li {
  margin-top: .5em;
}

.b-page__content ul li:before, .b-page__extraContent ul li:before {
  position: absolute;
  display: block;
  background-color: var(--primary-color);
  left: 0;
  content: '';
  width: .5em;
  height: .5em;
  top: .5em;
}

.b-page__top-image > img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 25vh;
}

.b-page__contentInner {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-page_full .b-page__sidebar {
  display: none;
}

.b-page_full .b-page__content {
  width: 100%;
  padding-left: 0;
}

.b-page_withSidebar .b-page__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.b-page_withSidebar .b-page__sidebar {
  display: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.b-page_withSidebar .b-page__content {
  width: 100%;
}

.b-page_withSidebar .b-page__contentInner {
  padding: 20px 15px;
}

.b-page_withSidebar .b-page__extraContent {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 15;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.b-page_withSidebar .b-page__extraContent_full {
  -webkit-line-clamp: 1000;
}

.b-page_withSidebar .b-page__extraLink {
  font-size: 13px;
  color: var(--primary-color);
  text-decoration: underline;
  padding-top: 2rem;
}

.b-page_detail {
  padding-top: 2.5rem;
  padding-bottom: 3rem;
}

.b-page_detail .b-page__content {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2.5rem;
  padding-bottom: 2rem;
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
  font-size: 13px;
}

.b-page__extra {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  font-size: 15px;
  line-height: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.b-page__extraBtnWrap {
  margin-bottom: 2rem;
  text-align: center;
}

.b-page__extraText {
  font-size: 15px;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.b-page__main_border {
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #dcdcdc;
  border-color: rgba(220, 220, 220, var(--border-opacity));
}

@media (min-width: 560px) {
  .b-page__btnRow {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .b-page__btnRow .b-btn:not(:first-child) {
    margin-top: 0;
    margin-left: 2.5rem;
  }

  .b-page_withSidebar .b-page__extra {
    font-size: 15px;
    line-height: 25px;
  }

  .b-page_withSidebar .b-page__extraLink {
    font-size: 15px;
  }

  .b-page_detail {
    padding-bottom: 5rem;
  }

  .b-page_detail .b-page__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 3rem;
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .b-page {
    padding-bottom: 5rem;
  }

  .b-page_withSidebar .b-page__contentInner {
    padding: 20px 30px;
  }

  .b-page_detail .b-page__content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

@media (min-width: 1024px) {
  .b-page {
    padding-top: 2.5rem;
  }

  .b-page_withSidebar .b-page__extra {
    margin-top: 0rem;
  }

  .b-page_withSidebar .b-page__extraContent {
    -webkit-line-clamp: 2000;
    overflow: visible;
  }

  .b-page_withSidebar .b-page__extraLink {
    display: none;
  }

  .b-page_detail {
    padding-top: 4rem;
    padding-bottom: 6rem;
  }

  .b-page_detail .b-page__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .b-page_detail .b-page__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 41.666667%;
    padding: 1.5rem;
    border-width: 1px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #f2f2f2;
    border-color: rgba(242, 242, 242, var(--border-opacity));
  }

  .b-page_detail .b-page__gallery {
    width: 58.333333%;
  }
}

@media (min-width: 1280px) {
  .b-page_withSidebar .b-page__sidebar {
    display: block;
    width: 20%;
  }

  .b-page_withSidebar .b-page__content {
    width: 80%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 2.5rem;
  }

  .b-page_detail {
    padding-bottom: 8rem;
  }

  .b-page_detail .b-page__content {
    width: 60%;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .b-page_detail .b-page__gallery {
    width: 60%;
  }

  .b-page__extra {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .b-page__extraBtnWrap {
    margin-bottom: 0;
    margin-right: 2rem;
    text-align: left;
  }

  .b-page__extraBtn {
    width: auto;
    min-width: 16rem;
  }
}

@media (min-width: 1920px) {
  .b-page_withSidebar .b-page__content {
    padding-left: 3rem;
  }

  .b-page_withSidebar .b-page__extra {
    margin-top: 0rem;
  }

  .b-page_detail .b-page__content {
    padding-left: 4rem;
  }

  .b-page__top-image > img {
    max-height: 35vh;
  }
}

.b-sidepanel {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: -15px;
  margin-right: -15px;
}

.b-sidepanel .b-sidepanel_white {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-sidepanel .b-sidepanel_grey {
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
}

.b-sidepanel__top + .b-sidepanel__body {
  margin-top: 1.5rem;
  border-top-width: 2px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #ccc;
  border-color: rgba(204, 204, 204, var(--border-opacity));
}

.b-sidepanel__body {
  padding-top: 1.5rem;
}

@media (min-width: 560px) {
  .b-sidepanel {
    padding: 30px;
    margin: 0;
  }

  .b-sidepanel__top + .b-sidepanel__body {
    margin-top: 2rem;
  }

  .b-sidepanel__body {
    padding-top: 1.5rem;
  }
}

/* base и layout на выходе объединяются в main.min.css */

/* pages - стили сборки модулей и страниц; на выходе НЕ объединяются */

@media (min-width: 560px){
  .sm\:container{
    width: 100%;
  }

  @media (min-width: 320px){
    .sm\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 360px){
    .sm\:container{
      max-width: 360px;
    }
  }

  @media (min-width: 560px){
    .sm\:container{
      max-width: 560px;
    }
  }

  @media (min-width: 768px){
    .sm\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .sm\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .sm\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 1920px){
    .sm\:container{
      max-width: 1920px;
    }
  }

  .sm\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1rem * var(--space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2rem * var(--space-x-reverse)) !important;
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3rem * var(--space-x-reverse)) !important;
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(4rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(4rem * var(--space-x-reverse)) !important;
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5rem * var(--space-x-reverse)) !important;
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(6rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(6rem * var(--space-x-reverse)) !important;
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(7rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(7rem * var(--space-x-reverse)) !important;
    margin-left: calc(7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(8rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(8rem * var(--space-x-reverse)) !important;
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10rem * var(--space-x-reverse)) !important;
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(12rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(12rem * var(--space-x-reverse)) !important;
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(14rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(14rem * var(--space-x-reverse)) !important;
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(16rem * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(16rem * var(--space-x-reverse)) !important;
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1px * var(--space-x-reverse)) !important;
    margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2px * var(--space-x-reverse)) !important;
    margin-left: calc(2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3px * var(--space-x-reverse)) !important;
    margin-left: calc(3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5px * var(--space-x-reverse)) !important;
    margin-left: calc(5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10px * var(--space-x-reverse)) !important;
    margin-left: calc(10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(15px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(15px * var(--space-x-reverse)) !important;
    margin-left: calc(15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(20px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(20px * var(--space-x-reverse)) !important;
    margin-left: calc(20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(25px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(25px * var(--space-x-reverse)) !important;
    margin-left: calc(25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(30px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(30px * var(--space-x-reverse)) !important;
    margin-left: calc(30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(36px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(36px * var(--space-x-reverse)) !important;
    margin-left: calc(36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(50px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(50px * var(--space-x-reverse)) !important;
    margin-left: calc(50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(60px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(60px * var(--space-x-reverse)) !important;
    margin-left: calc(60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(120px * var(--space-y-reverse)) !important;
  }

  .sm\:space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(120px * var(--space-x-reverse)) !important;
    margin-left: calc(120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3rem * var(--space-x-reverse)) !important;
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-4rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-4rem * var(--space-x-reverse)) !important;
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-6rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-6rem * var(--space-x-reverse)) !important;
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-7rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-7rem * var(--space-x-reverse)) !important;
    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-8rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-8rem * var(--space-x-reverse)) !important;
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10rem * var(--space-x-reverse)) !important;
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-12rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-12rem * var(--space-x-reverse)) !important;
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-14rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-14rem * var(--space-x-reverse)) !important;
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-16rem * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-16rem * var(--space-x-reverse)) !important;
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1px * var(--space-x-reverse)) !important;
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2px * var(--space-x-reverse)) !important;
    margin-left: calc(-2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3px * var(--space-x-reverse)) !important;
    margin-left: calc(-3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5px * var(--space-x-reverse)) !important;
    margin-left: calc(-5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10px * var(--space-x-reverse)) !important;
    margin-left: calc(-10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-15px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-15px * var(--space-x-reverse)) !important;
    margin-left: calc(-15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-20px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-20px * var(--space-x-reverse)) !important;
    margin-left: calc(-20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-25px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-25px * var(--space-x-reverse)) !important;
    margin-left: calc(-25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-30px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-30px * var(--space-x-reverse)) !important;
    margin-left: calc(-30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-36px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-36px * var(--space-x-reverse)) !important;
    margin-left: calc(-36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-50px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-50px * var(--space-x-reverse)) !important;
    margin-left: calc(-50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-60px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-60px * var(--space-x-reverse)) !important;
    margin-left: calc(-60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:-space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-120px * var(--space-y-reverse)) !important;
  }

  .sm\:-space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-120px * var(--space-x-reverse)) !important;
    margin-left: calc(-120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .sm\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1 !important;
  }

  .sm\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1 !important;
  }

  .sm\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
  }

  .sm\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(0px * var(--divide-x-reverse)) !important;
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .sm\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
  }

  .sm\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(2px * var(--divide-x-reverse)) !important;
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .sm\:divide-y-3 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(3px * var(--divide-y-reverse)) !important;
  }

  .sm\:divide-x-3 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(3px * var(--divide-x-reverse)) !important;
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .sm\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
  }

  .sm\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(4px * var(--divide-x-reverse)) !important;
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .sm\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
  }

  .sm\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(8px * var(--divide-x-reverse)) !important;
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .sm\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
  }

  .sm\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .sm\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1 !important;
  }

  .sm\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1 !important;
  }

  .sm\:divide-transparent > :not(template) ~ :not(template){
    border-color: transparent !important;
  }

  .sm\:divide-current > :not(template) ~ :not(template){
    border-color: currentColor !important;
  }

  .sm\:divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
  }

  .sm\:divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
  }

  .sm\:divide-red > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--divide-opacity)) !important;
  }

  .sm\:divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
  }

  .sm\:divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
  }

  .sm\:divide-orange-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
  }

  .sm\:divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
  }

  .sm\:divide-orange-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
  }

  .sm\:divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
  }

  .sm\:divide-orange-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
  }

  .sm\:divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
  }

  .sm\:divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
  }

  .sm\:divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
  }

  .sm\:divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
  }

  .sm\:divide-yellow-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
  }

  .sm\:divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
  }

  .sm\:divide-yellow-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
  }

  .sm\:divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
  }

  .sm\:divide-yellow-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
  }

  .sm\:divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
  }

  .sm\:divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
  }

  .sm\:divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
  }

  .sm\:divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
  }

  .sm\:divide-green-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
  }

  .sm\:divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
  }

  .sm\:divide-green-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
  }

  .sm\:divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
  }

  .sm\:divide-green-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
  }

  .sm\:divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
  }

  .sm\:divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
  }

  .sm\:divide-teal-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
  }

  .sm\:divide-teal-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
  }

  .sm\:divide-teal-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
  }

  .sm\:divide-teal-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
  }

  .sm\:divide-teal-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
  }

  .sm\:divide-teal-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
  }

  .sm\:divide-teal-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
  }

  .sm\:divide-teal-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
  }

  .sm\:divide-teal-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
  }

  .sm\:divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
  }

  .sm\:divide-indigo-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
  }

  .sm\:divide-indigo-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
  }

  .sm\:divide-indigo-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
  }

  .sm\:divide-indigo-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
  }

  .sm\:divide-indigo-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
  }

  .sm\:divide-indigo-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
  }

  .sm\:divide-indigo-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
  }

  .sm\:divide-indigo-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
  }

  .sm\:divide-indigo-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
  }

  .sm\:divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
  }

  .sm\:divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
  }

  .sm\:divide-purple-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
  }

  .sm\:divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
  }

  .sm\:divide-purple-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
  }

  .sm\:divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
  }

  .sm\:divide-purple-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
  }

  .sm\:divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
  }

  .sm\:divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
  }

  .sm\:divide-pink-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
  }

  .sm\:divide-pink-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
  }

  .sm\:divide-pink-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
  }

  .sm\:divide-pink-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
  }

  .sm\:divide-pink-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
  }

  .sm\:divide-pink-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
  }

  .sm\:divide-pink-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
  }

  .sm\:divide-pink-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
  }

  .sm\:divide-pink-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
  }

  .sm\:divide-primary-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .sm\:divide-primary-hover-color > :not(template) ~ :not(template){
    border-color: var(--hover-color) !important;
  }

  .sm\:divide-gray-body > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-333 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-666 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-888 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-999 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-icon > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-features > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--divide-opacity)) !important;
  }

  .sm\:divide-slide-border > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--divide-opacity)) !important;
  }

  .sm\:divide-sale-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .sm\:divide-hit-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--divide-opacity)) !important;
  }

  .sm\:divide-new-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--divide-opacity)) !important;
  }

  .sm\:divide-fb-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--divide-opacity)) !important;
  }

  .sm\:divide-fb-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--divide-opacity)) !important;
  }

  .sm\:divide-vk-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--divide-opacity)) !important;
  }

  .sm\:divide-vk-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--divide-opacity)) !important;
  }

  .sm\:divide-insta-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--divide-opacity)) !important;
  }

  .sm\:divide-insta-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-dc > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-cd > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--divide-opacity)) !important;
  }

  .sm\:divide-gray-e7 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--divide-opacity)) !important;
  }

  .sm\:divide-check-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--divide-opacity)) !important;
  }

  .sm\:divide-docx-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--divide-opacity)) !important;
  }

  .sm\:divide-dark-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--divide-opacity)) !important;
  }

  .sm\:divide-green-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--divide-opacity)) !important;
  }

  .sm\:divide-solid > :not(template) ~ :not(template){
    border-style: solid !important;
  }

  .sm\:divide-dashed > :not(template) ~ :not(template){
    border-style: dashed !important;
  }

  .sm\:divide-dotted > :not(template) ~ :not(template){
    border-style: dotted !important;
  }

  .sm\:divide-double > :not(template) ~ :not(template){
    border-style: double !important;
  }

  .sm\:divide-none > :not(template) ~ :not(template){
    border-style: none !important;
  }

  .sm\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0 !important;
  }

  .sm\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25 !important;
  }

  .sm\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5 !important;
  }

  .sm\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75 !important;
  }

  .sm\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
  }

  .sm\:sr-only{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .sm\:not-sr-only{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .sm\:focus\:sr-only:focus{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .sm\:focus\:not-sr-only:focus{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .sm\:appearance-none{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }

  .sm\:bg-fixed{
    background-attachment: fixed !important;
  }

  .sm\:bg-local{
    background-attachment: local !important;
  }

  .sm\:bg-scroll{
    background-attachment: scroll !important;
  }

  .sm\:bg-clip-border{
    background-clip: border-box !important;
  }

  .sm\:bg-clip-padding{
    background-clip: padding-box !important;
  }

  .sm\:bg-clip-content{
    background-clip: content-box !important;
  }

  .sm\:bg-clip-text{
    -webkit-background-clip: text !important;
    background-clip: text !important;
  }

  .sm\:bg-transparent{
    background-color: transparent !important;
  }

  .sm\:bg-current{
    background-color: currentColor !important;
  }

  .sm\:bg-black{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .sm\:bg-white{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-100{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-200{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-300{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-400{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-500{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-600{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-700{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-800{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-900{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .sm\:bg-red{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .sm\:bg-orange-100{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .sm\:bg-orange-200{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .sm\:bg-orange-300{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .sm\:bg-orange-400{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .sm\:bg-orange-500{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .sm\:bg-orange-600{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .sm\:bg-orange-700{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .sm\:bg-orange-800{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .sm\:bg-orange-900{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .sm\:bg-yellow-100{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .sm\:bg-yellow-200{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .sm\:bg-yellow-300{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .sm\:bg-yellow-400{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .sm\:bg-yellow-500{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .sm\:bg-yellow-600{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .sm\:bg-yellow-700{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .sm\:bg-yellow-800{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .sm\:bg-yellow-900{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .sm\:bg-green-100{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .sm\:bg-green-200{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .sm\:bg-green-300{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .sm\:bg-green-400{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .sm\:bg-green-500{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .sm\:bg-green-600{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .sm\:bg-green-700{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .sm\:bg-green-800{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .sm\:bg-green-900{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .sm\:bg-teal-100{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .sm\:bg-teal-200{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .sm\:bg-teal-300{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .sm\:bg-teal-400{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .sm\:bg-teal-500{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .sm\:bg-teal-600{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .sm\:bg-teal-700{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .sm\:bg-teal-800{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .sm\:bg-teal-900{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-100{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-200{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-300{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-400{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-500{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-600{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-700{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-800{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .sm\:bg-blue-900{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .sm\:bg-indigo-100{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .sm\:bg-indigo-200{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .sm\:bg-indigo-300{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .sm\:bg-indigo-400{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .sm\:bg-indigo-500{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .sm\:bg-indigo-600{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .sm\:bg-indigo-700{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .sm\:bg-indigo-800{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .sm\:bg-indigo-900{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .sm\:bg-purple-100{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .sm\:bg-purple-200{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .sm\:bg-purple-300{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .sm\:bg-purple-400{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .sm\:bg-purple-500{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .sm\:bg-purple-600{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .sm\:bg-purple-700{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .sm\:bg-purple-800{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .sm\:bg-purple-900{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .sm\:bg-pink-100{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .sm\:bg-pink-200{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .sm\:bg-pink-300{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .sm\:bg-pink-400{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .sm\:bg-pink-500{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .sm\:bg-pink-600{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .sm\:bg-pink-700{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .sm\:bg-pink-800{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .sm\:bg-pink-900{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .sm\:bg-primary-color{
    background-color: var(--primary-color) !important;
  }

  .sm\:bg-primary-hover-color{
    background-color: var(--hover-color) !important;
  }

  .sm\:bg-gray-body{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-light{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-333{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-666{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-888{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-999{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-icon{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-features{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .sm\:bg-slide-border{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .sm\:bg-sale-color{
    background-color: var(--primary-color) !important;
  }

  .sm\:bg-hit-color{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .sm\:bg-new-color{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .sm\:bg-fb-hover-color{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .sm\:bg-fb-active-color{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .sm\:bg-vk-hover-color{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .sm\:bg-vk-active-color{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .sm\:bg-insta-hover-color{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .sm\:bg-insta-active-color{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-dc{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-cd{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .sm\:bg-gray-e7{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .sm\:bg-check-color{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .sm\:bg-docx-color{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .sm\:bg-dark-black{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .sm\:bg-green-light{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-transparent:hover{
    background-color: transparent !important;
  }

  .sm\:hover\:bg-current:hover{
    background-color: currentColor !important;
  }

  .sm\:hover\:bg-black:hover{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-white:hover{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-200:hover{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-300:hover{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-400:hover{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-500:hover{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-600:hover{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-900:hover{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-red:hover{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-orange-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-orange-200:hover{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-orange-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-orange-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-orange-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-orange-600:hover{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-orange-700:hover{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-orange-800:hover{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-orange-900:hover{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-yellow-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-yellow-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-yellow-300:hover{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-yellow-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-yellow-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-yellow-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-yellow-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-yellow-800:hover{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-yellow-900:hover{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-green-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-green-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-green-300:hover{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-green-400:hover{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-green-500:hover{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-green-600:hover{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-green-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-green-800:hover{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-green-900:hover{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-teal-100:hover{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-teal-200:hover{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-teal-300:hover{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-teal-400:hover{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-teal-500:hover{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-teal-600:hover{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-teal-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-teal-800:hover{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-teal-900:hover{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-200:hover{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-300:hover{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-400:hover{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-500:hover{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-600:hover{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-blue-900:hover{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-indigo-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-indigo-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-indigo-300:hover{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-indigo-400:hover{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-indigo-500:hover{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-indigo-600:hover{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-indigo-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-indigo-800:hover{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-indigo-900:hover{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-purple-100:hover{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-purple-200:hover{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-purple-300:hover{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-purple-400:hover{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-purple-500:hover{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-purple-600:hover{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-purple-700:hover{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-purple-800:hover{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-purple-900:hover{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-pink-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-pink-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-pink-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-pink-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-pink-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-pink-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-pink-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-pink-800:hover{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-pink-900:hover{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-primary-color:hover{
    background-color: var(--primary-color) !important;
  }

  .sm\:hover\:bg-primary-hover-color:hover{
    background-color: var(--hover-color) !important;
  }

  .sm\:hover\:bg-gray-body:hover{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-light:hover{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-333:hover{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-666:hover{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-888:hover{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-999:hover{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-icon:hover{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-features:hover{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-slide-border:hover{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-sale-color:hover{
    background-color: var(--primary-color) !important;
  }

  .sm\:hover\:bg-hit-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-new-color:hover{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-fb-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-fb-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-vk-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-vk-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-insta-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-insta-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-dc:hover{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-cd:hover{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-gray-e7:hover{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-check-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-docx-color:hover{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-dark-black:hover{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .sm\:hover\:bg-green-light:hover{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-transparent:focus{
    background-color: transparent !important;
  }

  .sm\:focus\:bg-current:focus{
    background-color: currentColor !important;
  }

  .sm\:focus\:bg-black:focus{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-white:focus{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-200:focus{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-300:focus{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-400:focus{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-500:focus{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-600:focus{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-900:focus{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-red:focus{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-orange-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-orange-200:focus{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-orange-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-orange-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-orange-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-orange-600:focus{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-orange-700:focus{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-orange-800:focus{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-orange-900:focus{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-yellow-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-yellow-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-yellow-300:focus{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-yellow-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-yellow-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-yellow-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-yellow-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-yellow-800:focus{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-yellow-900:focus{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-green-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-green-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-green-300:focus{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-green-400:focus{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-green-500:focus{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-green-600:focus{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-green-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-green-800:focus{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-green-900:focus{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-teal-100:focus{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-teal-200:focus{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-teal-300:focus{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-teal-400:focus{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-teal-500:focus{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-teal-600:focus{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-teal-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-teal-800:focus{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-teal-900:focus{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-200:focus{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-300:focus{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-400:focus{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-500:focus{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-600:focus{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-blue-900:focus{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-indigo-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-indigo-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-indigo-300:focus{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-indigo-400:focus{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-indigo-500:focus{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-indigo-600:focus{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-indigo-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-indigo-800:focus{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-indigo-900:focus{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-purple-100:focus{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-purple-200:focus{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-purple-300:focus{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-purple-400:focus{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-purple-500:focus{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-purple-600:focus{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-purple-700:focus{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-purple-800:focus{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-purple-900:focus{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-pink-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-pink-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-pink-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-pink-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-pink-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-pink-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-pink-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-pink-800:focus{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-pink-900:focus{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-primary-color:focus{
    background-color: var(--primary-color) !important;
  }

  .sm\:focus\:bg-primary-hover-color:focus{
    background-color: var(--hover-color) !important;
  }

  .sm\:focus\:bg-gray-body:focus{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-light:focus{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-333:focus{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-666:focus{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-888:focus{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-999:focus{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-icon:focus{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-features:focus{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-slide-border:focus{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-sale-color:focus{
    background-color: var(--primary-color) !important;
  }

  .sm\:focus\:bg-hit-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-new-color:focus{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-fb-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-fb-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-vk-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-vk-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-insta-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-insta-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-dc:focus{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-cd:focus{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-gray-e7:focus{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-check-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-docx-color:focus{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-dark-black:focus{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .sm\:focus\:bg-green-light:focus{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .sm\:bg-none{
    background-image: none !important;
  }

  .sm\:bg-gradient-to-t{
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-tr{
    background-image: -webkit-gradient(linear, left bottom, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-r{
    background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-br{
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-b{
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-bl{
    background-image: -webkit-gradient(linear, right top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-l{
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
  }

  .sm\:bg-gradient-to-tl{
    background-image: -webkit-gradient(linear, right bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
  }

  .sm\:from-transparent{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:from-current{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:from-black{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:from-white{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:from-gray-100{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .sm\:from-gray-200{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .sm\:from-gray-300{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .sm\:from-gray-400{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .sm\:from-gray-500{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .sm\:from-gray-600{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .sm\:from-gray-700{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .sm\:from-gray-800{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .sm\:from-gray-900{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .sm\:from-red{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .sm\:from-orange-100{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .sm\:from-orange-200{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .sm\:from-orange-300{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .sm\:from-orange-400{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .sm\:from-orange-500{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .sm\:from-orange-600{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .sm\:from-orange-700{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .sm\:from-orange-800{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .sm\:from-orange-900{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .sm\:from-yellow-100{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .sm\:from-yellow-200{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .sm\:from-yellow-300{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .sm\:from-yellow-400{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .sm\:from-yellow-500{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .sm\:from-yellow-600{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .sm\:from-yellow-700{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .sm\:from-yellow-800{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .sm\:from-yellow-900{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .sm\:from-green-100{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .sm\:from-green-200{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .sm\:from-green-300{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .sm\:from-green-400{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .sm\:from-green-500{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .sm\:from-green-600{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .sm\:from-green-700{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .sm\:from-green-800{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .sm\:from-green-900{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .sm\:from-teal-100{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .sm\:from-teal-200{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .sm\:from-teal-300{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .sm\:from-teal-400{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .sm\:from-teal-500{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .sm\:from-teal-600{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .sm\:from-teal-700{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .sm\:from-teal-800{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .sm\:from-teal-900{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .sm\:from-blue-100{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .sm\:from-blue-200{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .sm\:from-blue-300{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .sm\:from-blue-400{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .sm\:from-blue-500{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .sm\:from-blue-600{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .sm\:from-blue-700{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .sm\:from-blue-800{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .sm\:from-blue-900{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .sm\:from-indigo-100{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .sm\:from-indigo-200{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .sm\:from-indigo-300{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .sm\:from-indigo-400{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .sm\:from-indigo-500{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .sm\:from-indigo-600{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .sm\:from-indigo-700{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .sm\:from-indigo-800{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .sm\:from-indigo-900{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .sm\:from-purple-100{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .sm\:from-purple-200{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .sm\:from-purple-300{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .sm\:from-purple-400{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .sm\:from-purple-500{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .sm\:from-purple-600{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .sm\:from-purple-700{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .sm\:from-purple-800{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .sm\:from-purple-900{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .sm\:from-pink-100{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .sm\:from-pink-200{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .sm\:from-pink-300{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .sm\:from-pink-400{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .sm\:from-pink-500{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .sm\:from-pink-600{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .sm\:from-pink-700{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .sm\:from-pink-800{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .sm\:from-pink-900{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .sm\:from-primary-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:from-primary-hover-color{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:from-gray-body{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .sm\:from-gray-light{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .sm\:from-gray-333{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .sm\:from-gray-666{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .sm\:from-gray-888{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .sm\:from-gray-999{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .sm\:from-gray-icon{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .sm\:from-gray-features{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .sm\:from-slide-border{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .sm\:from-sale-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:from-hit-color{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .sm\:from-new-color{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .sm\:from-fb-hover-color{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .sm\:from-fb-active-color{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .sm\:from-vk-hover-color{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .sm\:from-vk-active-color{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .sm\:from-insta-hover-color{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .sm\:from-insta-active-color{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .sm\:from-gray-dc{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .sm\:from-gray-cd{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .sm\:from-gray-e7{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .sm\:from-check-color{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .sm\:from-docx-color{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .sm\:from-dark-black{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .sm\:from-green-light{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .sm\:via-transparent{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:via-current{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:via-black{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:via-white{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:via-gray-100{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .sm\:via-gray-200{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .sm\:via-gray-300{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .sm\:via-gray-400{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .sm\:via-gray-500{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .sm\:via-gray-600{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .sm\:via-gray-700{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .sm\:via-gray-800{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .sm\:via-gray-900{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .sm\:via-red{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .sm\:via-orange-100{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .sm\:via-orange-200{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .sm\:via-orange-300{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .sm\:via-orange-400{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .sm\:via-orange-500{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .sm\:via-orange-600{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .sm\:via-orange-700{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .sm\:via-orange-800{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .sm\:via-orange-900{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .sm\:via-yellow-100{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .sm\:via-yellow-200{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .sm\:via-yellow-300{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .sm\:via-yellow-400{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .sm\:via-yellow-500{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .sm\:via-yellow-600{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .sm\:via-yellow-700{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .sm\:via-yellow-800{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .sm\:via-yellow-900{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .sm\:via-green-100{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .sm\:via-green-200{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .sm\:via-green-300{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .sm\:via-green-400{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .sm\:via-green-500{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .sm\:via-green-600{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .sm\:via-green-700{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .sm\:via-green-800{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .sm\:via-green-900{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .sm\:via-teal-100{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .sm\:via-teal-200{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .sm\:via-teal-300{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .sm\:via-teal-400{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .sm\:via-teal-500{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .sm\:via-teal-600{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .sm\:via-teal-700{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .sm\:via-teal-800{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .sm\:via-teal-900{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .sm\:via-blue-100{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .sm\:via-blue-200{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .sm\:via-blue-300{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .sm\:via-blue-400{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .sm\:via-blue-500{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .sm\:via-blue-600{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .sm\:via-blue-700{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .sm\:via-blue-800{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .sm\:via-blue-900{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .sm\:via-indigo-100{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .sm\:via-indigo-200{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .sm\:via-indigo-300{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .sm\:via-indigo-400{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .sm\:via-indigo-500{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .sm\:via-indigo-600{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .sm\:via-indigo-700{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .sm\:via-indigo-800{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .sm\:via-indigo-900{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .sm\:via-purple-100{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .sm\:via-purple-200{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .sm\:via-purple-300{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .sm\:via-purple-400{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .sm\:via-purple-500{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .sm\:via-purple-600{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .sm\:via-purple-700{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .sm\:via-purple-800{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .sm\:via-purple-900{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .sm\:via-pink-100{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .sm\:via-pink-200{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .sm\:via-pink-300{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .sm\:via-pink-400{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .sm\:via-pink-500{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .sm\:via-pink-600{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .sm\:via-pink-700{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .sm\:via-pink-800{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .sm\:via-pink-900{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .sm\:via-primary-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:via-primary-hover-color{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:via-gray-body{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .sm\:via-gray-light{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .sm\:via-gray-333{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .sm\:via-gray-666{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .sm\:via-gray-888{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .sm\:via-gray-999{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .sm\:via-gray-icon{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .sm\:via-gray-features{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .sm\:via-slide-border{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .sm\:via-sale-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:via-hit-color{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .sm\:via-new-color{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .sm\:via-fb-hover-color{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .sm\:via-fb-active-color{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .sm\:via-vk-hover-color{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .sm\:via-vk-active-color{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .sm\:via-insta-hover-color{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .sm\:via-insta-active-color{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .sm\:via-gray-dc{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .sm\:via-gray-cd{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .sm\:via-gray-e7{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .sm\:via-check-color{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .sm\:via-docx-color{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .sm\:via-dark-black{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .sm\:via-green-light{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .sm\:to-transparent{
    --gradient-to-color: transparent !important;
  }

  .sm\:to-current{
    --gradient-to-color: currentColor !important;
  }

  .sm\:to-black{
    --gradient-to-color: #000 !important;
  }

  .sm\:to-white{
    --gradient-to-color: #fff !important;
  }

  .sm\:to-gray-100{
    --gradient-to-color: #f7fafc !important;
  }

  .sm\:to-gray-200{
    --gradient-to-color: #edf2f7 !important;
  }

  .sm\:to-gray-300{
    --gradient-to-color: #e2e8f0 !important;
  }

  .sm\:to-gray-400{
    --gradient-to-color: #cbd5e0 !important;
  }

  .sm\:to-gray-500{
    --gradient-to-color: #a0aec0 !important;
  }

  .sm\:to-gray-600{
    --gradient-to-color: #718096 !important;
  }

  .sm\:to-gray-700{
    --gradient-to-color: #4a5568 !important;
  }

  .sm\:to-gray-800{
    --gradient-to-color: #2d3748 !important;
  }

  .sm\:to-gray-900{
    --gradient-to-color: #1a202c !important;
  }

  .sm\:to-red{
    --gradient-to-color: #cc0a0a !important;
  }

  .sm\:to-orange-100{
    --gradient-to-color: #fffaf0 !important;
  }

  .sm\:to-orange-200{
    --gradient-to-color: #feebc8 !important;
  }

  .sm\:to-orange-300{
    --gradient-to-color: #fbd38d !important;
  }

  .sm\:to-orange-400{
    --gradient-to-color: #f6ad55 !important;
  }

  .sm\:to-orange-500{
    --gradient-to-color: #ed8936 !important;
  }

  .sm\:to-orange-600{
    --gradient-to-color: #dd6b20 !important;
  }

  .sm\:to-orange-700{
    --gradient-to-color: #c05621 !important;
  }

  .sm\:to-orange-800{
    --gradient-to-color: #9c4221 !important;
  }

  .sm\:to-orange-900{
    --gradient-to-color: #7b341e !important;
  }

  .sm\:to-yellow-100{
    --gradient-to-color: #fffff0 !important;
  }

  .sm\:to-yellow-200{
    --gradient-to-color: #fefcbf !important;
  }

  .sm\:to-yellow-300{
    --gradient-to-color: #faf089 !important;
  }

  .sm\:to-yellow-400{
    --gradient-to-color: #f6e05e !important;
  }

  .sm\:to-yellow-500{
    --gradient-to-color: #ecc94b !important;
  }

  .sm\:to-yellow-600{
    --gradient-to-color: #d69e2e !important;
  }

  .sm\:to-yellow-700{
    --gradient-to-color: #b7791f !important;
  }

  .sm\:to-yellow-800{
    --gradient-to-color: #975a16 !important;
  }

  .sm\:to-yellow-900{
    --gradient-to-color: #744210 !important;
  }

  .sm\:to-green-100{
    --gradient-to-color: #f0fff4 !important;
  }

  .sm\:to-green-200{
    --gradient-to-color: #c6f6d5 !important;
  }

  .sm\:to-green-300{
    --gradient-to-color: #9ae6b4 !important;
  }

  .sm\:to-green-400{
    --gradient-to-color: #68d391 !important;
  }

  .sm\:to-green-500{
    --gradient-to-color: #48bb78 !important;
  }

  .sm\:to-green-600{
    --gradient-to-color: #38a169 !important;
  }

  .sm\:to-green-700{
    --gradient-to-color: #2f855a !important;
  }

  .sm\:to-green-800{
    --gradient-to-color: #276749 !important;
  }

  .sm\:to-green-900{
    --gradient-to-color: #22543d !important;
  }

  .sm\:to-teal-100{
    --gradient-to-color: #e6fffa !important;
  }

  .sm\:to-teal-200{
    --gradient-to-color: #b2f5ea !important;
  }

  .sm\:to-teal-300{
    --gradient-to-color: #81e6d9 !important;
  }

  .sm\:to-teal-400{
    --gradient-to-color: #4fd1c5 !important;
  }

  .sm\:to-teal-500{
    --gradient-to-color: #38b2ac !important;
  }

  .sm\:to-teal-600{
    --gradient-to-color: #319795 !important;
  }

  .sm\:to-teal-700{
    --gradient-to-color: #2c7a7b !important;
  }

  .sm\:to-teal-800{
    --gradient-to-color: #285e61 !important;
  }

  .sm\:to-teal-900{
    --gradient-to-color: #234e52 !important;
  }

  .sm\:to-blue-100{
    --gradient-to-color: #ebf8ff !important;
  }

  .sm\:to-blue-200{
    --gradient-to-color: #bee3f8 !important;
  }

  .sm\:to-blue-300{
    --gradient-to-color: #90cdf4 !important;
  }

  .sm\:to-blue-400{
    --gradient-to-color: #63b3ed !important;
  }

  .sm\:to-blue-500{
    --gradient-to-color: #4299e1 !important;
  }

  .sm\:to-blue-600{
    --gradient-to-color: #3182ce !important;
  }

  .sm\:to-blue-700{
    --gradient-to-color: #2b6cb0 !important;
  }

  .sm\:to-blue-800{
    --gradient-to-color: #2c5282 !important;
  }

  .sm\:to-blue-900{
    --gradient-to-color: #2a4365 !important;
  }

  .sm\:to-indigo-100{
    --gradient-to-color: #ebf4ff !important;
  }

  .sm\:to-indigo-200{
    --gradient-to-color: #c3dafe !important;
  }

  .sm\:to-indigo-300{
    --gradient-to-color: #a3bffa !important;
  }

  .sm\:to-indigo-400{
    --gradient-to-color: #7f9cf5 !important;
  }

  .sm\:to-indigo-500{
    --gradient-to-color: #667eea !important;
  }

  .sm\:to-indigo-600{
    --gradient-to-color: #5a67d8 !important;
  }

  .sm\:to-indigo-700{
    --gradient-to-color: #4c51bf !important;
  }

  .sm\:to-indigo-800{
    --gradient-to-color: #434190 !important;
  }

  .sm\:to-indigo-900{
    --gradient-to-color: #3c366b !important;
  }

  .sm\:to-purple-100{
    --gradient-to-color: #faf5ff !important;
  }

  .sm\:to-purple-200{
    --gradient-to-color: #e9d8fd !important;
  }

  .sm\:to-purple-300{
    --gradient-to-color: #d6bcfa !important;
  }

  .sm\:to-purple-400{
    --gradient-to-color: #b794f4 !important;
  }

  .sm\:to-purple-500{
    --gradient-to-color: #9f7aea !important;
  }

  .sm\:to-purple-600{
    --gradient-to-color: #805ad5 !important;
  }

  .sm\:to-purple-700{
    --gradient-to-color: #6b46c1 !important;
  }

  .sm\:to-purple-800{
    --gradient-to-color: #553c9a !important;
  }

  .sm\:to-purple-900{
    --gradient-to-color: #44337a !important;
  }

  .sm\:to-pink-100{
    --gradient-to-color: #fff5f7 !important;
  }

  .sm\:to-pink-200{
    --gradient-to-color: #fed7e2 !important;
  }

  .sm\:to-pink-300{
    --gradient-to-color: #fbb6ce !important;
  }

  .sm\:to-pink-400{
    --gradient-to-color: #f687b3 !important;
  }

  .sm\:to-pink-500{
    --gradient-to-color: #ed64a6 !important;
  }

  .sm\:to-pink-600{
    --gradient-to-color: #d53f8c !important;
  }

  .sm\:to-pink-700{
    --gradient-to-color: #b83280 !important;
  }

  .sm\:to-pink-800{
    --gradient-to-color: #97266d !important;
  }

  .sm\:to-pink-900{
    --gradient-to-color: #702459 !important;
  }

  .sm\:to-primary-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .sm\:to-primary-hover-color{
    --gradient-to-color: var(--hover-color) !important;
  }

  .sm\:to-gray-body{
    --gradient-to-color: #f2f2f2 !important;
  }

  .sm\:to-gray-light{
    --gradient-to-color: #ccc !important;
  }

  .sm\:to-gray-333{
    --gradient-to-color: #333 !important;
  }

  .sm\:to-gray-666{
    --gradient-to-color: #666 !important;
  }

  .sm\:to-gray-888{
    --gradient-to-color: #888 !important;
  }

  .sm\:to-gray-999{
    --gradient-to-color: #999 !important;
  }

  .sm\:to-gray-icon{
    --gradient-to-color: #9a9a9a !important;
  }

  .sm\:to-gray-features{
    --gradient-to-color: #f5f5f5 !important;
  }

  .sm\:to-slide-border{
    --gradient-to-color: #e1e1e1 !important;
  }

  .sm\:to-sale-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .sm\:to-hit-color{
    --gradient-to-color: #ff9900 !important;
  }

  .sm\:to-new-color{
    --gradient-to-color: #0fa3c6 !important;
  }

  .sm\:to-fb-hover-color{
    --gradient-to-color: #5959d8 !important;
  }

  .sm\:to-fb-active-color{
    --gradient-to-color: #4040b3 !important;
  }

  .sm\:to-vk-hover-color{
    --gradient-to-color: #628dd3 !important;
  }

  .sm\:to-vk-active-color{
    --gradient-to-color: #3768b9 !important;
  }

  .sm\:to-insta-hover-color{
    --gradient-to-color: #af35d2 !important;
  }

  .sm\:to-insta-active-color{
    --gradient-to-color: #7e47b7 !important;
  }

  .sm\:to-gray-dc{
    --gradient-to-color: #dcdcdc !important;
  }

  .sm\:to-gray-cd{
    --gradient-to-color: #cdcdcd !important;
  }

  .sm\:to-gray-e7{
    --gradient-to-color: #e7e7e7 !important;
  }

  .sm\:to-check-color{
    --gradient-to-color: #ce3a12 !important;
  }

  .sm\:to-docx-color{
    --gradient-to-color: #1789e9 !important;
  }

  .sm\:to-dark-black{
    --gradient-to-color: #010101 !important;
  }

  .sm\:to-green-light{
    --gradient-to-color: #3ab011 !important;
  }

  .sm\:hover\:from-transparent:hover{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:hover\:from-current:hover{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:hover\:from-black:hover{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:hover\:from-white:hover{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:hover\:from-gray-100:hover{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .sm\:hover\:from-gray-200:hover{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .sm\:hover\:from-gray-300:hover{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .sm\:hover\:from-gray-400:hover{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .sm\:hover\:from-gray-500:hover{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .sm\:hover\:from-gray-600:hover{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .sm\:hover\:from-gray-700:hover{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .sm\:hover\:from-gray-800:hover{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .sm\:hover\:from-gray-900:hover{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .sm\:hover\:from-red:hover{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .sm\:hover\:from-orange-100:hover{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .sm\:hover\:from-orange-200:hover{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .sm\:hover\:from-orange-300:hover{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .sm\:hover\:from-orange-400:hover{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .sm\:hover\:from-orange-500:hover{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .sm\:hover\:from-orange-600:hover{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .sm\:hover\:from-orange-700:hover{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .sm\:hover\:from-orange-800:hover{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .sm\:hover\:from-orange-900:hover{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .sm\:hover\:from-yellow-100:hover{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .sm\:hover\:from-yellow-200:hover{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .sm\:hover\:from-yellow-300:hover{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .sm\:hover\:from-yellow-400:hover{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .sm\:hover\:from-yellow-500:hover{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .sm\:hover\:from-yellow-600:hover{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .sm\:hover\:from-yellow-700:hover{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .sm\:hover\:from-yellow-800:hover{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .sm\:hover\:from-yellow-900:hover{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .sm\:hover\:from-green-100:hover{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .sm\:hover\:from-green-200:hover{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .sm\:hover\:from-green-300:hover{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .sm\:hover\:from-green-400:hover{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .sm\:hover\:from-green-500:hover{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .sm\:hover\:from-green-600:hover{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .sm\:hover\:from-green-700:hover{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .sm\:hover\:from-green-800:hover{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .sm\:hover\:from-green-900:hover{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .sm\:hover\:from-teal-100:hover{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .sm\:hover\:from-teal-200:hover{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .sm\:hover\:from-teal-300:hover{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .sm\:hover\:from-teal-400:hover{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .sm\:hover\:from-teal-500:hover{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .sm\:hover\:from-teal-600:hover{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .sm\:hover\:from-teal-700:hover{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .sm\:hover\:from-teal-800:hover{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .sm\:hover\:from-teal-900:hover{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .sm\:hover\:from-blue-100:hover{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .sm\:hover\:from-blue-200:hover{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .sm\:hover\:from-blue-300:hover{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .sm\:hover\:from-blue-400:hover{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .sm\:hover\:from-blue-500:hover{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .sm\:hover\:from-blue-600:hover{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .sm\:hover\:from-blue-700:hover{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .sm\:hover\:from-blue-800:hover{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .sm\:hover\:from-blue-900:hover{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .sm\:hover\:from-indigo-100:hover{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .sm\:hover\:from-indigo-200:hover{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .sm\:hover\:from-indigo-300:hover{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .sm\:hover\:from-indigo-400:hover{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .sm\:hover\:from-indigo-500:hover{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .sm\:hover\:from-indigo-600:hover{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .sm\:hover\:from-indigo-700:hover{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .sm\:hover\:from-indigo-800:hover{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .sm\:hover\:from-indigo-900:hover{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .sm\:hover\:from-purple-100:hover{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .sm\:hover\:from-purple-200:hover{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .sm\:hover\:from-purple-300:hover{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .sm\:hover\:from-purple-400:hover{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .sm\:hover\:from-purple-500:hover{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .sm\:hover\:from-purple-600:hover{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .sm\:hover\:from-purple-700:hover{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .sm\:hover\:from-purple-800:hover{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .sm\:hover\:from-purple-900:hover{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .sm\:hover\:from-pink-100:hover{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .sm\:hover\:from-pink-200:hover{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .sm\:hover\:from-pink-300:hover{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .sm\:hover\:from-pink-400:hover{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .sm\:hover\:from-pink-500:hover{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .sm\:hover\:from-pink-600:hover{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .sm\:hover\:from-pink-700:hover{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .sm\:hover\:from-pink-800:hover{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .sm\:hover\:from-pink-900:hover{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .sm\:hover\:from-primary-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:hover\:from-primary-hover-color:hover{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:hover\:from-gray-body:hover{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .sm\:hover\:from-gray-light:hover{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .sm\:hover\:from-gray-333:hover{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .sm\:hover\:from-gray-666:hover{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .sm\:hover\:from-gray-888:hover{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .sm\:hover\:from-gray-999:hover{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .sm\:hover\:from-gray-icon:hover{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .sm\:hover\:from-gray-features:hover{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .sm\:hover\:from-slide-border:hover{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .sm\:hover\:from-sale-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:hover\:from-hit-color:hover{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .sm\:hover\:from-new-color:hover{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .sm\:hover\:from-fb-hover-color:hover{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .sm\:hover\:from-fb-active-color:hover{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .sm\:hover\:from-vk-hover-color:hover{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .sm\:hover\:from-vk-active-color:hover{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .sm\:hover\:from-insta-hover-color:hover{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .sm\:hover\:from-insta-active-color:hover{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .sm\:hover\:from-gray-dc:hover{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .sm\:hover\:from-gray-cd:hover{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .sm\:hover\:from-gray-e7:hover{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .sm\:hover\:from-check-color:hover{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .sm\:hover\:from-docx-color:hover{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .sm\:hover\:from-dark-black:hover{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .sm\:hover\:from-green-light:hover{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .sm\:hover\:via-transparent:hover{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:hover\:via-current:hover{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:hover\:via-black:hover{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:hover\:via-white:hover{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:hover\:via-gray-100:hover{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .sm\:hover\:via-gray-200:hover{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .sm\:hover\:via-gray-300:hover{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .sm\:hover\:via-gray-400:hover{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .sm\:hover\:via-gray-500:hover{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .sm\:hover\:via-gray-600:hover{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .sm\:hover\:via-gray-700:hover{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .sm\:hover\:via-gray-800:hover{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .sm\:hover\:via-gray-900:hover{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .sm\:hover\:via-red:hover{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .sm\:hover\:via-orange-100:hover{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .sm\:hover\:via-orange-200:hover{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .sm\:hover\:via-orange-300:hover{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .sm\:hover\:via-orange-400:hover{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .sm\:hover\:via-orange-500:hover{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .sm\:hover\:via-orange-600:hover{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .sm\:hover\:via-orange-700:hover{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .sm\:hover\:via-orange-800:hover{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .sm\:hover\:via-orange-900:hover{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .sm\:hover\:via-yellow-100:hover{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .sm\:hover\:via-yellow-200:hover{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .sm\:hover\:via-yellow-300:hover{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .sm\:hover\:via-yellow-400:hover{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .sm\:hover\:via-yellow-500:hover{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .sm\:hover\:via-yellow-600:hover{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .sm\:hover\:via-yellow-700:hover{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .sm\:hover\:via-yellow-800:hover{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .sm\:hover\:via-yellow-900:hover{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .sm\:hover\:via-green-100:hover{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .sm\:hover\:via-green-200:hover{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .sm\:hover\:via-green-300:hover{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .sm\:hover\:via-green-400:hover{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .sm\:hover\:via-green-500:hover{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .sm\:hover\:via-green-600:hover{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .sm\:hover\:via-green-700:hover{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .sm\:hover\:via-green-800:hover{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .sm\:hover\:via-green-900:hover{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .sm\:hover\:via-teal-100:hover{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .sm\:hover\:via-teal-200:hover{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .sm\:hover\:via-teal-300:hover{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .sm\:hover\:via-teal-400:hover{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .sm\:hover\:via-teal-500:hover{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .sm\:hover\:via-teal-600:hover{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .sm\:hover\:via-teal-700:hover{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .sm\:hover\:via-teal-800:hover{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .sm\:hover\:via-teal-900:hover{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .sm\:hover\:via-blue-100:hover{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .sm\:hover\:via-blue-200:hover{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .sm\:hover\:via-blue-300:hover{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .sm\:hover\:via-blue-400:hover{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .sm\:hover\:via-blue-500:hover{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .sm\:hover\:via-blue-600:hover{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .sm\:hover\:via-blue-700:hover{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .sm\:hover\:via-blue-800:hover{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .sm\:hover\:via-blue-900:hover{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .sm\:hover\:via-indigo-100:hover{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .sm\:hover\:via-indigo-200:hover{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .sm\:hover\:via-indigo-300:hover{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .sm\:hover\:via-indigo-400:hover{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .sm\:hover\:via-indigo-500:hover{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .sm\:hover\:via-indigo-600:hover{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .sm\:hover\:via-indigo-700:hover{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .sm\:hover\:via-indigo-800:hover{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .sm\:hover\:via-indigo-900:hover{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .sm\:hover\:via-purple-100:hover{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .sm\:hover\:via-purple-200:hover{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .sm\:hover\:via-purple-300:hover{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .sm\:hover\:via-purple-400:hover{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .sm\:hover\:via-purple-500:hover{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .sm\:hover\:via-purple-600:hover{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .sm\:hover\:via-purple-700:hover{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .sm\:hover\:via-purple-800:hover{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .sm\:hover\:via-purple-900:hover{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .sm\:hover\:via-pink-100:hover{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .sm\:hover\:via-pink-200:hover{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .sm\:hover\:via-pink-300:hover{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .sm\:hover\:via-pink-400:hover{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .sm\:hover\:via-pink-500:hover{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .sm\:hover\:via-pink-600:hover{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .sm\:hover\:via-pink-700:hover{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .sm\:hover\:via-pink-800:hover{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .sm\:hover\:via-pink-900:hover{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .sm\:hover\:via-primary-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:hover\:via-primary-hover-color:hover{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:hover\:via-gray-body:hover{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .sm\:hover\:via-gray-light:hover{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .sm\:hover\:via-gray-333:hover{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .sm\:hover\:via-gray-666:hover{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .sm\:hover\:via-gray-888:hover{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .sm\:hover\:via-gray-999:hover{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .sm\:hover\:via-gray-icon:hover{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .sm\:hover\:via-gray-features:hover{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .sm\:hover\:via-slide-border:hover{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .sm\:hover\:via-sale-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:hover\:via-hit-color:hover{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .sm\:hover\:via-new-color:hover{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .sm\:hover\:via-fb-hover-color:hover{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .sm\:hover\:via-fb-active-color:hover{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .sm\:hover\:via-vk-hover-color:hover{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .sm\:hover\:via-vk-active-color:hover{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .sm\:hover\:via-insta-hover-color:hover{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .sm\:hover\:via-insta-active-color:hover{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .sm\:hover\:via-gray-dc:hover{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .sm\:hover\:via-gray-cd:hover{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .sm\:hover\:via-gray-e7:hover{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .sm\:hover\:via-check-color:hover{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .sm\:hover\:via-docx-color:hover{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .sm\:hover\:via-dark-black:hover{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .sm\:hover\:via-green-light:hover{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .sm\:hover\:to-transparent:hover{
    --gradient-to-color: transparent !important;
  }

  .sm\:hover\:to-current:hover{
    --gradient-to-color: currentColor !important;
  }

  .sm\:hover\:to-black:hover{
    --gradient-to-color: #000 !important;
  }

  .sm\:hover\:to-white:hover{
    --gradient-to-color: #fff !important;
  }

  .sm\:hover\:to-gray-100:hover{
    --gradient-to-color: #f7fafc !important;
  }

  .sm\:hover\:to-gray-200:hover{
    --gradient-to-color: #edf2f7 !important;
  }

  .sm\:hover\:to-gray-300:hover{
    --gradient-to-color: #e2e8f0 !important;
  }

  .sm\:hover\:to-gray-400:hover{
    --gradient-to-color: #cbd5e0 !important;
  }

  .sm\:hover\:to-gray-500:hover{
    --gradient-to-color: #a0aec0 !important;
  }

  .sm\:hover\:to-gray-600:hover{
    --gradient-to-color: #718096 !important;
  }

  .sm\:hover\:to-gray-700:hover{
    --gradient-to-color: #4a5568 !important;
  }

  .sm\:hover\:to-gray-800:hover{
    --gradient-to-color: #2d3748 !important;
  }

  .sm\:hover\:to-gray-900:hover{
    --gradient-to-color: #1a202c !important;
  }

  .sm\:hover\:to-red:hover{
    --gradient-to-color: #cc0a0a !important;
  }

  .sm\:hover\:to-orange-100:hover{
    --gradient-to-color: #fffaf0 !important;
  }

  .sm\:hover\:to-orange-200:hover{
    --gradient-to-color: #feebc8 !important;
  }

  .sm\:hover\:to-orange-300:hover{
    --gradient-to-color: #fbd38d !important;
  }

  .sm\:hover\:to-orange-400:hover{
    --gradient-to-color: #f6ad55 !important;
  }

  .sm\:hover\:to-orange-500:hover{
    --gradient-to-color: #ed8936 !important;
  }

  .sm\:hover\:to-orange-600:hover{
    --gradient-to-color: #dd6b20 !important;
  }

  .sm\:hover\:to-orange-700:hover{
    --gradient-to-color: #c05621 !important;
  }

  .sm\:hover\:to-orange-800:hover{
    --gradient-to-color: #9c4221 !important;
  }

  .sm\:hover\:to-orange-900:hover{
    --gradient-to-color: #7b341e !important;
  }

  .sm\:hover\:to-yellow-100:hover{
    --gradient-to-color: #fffff0 !important;
  }

  .sm\:hover\:to-yellow-200:hover{
    --gradient-to-color: #fefcbf !important;
  }

  .sm\:hover\:to-yellow-300:hover{
    --gradient-to-color: #faf089 !important;
  }

  .sm\:hover\:to-yellow-400:hover{
    --gradient-to-color: #f6e05e !important;
  }

  .sm\:hover\:to-yellow-500:hover{
    --gradient-to-color: #ecc94b !important;
  }

  .sm\:hover\:to-yellow-600:hover{
    --gradient-to-color: #d69e2e !important;
  }

  .sm\:hover\:to-yellow-700:hover{
    --gradient-to-color: #b7791f !important;
  }

  .sm\:hover\:to-yellow-800:hover{
    --gradient-to-color: #975a16 !important;
  }

  .sm\:hover\:to-yellow-900:hover{
    --gradient-to-color: #744210 !important;
  }

  .sm\:hover\:to-green-100:hover{
    --gradient-to-color: #f0fff4 !important;
  }

  .sm\:hover\:to-green-200:hover{
    --gradient-to-color: #c6f6d5 !important;
  }

  .sm\:hover\:to-green-300:hover{
    --gradient-to-color: #9ae6b4 !important;
  }

  .sm\:hover\:to-green-400:hover{
    --gradient-to-color: #68d391 !important;
  }

  .sm\:hover\:to-green-500:hover{
    --gradient-to-color: #48bb78 !important;
  }

  .sm\:hover\:to-green-600:hover{
    --gradient-to-color: #38a169 !important;
  }

  .sm\:hover\:to-green-700:hover{
    --gradient-to-color: #2f855a !important;
  }

  .sm\:hover\:to-green-800:hover{
    --gradient-to-color: #276749 !important;
  }

  .sm\:hover\:to-green-900:hover{
    --gradient-to-color: #22543d !important;
  }

  .sm\:hover\:to-teal-100:hover{
    --gradient-to-color: #e6fffa !important;
  }

  .sm\:hover\:to-teal-200:hover{
    --gradient-to-color: #b2f5ea !important;
  }

  .sm\:hover\:to-teal-300:hover{
    --gradient-to-color: #81e6d9 !important;
  }

  .sm\:hover\:to-teal-400:hover{
    --gradient-to-color: #4fd1c5 !important;
  }

  .sm\:hover\:to-teal-500:hover{
    --gradient-to-color: #38b2ac !important;
  }

  .sm\:hover\:to-teal-600:hover{
    --gradient-to-color: #319795 !important;
  }

  .sm\:hover\:to-teal-700:hover{
    --gradient-to-color: #2c7a7b !important;
  }

  .sm\:hover\:to-teal-800:hover{
    --gradient-to-color: #285e61 !important;
  }

  .sm\:hover\:to-teal-900:hover{
    --gradient-to-color: #234e52 !important;
  }

  .sm\:hover\:to-blue-100:hover{
    --gradient-to-color: #ebf8ff !important;
  }

  .sm\:hover\:to-blue-200:hover{
    --gradient-to-color: #bee3f8 !important;
  }

  .sm\:hover\:to-blue-300:hover{
    --gradient-to-color: #90cdf4 !important;
  }

  .sm\:hover\:to-blue-400:hover{
    --gradient-to-color: #63b3ed !important;
  }

  .sm\:hover\:to-blue-500:hover{
    --gradient-to-color: #4299e1 !important;
  }

  .sm\:hover\:to-blue-600:hover{
    --gradient-to-color: #3182ce !important;
  }

  .sm\:hover\:to-blue-700:hover{
    --gradient-to-color: #2b6cb0 !important;
  }

  .sm\:hover\:to-blue-800:hover{
    --gradient-to-color: #2c5282 !important;
  }

  .sm\:hover\:to-blue-900:hover{
    --gradient-to-color: #2a4365 !important;
  }

  .sm\:hover\:to-indigo-100:hover{
    --gradient-to-color: #ebf4ff !important;
  }

  .sm\:hover\:to-indigo-200:hover{
    --gradient-to-color: #c3dafe !important;
  }

  .sm\:hover\:to-indigo-300:hover{
    --gradient-to-color: #a3bffa !important;
  }

  .sm\:hover\:to-indigo-400:hover{
    --gradient-to-color: #7f9cf5 !important;
  }

  .sm\:hover\:to-indigo-500:hover{
    --gradient-to-color: #667eea !important;
  }

  .sm\:hover\:to-indigo-600:hover{
    --gradient-to-color: #5a67d8 !important;
  }

  .sm\:hover\:to-indigo-700:hover{
    --gradient-to-color: #4c51bf !important;
  }

  .sm\:hover\:to-indigo-800:hover{
    --gradient-to-color: #434190 !important;
  }

  .sm\:hover\:to-indigo-900:hover{
    --gradient-to-color: #3c366b !important;
  }

  .sm\:hover\:to-purple-100:hover{
    --gradient-to-color: #faf5ff !important;
  }

  .sm\:hover\:to-purple-200:hover{
    --gradient-to-color: #e9d8fd !important;
  }

  .sm\:hover\:to-purple-300:hover{
    --gradient-to-color: #d6bcfa !important;
  }

  .sm\:hover\:to-purple-400:hover{
    --gradient-to-color: #b794f4 !important;
  }

  .sm\:hover\:to-purple-500:hover{
    --gradient-to-color: #9f7aea !important;
  }

  .sm\:hover\:to-purple-600:hover{
    --gradient-to-color: #805ad5 !important;
  }

  .sm\:hover\:to-purple-700:hover{
    --gradient-to-color: #6b46c1 !important;
  }

  .sm\:hover\:to-purple-800:hover{
    --gradient-to-color: #553c9a !important;
  }

  .sm\:hover\:to-purple-900:hover{
    --gradient-to-color: #44337a !important;
  }

  .sm\:hover\:to-pink-100:hover{
    --gradient-to-color: #fff5f7 !important;
  }

  .sm\:hover\:to-pink-200:hover{
    --gradient-to-color: #fed7e2 !important;
  }

  .sm\:hover\:to-pink-300:hover{
    --gradient-to-color: #fbb6ce !important;
  }

  .sm\:hover\:to-pink-400:hover{
    --gradient-to-color: #f687b3 !important;
  }

  .sm\:hover\:to-pink-500:hover{
    --gradient-to-color: #ed64a6 !important;
  }

  .sm\:hover\:to-pink-600:hover{
    --gradient-to-color: #d53f8c !important;
  }

  .sm\:hover\:to-pink-700:hover{
    --gradient-to-color: #b83280 !important;
  }

  .sm\:hover\:to-pink-800:hover{
    --gradient-to-color: #97266d !important;
  }

  .sm\:hover\:to-pink-900:hover{
    --gradient-to-color: #702459 !important;
  }

  .sm\:hover\:to-primary-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .sm\:hover\:to-primary-hover-color:hover{
    --gradient-to-color: var(--hover-color) !important;
  }

  .sm\:hover\:to-gray-body:hover{
    --gradient-to-color: #f2f2f2 !important;
  }

  .sm\:hover\:to-gray-light:hover{
    --gradient-to-color: #ccc !important;
  }

  .sm\:hover\:to-gray-333:hover{
    --gradient-to-color: #333 !important;
  }

  .sm\:hover\:to-gray-666:hover{
    --gradient-to-color: #666 !important;
  }

  .sm\:hover\:to-gray-888:hover{
    --gradient-to-color: #888 !important;
  }

  .sm\:hover\:to-gray-999:hover{
    --gradient-to-color: #999 !important;
  }

  .sm\:hover\:to-gray-icon:hover{
    --gradient-to-color: #9a9a9a !important;
  }

  .sm\:hover\:to-gray-features:hover{
    --gradient-to-color: #f5f5f5 !important;
  }

  .sm\:hover\:to-slide-border:hover{
    --gradient-to-color: #e1e1e1 !important;
  }

  .sm\:hover\:to-sale-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .sm\:hover\:to-hit-color:hover{
    --gradient-to-color: #ff9900 !important;
  }

  .sm\:hover\:to-new-color:hover{
    --gradient-to-color: #0fa3c6 !important;
  }

  .sm\:hover\:to-fb-hover-color:hover{
    --gradient-to-color: #5959d8 !important;
  }

  .sm\:hover\:to-fb-active-color:hover{
    --gradient-to-color: #4040b3 !important;
  }

  .sm\:hover\:to-vk-hover-color:hover{
    --gradient-to-color: #628dd3 !important;
  }

  .sm\:hover\:to-vk-active-color:hover{
    --gradient-to-color: #3768b9 !important;
  }

  .sm\:hover\:to-insta-hover-color:hover{
    --gradient-to-color: #af35d2 !important;
  }

  .sm\:hover\:to-insta-active-color:hover{
    --gradient-to-color: #7e47b7 !important;
  }

  .sm\:hover\:to-gray-dc:hover{
    --gradient-to-color: #dcdcdc !important;
  }

  .sm\:hover\:to-gray-cd:hover{
    --gradient-to-color: #cdcdcd !important;
  }

  .sm\:hover\:to-gray-e7:hover{
    --gradient-to-color: #e7e7e7 !important;
  }

  .sm\:hover\:to-check-color:hover{
    --gradient-to-color: #ce3a12 !important;
  }

  .sm\:hover\:to-docx-color:hover{
    --gradient-to-color: #1789e9 !important;
  }

  .sm\:hover\:to-dark-black:hover{
    --gradient-to-color: #010101 !important;
  }

  .sm\:hover\:to-green-light:hover{
    --gradient-to-color: #3ab011 !important;
  }

  .sm\:focus\:from-transparent:focus{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:focus\:from-current:focus{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:focus\:from-black:focus{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:focus\:from-white:focus{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:focus\:from-gray-100:focus{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .sm\:focus\:from-gray-200:focus{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .sm\:focus\:from-gray-300:focus{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .sm\:focus\:from-gray-400:focus{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .sm\:focus\:from-gray-500:focus{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .sm\:focus\:from-gray-600:focus{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .sm\:focus\:from-gray-700:focus{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .sm\:focus\:from-gray-800:focus{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .sm\:focus\:from-gray-900:focus{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .sm\:focus\:from-red:focus{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .sm\:focus\:from-orange-100:focus{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .sm\:focus\:from-orange-200:focus{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .sm\:focus\:from-orange-300:focus{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .sm\:focus\:from-orange-400:focus{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .sm\:focus\:from-orange-500:focus{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .sm\:focus\:from-orange-600:focus{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .sm\:focus\:from-orange-700:focus{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .sm\:focus\:from-orange-800:focus{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .sm\:focus\:from-orange-900:focus{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .sm\:focus\:from-yellow-100:focus{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .sm\:focus\:from-yellow-200:focus{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .sm\:focus\:from-yellow-300:focus{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .sm\:focus\:from-yellow-400:focus{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .sm\:focus\:from-yellow-500:focus{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .sm\:focus\:from-yellow-600:focus{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .sm\:focus\:from-yellow-700:focus{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .sm\:focus\:from-yellow-800:focus{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .sm\:focus\:from-yellow-900:focus{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .sm\:focus\:from-green-100:focus{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .sm\:focus\:from-green-200:focus{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .sm\:focus\:from-green-300:focus{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .sm\:focus\:from-green-400:focus{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .sm\:focus\:from-green-500:focus{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .sm\:focus\:from-green-600:focus{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .sm\:focus\:from-green-700:focus{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .sm\:focus\:from-green-800:focus{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .sm\:focus\:from-green-900:focus{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .sm\:focus\:from-teal-100:focus{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .sm\:focus\:from-teal-200:focus{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .sm\:focus\:from-teal-300:focus{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .sm\:focus\:from-teal-400:focus{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .sm\:focus\:from-teal-500:focus{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .sm\:focus\:from-teal-600:focus{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .sm\:focus\:from-teal-700:focus{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .sm\:focus\:from-teal-800:focus{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .sm\:focus\:from-teal-900:focus{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .sm\:focus\:from-blue-100:focus{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .sm\:focus\:from-blue-200:focus{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .sm\:focus\:from-blue-300:focus{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .sm\:focus\:from-blue-400:focus{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .sm\:focus\:from-blue-500:focus{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .sm\:focus\:from-blue-600:focus{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .sm\:focus\:from-blue-700:focus{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .sm\:focus\:from-blue-800:focus{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .sm\:focus\:from-blue-900:focus{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .sm\:focus\:from-indigo-100:focus{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .sm\:focus\:from-indigo-200:focus{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .sm\:focus\:from-indigo-300:focus{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .sm\:focus\:from-indigo-400:focus{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .sm\:focus\:from-indigo-500:focus{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .sm\:focus\:from-indigo-600:focus{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .sm\:focus\:from-indigo-700:focus{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .sm\:focus\:from-indigo-800:focus{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .sm\:focus\:from-indigo-900:focus{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .sm\:focus\:from-purple-100:focus{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .sm\:focus\:from-purple-200:focus{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .sm\:focus\:from-purple-300:focus{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .sm\:focus\:from-purple-400:focus{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .sm\:focus\:from-purple-500:focus{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .sm\:focus\:from-purple-600:focus{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .sm\:focus\:from-purple-700:focus{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .sm\:focus\:from-purple-800:focus{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .sm\:focus\:from-purple-900:focus{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .sm\:focus\:from-pink-100:focus{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .sm\:focus\:from-pink-200:focus{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .sm\:focus\:from-pink-300:focus{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .sm\:focus\:from-pink-400:focus{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .sm\:focus\:from-pink-500:focus{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .sm\:focus\:from-pink-600:focus{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .sm\:focus\:from-pink-700:focus{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .sm\:focus\:from-pink-800:focus{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .sm\:focus\:from-pink-900:focus{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .sm\:focus\:from-primary-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:focus\:from-primary-hover-color:focus{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:focus\:from-gray-body:focus{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .sm\:focus\:from-gray-light:focus{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .sm\:focus\:from-gray-333:focus{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .sm\:focus\:from-gray-666:focus{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .sm\:focus\:from-gray-888:focus{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .sm\:focus\:from-gray-999:focus{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .sm\:focus\:from-gray-icon:focus{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .sm\:focus\:from-gray-features:focus{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .sm\:focus\:from-slide-border:focus{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .sm\:focus\:from-sale-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:focus\:from-hit-color:focus{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .sm\:focus\:from-new-color:focus{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .sm\:focus\:from-fb-hover-color:focus{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .sm\:focus\:from-fb-active-color:focus{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .sm\:focus\:from-vk-hover-color:focus{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .sm\:focus\:from-vk-active-color:focus{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .sm\:focus\:from-insta-hover-color:focus{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .sm\:focus\:from-insta-active-color:focus{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .sm\:focus\:from-gray-dc:focus{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .sm\:focus\:from-gray-cd:focus{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .sm\:focus\:from-gray-e7:focus{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .sm\:focus\:from-check-color:focus{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .sm\:focus\:from-docx-color:focus{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .sm\:focus\:from-dark-black:focus{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .sm\:focus\:from-green-light:focus{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .sm\:focus\:via-transparent:focus{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:focus\:via-current:focus{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:focus\:via-black:focus{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .sm\:focus\:via-white:focus{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:focus\:via-gray-100:focus{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .sm\:focus\:via-gray-200:focus{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .sm\:focus\:via-gray-300:focus{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .sm\:focus\:via-gray-400:focus{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .sm\:focus\:via-gray-500:focus{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .sm\:focus\:via-gray-600:focus{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .sm\:focus\:via-gray-700:focus{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .sm\:focus\:via-gray-800:focus{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .sm\:focus\:via-gray-900:focus{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .sm\:focus\:via-red:focus{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .sm\:focus\:via-orange-100:focus{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .sm\:focus\:via-orange-200:focus{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .sm\:focus\:via-orange-300:focus{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .sm\:focus\:via-orange-400:focus{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .sm\:focus\:via-orange-500:focus{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .sm\:focus\:via-orange-600:focus{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .sm\:focus\:via-orange-700:focus{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .sm\:focus\:via-orange-800:focus{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .sm\:focus\:via-orange-900:focus{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .sm\:focus\:via-yellow-100:focus{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .sm\:focus\:via-yellow-200:focus{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .sm\:focus\:via-yellow-300:focus{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .sm\:focus\:via-yellow-400:focus{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .sm\:focus\:via-yellow-500:focus{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .sm\:focus\:via-yellow-600:focus{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .sm\:focus\:via-yellow-700:focus{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .sm\:focus\:via-yellow-800:focus{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .sm\:focus\:via-yellow-900:focus{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .sm\:focus\:via-green-100:focus{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .sm\:focus\:via-green-200:focus{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .sm\:focus\:via-green-300:focus{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .sm\:focus\:via-green-400:focus{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .sm\:focus\:via-green-500:focus{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .sm\:focus\:via-green-600:focus{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .sm\:focus\:via-green-700:focus{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .sm\:focus\:via-green-800:focus{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .sm\:focus\:via-green-900:focus{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .sm\:focus\:via-teal-100:focus{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .sm\:focus\:via-teal-200:focus{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .sm\:focus\:via-teal-300:focus{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .sm\:focus\:via-teal-400:focus{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .sm\:focus\:via-teal-500:focus{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .sm\:focus\:via-teal-600:focus{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .sm\:focus\:via-teal-700:focus{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .sm\:focus\:via-teal-800:focus{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .sm\:focus\:via-teal-900:focus{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .sm\:focus\:via-blue-100:focus{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .sm\:focus\:via-blue-200:focus{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .sm\:focus\:via-blue-300:focus{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .sm\:focus\:via-blue-400:focus{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .sm\:focus\:via-blue-500:focus{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .sm\:focus\:via-blue-600:focus{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .sm\:focus\:via-blue-700:focus{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .sm\:focus\:via-blue-800:focus{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .sm\:focus\:via-blue-900:focus{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .sm\:focus\:via-indigo-100:focus{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .sm\:focus\:via-indigo-200:focus{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .sm\:focus\:via-indigo-300:focus{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .sm\:focus\:via-indigo-400:focus{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .sm\:focus\:via-indigo-500:focus{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .sm\:focus\:via-indigo-600:focus{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .sm\:focus\:via-indigo-700:focus{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .sm\:focus\:via-indigo-800:focus{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .sm\:focus\:via-indigo-900:focus{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .sm\:focus\:via-purple-100:focus{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .sm\:focus\:via-purple-200:focus{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .sm\:focus\:via-purple-300:focus{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .sm\:focus\:via-purple-400:focus{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .sm\:focus\:via-purple-500:focus{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .sm\:focus\:via-purple-600:focus{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .sm\:focus\:via-purple-700:focus{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .sm\:focus\:via-purple-800:focus{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .sm\:focus\:via-purple-900:focus{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .sm\:focus\:via-pink-100:focus{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .sm\:focus\:via-pink-200:focus{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .sm\:focus\:via-pink-300:focus{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .sm\:focus\:via-pink-400:focus{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .sm\:focus\:via-pink-500:focus{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .sm\:focus\:via-pink-600:focus{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .sm\:focus\:via-pink-700:focus{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .sm\:focus\:via-pink-800:focus{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .sm\:focus\:via-pink-900:focus{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .sm\:focus\:via-primary-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:focus\:via-primary-hover-color:focus{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:focus\:via-gray-body:focus{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .sm\:focus\:via-gray-light:focus{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .sm\:focus\:via-gray-333:focus{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .sm\:focus\:via-gray-666:focus{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .sm\:focus\:via-gray-888:focus{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .sm\:focus\:via-gray-999:focus{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .sm\:focus\:via-gray-icon:focus{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .sm\:focus\:via-gray-features:focus{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .sm\:focus\:via-slide-border:focus{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .sm\:focus\:via-sale-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .sm\:focus\:via-hit-color:focus{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .sm\:focus\:via-new-color:focus{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .sm\:focus\:via-fb-hover-color:focus{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .sm\:focus\:via-fb-active-color:focus{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .sm\:focus\:via-vk-hover-color:focus{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .sm\:focus\:via-vk-active-color:focus{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .sm\:focus\:via-insta-hover-color:focus{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .sm\:focus\:via-insta-active-color:focus{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .sm\:focus\:via-gray-dc:focus{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .sm\:focus\:via-gray-cd:focus{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .sm\:focus\:via-gray-e7:focus{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .sm\:focus\:via-check-color:focus{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .sm\:focus\:via-docx-color:focus{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .sm\:focus\:via-dark-black:focus{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .sm\:focus\:via-green-light:focus{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .sm\:focus\:to-transparent:focus{
    --gradient-to-color: transparent !important;
  }

  .sm\:focus\:to-current:focus{
    --gradient-to-color: currentColor !important;
  }

  .sm\:focus\:to-black:focus{
    --gradient-to-color: #000 !important;
  }

  .sm\:focus\:to-white:focus{
    --gradient-to-color: #fff !important;
  }

  .sm\:focus\:to-gray-100:focus{
    --gradient-to-color: #f7fafc !important;
  }

  .sm\:focus\:to-gray-200:focus{
    --gradient-to-color: #edf2f7 !important;
  }

  .sm\:focus\:to-gray-300:focus{
    --gradient-to-color: #e2e8f0 !important;
  }

  .sm\:focus\:to-gray-400:focus{
    --gradient-to-color: #cbd5e0 !important;
  }

  .sm\:focus\:to-gray-500:focus{
    --gradient-to-color: #a0aec0 !important;
  }

  .sm\:focus\:to-gray-600:focus{
    --gradient-to-color: #718096 !important;
  }

  .sm\:focus\:to-gray-700:focus{
    --gradient-to-color: #4a5568 !important;
  }

  .sm\:focus\:to-gray-800:focus{
    --gradient-to-color: #2d3748 !important;
  }

  .sm\:focus\:to-gray-900:focus{
    --gradient-to-color: #1a202c !important;
  }

  .sm\:focus\:to-red:focus{
    --gradient-to-color: #cc0a0a !important;
  }

  .sm\:focus\:to-orange-100:focus{
    --gradient-to-color: #fffaf0 !important;
  }

  .sm\:focus\:to-orange-200:focus{
    --gradient-to-color: #feebc8 !important;
  }

  .sm\:focus\:to-orange-300:focus{
    --gradient-to-color: #fbd38d !important;
  }

  .sm\:focus\:to-orange-400:focus{
    --gradient-to-color: #f6ad55 !important;
  }

  .sm\:focus\:to-orange-500:focus{
    --gradient-to-color: #ed8936 !important;
  }

  .sm\:focus\:to-orange-600:focus{
    --gradient-to-color: #dd6b20 !important;
  }

  .sm\:focus\:to-orange-700:focus{
    --gradient-to-color: #c05621 !important;
  }

  .sm\:focus\:to-orange-800:focus{
    --gradient-to-color: #9c4221 !important;
  }

  .sm\:focus\:to-orange-900:focus{
    --gradient-to-color: #7b341e !important;
  }

  .sm\:focus\:to-yellow-100:focus{
    --gradient-to-color: #fffff0 !important;
  }

  .sm\:focus\:to-yellow-200:focus{
    --gradient-to-color: #fefcbf !important;
  }

  .sm\:focus\:to-yellow-300:focus{
    --gradient-to-color: #faf089 !important;
  }

  .sm\:focus\:to-yellow-400:focus{
    --gradient-to-color: #f6e05e !important;
  }

  .sm\:focus\:to-yellow-500:focus{
    --gradient-to-color: #ecc94b !important;
  }

  .sm\:focus\:to-yellow-600:focus{
    --gradient-to-color: #d69e2e !important;
  }

  .sm\:focus\:to-yellow-700:focus{
    --gradient-to-color: #b7791f !important;
  }

  .sm\:focus\:to-yellow-800:focus{
    --gradient-to-color: #975a16 !important;
  }

  .sm\:focus\:to-yellow-900:focus{
    --gradient-to-color: #744210 !important;
  }

  .sm\:focus\:to-green-100:focus{
    --gradient-to-color: #f0fff4 !important;
  }

  .sm\:focus\:to-green-200:focus{
    --gradient-to-color: #c6f6d5 !important;
  }

  .sm\:focus\:to-green-300:focus{
    --gradient-to-color: #9ae6b4 !important;
  }

  .sm\:focus\:to-green-400:focus{
    --gradient-to-color: #68d391 !important;
  }

  .sm\:focus\:to-green-500:focus{
    --gradient-to-color: #48bb78 !important;
  }

  .sm\:focus\:to-green-600:focus{
    --gradient-to-color: #38a169 !important;
  }

  .sm\:focus\:to-green-700:focus{
    --gradient-to-color: #2f855a !important;
  }

  .sm\:focus\:to-green-800:focus{
    --gradient-to-color: #276749 !important;
  }

  .sm\:focus\:to-green-900:focus{
    --gradient-to-color: #22543d !important;
  }

  .sm\:focus\:to-teal-100:focus{
    --gradient-to-color: #e6fffa !important;
  }

  .sm\:focus\:to-teal-200:focus{
    --gradient-to-color: #b2f5ea !important;
  }

  .sm\:focus\:to-teal-300:focus{
    --gradient-to-color: #81e6d9 !important;
  }

  .sm\:focus\:to-teal-400:focus{
    --gradient-to-color: #4fd1c5 !important;
  }

  .sm\:focus\:to-teal-500:focus{
    --gradient-to-color: #38b2ac !important;
  }

  .sm\:focus\:to-teal-600:focus{
    --gradient-to-color: #319795 !important;
  }

  .sm\:focus\:to-teal-700:focus{
    --gradient-to-color: #2c7a7b !important;
  }

  .sm\:focus\:to-teal-800:focus{
    --gradient-to-color: #285e61 !important;
  }

  .sm\:focus\:to-teal-900:focus{
    --gradient-to-color: #234e52 !important;
  }

  .sm\:focus\:to-blue-100:focus{
    --gradient-to-color: #ebf8ff !important;
  }

  .sm\:focus\:to-blue-200:focus{
    --gradient-to-color: #bee3f8 !important;
  }

  .sm\:focus\:to-blue-300:focus{
    --gradient-to-color: #90cdf4 !important;
  }

  .sm\:focus\:to-blue-400:focus{
    --gradient-to-color: #63b3ed !important;
  }

  .sm\:focus\:to-blue-500:focus{
    --gradient-to-color: #4299e1 !important;
  }

  .sm\:focus\:to-blue-600:focus{
    --gradient-to-color: #3182ce !important;
  }

  .sm\:focus\:to-blue-700:focus{
    --gradient-to-color: #2b6cb0 !important;
  }

  .sm\:focus\:to-blue-800:focus{
    --gradient-to-color: #2c5282 !important;
  }

  .sm\:focus\:to-blue-900:focus{
    --gradient-to-color: #2a4365 !important;
  }

  .sm\:focus\:to-indigo-100:focus{
    --gradient-to-color: #ebf4ff !important;
  }

  .sm\:focus\:to-indigo-200:focus{
    --gradient-to-color: #c3dafe !important;
  }

  .sm\:focus\:to-indigo-300:focus{
    --gradient-to-color: #a3bffa !important;
  }

  .sm\:focus\:to-indigo-400:focus{
    --gradient-to-color: #7f9cf5 !important;
  }

  .sm\:focus\:to-indigo-500:focus{
    --gradient-to-color: #667eea !important;
  }

  .sm\:focus\:to-indigo-600:focus{
    --gradient-to-color: #5a67d8 !important;
  }

  .sm\:focus\:to-indigo-700:focus{
    --gradient-to-color: #4c51bf !important;
  }

  .sm\:focus\:to-indigo-800:focus{
    --gradient-to-color: #434190 !important;
  }

  .sm\:focus\:to-indigo-900:focus{
    --gradient-to-color: #3c366b !important;
  }

  .sm\:focus\:to-purple-100:focus{
    --gradient-to-color: #faf5ff !important;
  }

  .sm\:focus\:to-purple-200:focus{
    --gradient-to-color: #e9d8fd !important;
  }

  .sm\:focus\:to-purple-300:focus{
    --gradient-to-color: #d6bcfa !important;
  }

  .sm\:focus\:to-purple-400:focus{
    --gradient-to-color: #b794f4 !important;
  }

  .sm\:focus\:to-purple-500:focus{
    --gradient-to-color: #9f7aea !important;
  }

  .sm\:focus\:to-purple-600:focus{
    --gradient-to-color: #805ad5 !important;
  }

  .sm\:focus\:to-purple-700:focus{
    --gradient-to-color: #6b46c1 !important;
  }

  .sm\:focus\:to-purple-800:focus{
    --gradient-to-color: #553c9a !important;
  }

  .sm\:focus\:to-purple-900:focus{
    --gradient-to-color: #44337a !important;
  }

  .sm\:focus\:to-pink-100:focus{
    --gradient-to-color: #fff5f7 !important;
  }

  .sm\:focus\:to-pink-200:focus{
    --gradient-to-color: #fed7e2 !important;
  }

  .sm\:focus\:to-pink-300:focus{
    --gradient-to-color: #fbb6ce !important;
  }

  .sm\:focus\:to-pink-400:focus{
    --gradient-to-color: #f687b3 !important;
  }

  .sm\:focus\:to-pink-500:focus{
    --gradient-to-color: #ed64a6 !important;
  }

  .sm\:focus\:to-pink-600:focus{
    --gradient-to-color: #d53f8c !important;
  }

  .sm\:focus\:to-pink-700:focus{
    --gradient-to-color: #b83280 !important;
  }

  .sm\:focus\:to-pink-800:focus{
    --gradient-to-color: #97266d !important;
  }

  .sm\:focus\:to-pink-900:focus{
    --gradient-to-color: #702459 !important;
  }

  .sm\:focus\:to-primary-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .sm\:focus\:to-primary-hover-color:focus{
    --gradient-to-color: var(--hover-color) !important;
  }

  .sm\:focus\:to-gray-body:focus{
    --gradient-to-color: #f2f2f2 !important;
  }

  .sm\:focus\:to-gray-light:focus{
    --gradient-to-color: #ccc !important;
  }

  .sm\:focus\:to-gray-333:focus{
    --gradient-to-color: #333 !important;
  }

  .sm\:focus\:to-gray-666:focus{
    --gradient-to-color: #666 !important;
  }

  .sm\:focus\:to-gray-888:focus{
    --gradient-to-color: #888 !important;
  }

  .sm\:focus\:to-gray-999:focus{
    --gradient-to-color: #999 !important;
  }

  .sm\:focus\:to-gray-icon:focus{
    --gradient-to-color: #9a9a9a !important;
  }

  .sm\:focus\:to-gray-features:focus{
    --gradient-to-color: #f5f5f5 !important;
  }

  .sm\:focus\:to-slide-border:focus{
    --gradient-to-color: #e1e1e1 !important;
  }

  .sm\:focus\:to-sale-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .sm\:focus\:to-hit-color:focus{
    --gradient-to-color: #ff9900 !important;
  }

  .sm\:focus\:to-new-color:focus{
    --gradient-to-color: #0fa3c6 !important;
  }

  .sm\:focus\:to-fb-hover-color:focus{
    --gradient-to-color: #5959d8 !important;
  }

  .sm\:focus\:to-fb-active-color:focus{
    --gradient-to-color: #4040b3 !important;
  }

  .sm\:focus\:to-vk-hover-color:focus{
    --gradient-to-color: #628dd3 !important;
  }

  .sm\:focus\:to-vk-active-color:focus{
    --gradient-to-color: #3768b9 !important;
  }

  .sm\:focus\:to-insta-hover-color:focus{
    --gradient-to-color: #af35d2 !important;
  }

  .sm\:focus\:to-insta-active-color:focus{
    --gradient-to-color: #7e47b7 !important;
  }

  .sm\:focus\:to-gray-dc:focus{
    --gradient-to-color: #dcdcdc !important;
  }

  .sm\:focus\:to-gray-cd:focus{
    --gradient-to-color: #cdcdcd !important;
  }

  .sm\:focus\:to-gray-e7:focus{
    --gradient-to-color: #e7e7e7 !important;
  }

  .sm\:focus\:to-check-color:focus{
    --gradient-to-color: #ce3a12 !important;
  }

  .sm\:focus\:to-docx-color:focus{
    --gradient-to-color: #1789e9 !important;
  }

  .sm\:focus\:to-dark-black:focus{
    --gradient-to-color: #010101 !important;
  }

  .sm\:focus\:to-green-light:focus{
    --gradient-to-color: #3ab011 !important;
  }

  .sm\:bg-opacity-0{
    --bg-opacity: 0 !important;
  }

  .sm\:bg-opacity-25{
    --bg-opacity: 0.25 !important;
  }

  .sm\:bg-opacity-50{
    --bg-opacity: 0.5 !important;
  }

  .sm\:bg-opacity-75{
    --bg-opacity: 0.75 !important;
  }

  .sm\:bg-opacity-100{
    --bg-opacity: 1 !important;
  }

  .sm\:hover\:bg-opacity-0:hover{
    --bg-opacity: 0 !important;
  }

  .sm\:hover\:bg-opacity-25:hover{
    --bg-opacity: 0.25 !important;
  }

  .sm\:hover\:bg-opacity-50:hover{
    --bg-opacity: 0.5 !important;
  }

  .sm\:hover\:bg-opacity-75:hover{
    --bg-opacity: 0.75 !important;
  }

  .sm\:hover\:bg-opacity-100:hover{
    --bg-opacity: 1 !important;
  }

  .sm\:focus\:bg-opacity-0:focus{
    --bg-opacity: 0 !important;
  }

  .sm\:focus\:bg-opacity-25:focus{
    --bg-opacity: 0.25 !important;
  }

  .sm\:focus\:bg-opacity-50:focus{
    --bg-opacity: 0.5 !important;
  }

  .sm\:focus\:bg-opacity-75:focus{
    --bg-opacity: 0.75 !important;
  }

  .sm\:focus\:bg-opacity-100:focus{
    --bg-opacity: 1 !important;
  }

  .sm\:bg-bottom{
    background-position: bottom !important;
  }

  .sm\:bg-center{
    background-position: center !important;
  }

  .sm\:bg-left{
    background-position: left !important;
  }

  .sm\:bg-left-bottom{
    background-position: left bottom !important;
  }

  .sm\:bg-left-top{
    background-position: left top !important;
  }

  .sm\:bg-right{
    background-position: right !important;
  }

  .sm\:bg-right-bottom{
    background-position: right bottom !important;
  }

  .sm\:bg-right-top{
    background-position: right top !important;
  }

  .sm\:bg-top{
    background-position: top !important;
  }

  .sm\:bg-repeat{
    background-repeat: repeat !important;
  }

  .sm\:bg-no-repeat{
    background-repeat: no-repeat !important;
  }

  .sm\:bg-repeat-x{
    background-repeat: repeat-x !important;
  }

  .sm\:bg-repeat-y{
    background-repeat: repeat-y !important;
  }

  .sm\:bg-repeat-round{
    background-repeat: round !important;
  }

  .sm\:bg-repeat-space{
    background-repeat: space !important;
  }

  .sm\:bg-auto{
    background-size: auto !important;
  }

  .sm\:bg-cover{
    background-size: cover !important;
  }

  .sm\:bg-contain{
    background-size: contain !important;
  }

  .sm\:border-collapse{
    border-collapse: collapse !important;
  }

  .sm\:border-separate{
    border-collapse: separate !important;
  }

  .sm\:border-transparent{
    border-color: transparent !important;
  }

  .sm\:border-current{
    border-color: currentColor !important;
  }

  .sm\:border-black{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .sm\:border-white{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .sm\:border-gray-100{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .sm\:border-gray-200{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .sm\:border-gray-300{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .sm\:border-gray-400{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .sm\:border-gray-500{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .sm\:border-gray-600{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .sm\:border-gray-700{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .sm\:border-gray-800{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .sm\:border-gray-900{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .sm\:border-red{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .sm\:border-orange-100{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .sm\:border-orange-200{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .sm\:border-orange-300{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .sm\:border-orange-400{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .sm\:border-orange-500{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .sm\:border-orange-600{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .sm\:border-orange-700{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .sm\:border-orange-800{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .sm\:border-orange-900{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .sm\:border-yellow-100{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .sm\:border-yellow-200{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .sm\:border-yellow-300{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .sm\:border-yellow-400{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .sm\:border-yellow-500{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .sm\:border-yellow-600{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .sm\:border-yellow-700{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .sm\:border-yellow-800{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .sm\:border-yellow-900{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .sm\:border-green-100{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .sm\:border-green-200{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .sm\:border-green-300{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .sm\:border-green-400{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .sm\:border-green-500{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .sm\:border-green-600{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .sm\:border-green-700{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .sm\:border-green-800{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .sm\:border-green-900{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .sm\:border-teal-100{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .sm\:border-teal-200{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .sm\:border-teal-300{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .sm\:border-teal-400{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .sm\:border-teal-500{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .sm\:border-teal-600{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .sm\:border-teal-700{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .sm\:border-teal-800{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .sm\:border-teal-900{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .sm\:border-blue-100{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .sm\:border-blue-200{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .sm\:border-blue-300{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .sm\:border-blue-400{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .sm\:border-blue-500{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .sm\:border-blue-600{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .sm\:border-blue-700{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .sm\:border-blue-800{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .sm\:border-blue-900{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .sm\:border-indigo-100{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .sm\:border-indigo-200{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .sm\:border-indigo-300{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .sm\:border-indigo-400{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .sm\:border-indigo-500{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .sm\:border-indigo-600{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .sm\:border-indigo-700{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .sm\:border-indigo-800{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .sm\:border-indigo-900{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .sm\:border-purple-100{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .sm\:border-purple-200{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .sm\:border-purple-300{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .sm\:border-purple-400{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .sm\:border-purple-500{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .sm\:border-purple-600{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .sm\:border-purple-700{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .sm\:border-purple-800{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .sm\:border-purple-900{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .sm\:border-pink-100{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .sm\:border-pink-200{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .sm\:border-pink-300{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .sm\:border-pink-400{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .sm\:border-pink-500{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .sm\:border-pink-600{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .sm\:border-pink-700{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .sm\:border-pink-800{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .sm\:border-pink-900{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .sm\:border-primary-color{
    border-color: var(--primary-color) !important;
  }

  .sm\:border-primary-hover-color{
    border-color: var(--hover-color) !important;
  }

  .sm\:border-gray-body{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .sm\:border-gray-light{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .sm\:border-gray-333{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .sm\:border-gray-666{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .sm\:border-gray-888{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .sm\:border-gray-999{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .sm\:border-gray-icon{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .sm\:border-gray-features{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .sm\:border-slide-border{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .sm\:border-sale-color{
    border-color: var(--primary-color) !important;
  }

  .sm\:border-hit-color{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .sm\:border-new-color{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .sm\:border-fb-hover-color{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .sm\:border-fb-active-color{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .sm\:border-vk-hover-color{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .sm\:border-vk-active-color{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .sm\:border-insta-hover-color{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .sm\:border-insta-active-color{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .sm\:border-gray-dc{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .sm\:border-gray-cd{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .sm\:border-gray-e7{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .sm\:border-check-color{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .sm\:border-docx-color{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .sm\:border-dark-black{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .sm\:border-green-light{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-transparent:hover{
    border-color: transparent !important;
  }

  .sm\:hover\:border-current:hover{
    border-color: currentColor !important;
  }

  .sm\:hover\:border-black:hover{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-white:hover{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-100:hover{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-200:hover{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-300:hover{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-400:hover{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-500:hover{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-600:hover{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-700:hover{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-800:hover{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-900:hover{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-red:hover{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-orange-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-orange-200:hover{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-orange-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-orange-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-orange-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-orange-600:hover{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-orange-700:hover{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-orange-800:hover{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-orange-900:hover{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-yellow-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-yellow-200:hover{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-yellow-300:hover{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-yellow-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-yellow-500:hover{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-yellow-600:hover{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-yellow-700:hover{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-yellow-800:hover{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-yellow-900:hover{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-green-100:hover{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-green-200:hover{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-green-300:hover{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-green-400:hover{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-green-500:hover{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-green-600:hover{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-green-700:hover{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-green-800:hover{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-green-900:hover{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-teal-100:hover{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-teal-200:hover{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-teal-300:hover{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-teal-400:hover{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-teal-500:hover{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-teal-600:hover{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-teal-700:hover{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-teal-800:hover{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-teal-900:hover{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-200:hover{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-300:hover{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-400:hover{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-500:hover{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-600:hover{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-700:hover{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-800:hover{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-blue-900:hover{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-indigo-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-indigo-200:hover{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-indigo-300:hover{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-indigo-400:hover{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-indigo-500:hover{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-indigo-600:hover{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-indigo-700:hover{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-indigo-800:hover{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-indigo-900:hover{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-purple-100:hover{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-purple-200:hover{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-purple-300:hover{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-purple-400:hover{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-purple-500:hover{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-purple-600:hover{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-purple-700:hover{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-purple-800:hover{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-purple-900:hover{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-pink-100:hover{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-pink-200:hover{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-pink-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-pink-400:hover{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-pink-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-pink-600:hover{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-pink-700:hover{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-pink-800:hover{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-pink-900:hover{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-primary-color:hover{
    border-color: var(--primary-color) !important;
  }

  .sm\:hover\:border-primary-hover-color:hover{
    border-color: var(--hover-color) !important;
  }

  .sm\:hover\:border-gray-body:hover{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-light:hover{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-333:hover{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-666:hover{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-888:hover{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-999:hover{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-icon:hover{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-features:hover{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-slide-border:hover{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-sale-color:hover{
    border-color: var(--primary-color) !important;
  }

  .sm\:hover\:border-hit-color:hover{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-new-color:hover{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-fb-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-fb-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-vk-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-vk-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-insta-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-insta-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-dc:hover{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-cd:hover{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-gray-e7:hover{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-check-color:hover{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-docx-color:hover{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-dark-black:hover{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .sm\:hover\:border-green-light:hover{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-transparent:focus{
    border-color: transparent !important;
  }

  .sm\:focus\:border-current:focus{
    border-color: currentColor !important;
  }

  .sm\:focus\:border-black:focus{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-white:focus{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-100:focus{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-200:focus{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-300:focus{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-400:focus{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-500:focus{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-600:focus{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-700:focus{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-800:focus{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-900:focus{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-red:focus{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-orange-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-orange-200:focus{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-orange-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-orange-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-orange-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-orange-600:focus{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-orange-700:focus{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-orange-800:focus{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-orange-900:focus{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-yellow-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-yellow-200:focus{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-yellow-300:focus{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-yellow-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-yellow-500:focus{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-yellow-600:focus{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-yellow-700:focus{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-yellow-800:focus{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-yellow-900:focus{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-green-100:focus{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-green-200:focus{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-green-300:focus{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-green-400:focus{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-green-500:focus{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-green-600:focus{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-green-700:focus{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-green-800:focus{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-green-900:focus{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-teal-100:focus{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-teal-200:focus{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-teal-300:focus{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-teal-400:focus{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-teal-500:focus{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-teal-600:focus{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-teal-700:focus{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-teal-800:focus{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-teal-900:focus{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-200:focus{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-300:focus{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-400:focus{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-500:focus{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-600:focus{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-700:focus{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-800:focus{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-blue-900:focus{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-indigo-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-indigo-200:focus{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-indigo-300:focus{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-indigo-400:focus{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-indigo-500:focus{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-indigo-600:focus{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-indigo-700:focus{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-indigo-800:focus{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-indigo-900:focus{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-purple-100:focus{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-purple-200:focus{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-purple-300:focus{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-purple-400:focus{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-purple-500:focus{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-purple-600:focus{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-purple-700:focus{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-purple-800:focus{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-purple-900:focus{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-pink-100:focus{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-pink-200:focus{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-pink-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-pink-400:focus{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-pink-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-pink-600:focus{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-pink-700:focus{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-pink-800:focus{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-pink-900:focus{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-primary-color:focus{
    border-color: var(--primary-color) !important;
  }

  .sm\:focus\:border-primary-hover-color:focus{
    border-color: var(--hover-color) !important;
  }

  .sm\:focus\:border-gray-body:focus{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-light:focus{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-333:focus{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-666:focus{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-888:focus{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-999:focus{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-icon:focus{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-features:focus{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-slide-border:focus{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-sale-color:focus{
    border-color: var(--primary-color) !important;
  }

  .sm\:focus\:border-hit-color:focus{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-new-color:focus{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-fb-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-fb-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-vk-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-vk-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-insta-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-insta-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-dc:focus{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-cd:focus{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-gray-e7:focus{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-check-color:focus{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-docx-color:focus{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-dark-black:focus{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .sm\:focus\:border-green-light:focus{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .sm\:border-opacity-0{
    --border-opacity: 0 !important;
  }

  .sm\:border-opacity-25{
    --border-opacity: 0.25 !important;
  }

  .sm\:border-opacity-50{
    --border-opacity: 0.5 !important;
  }

  .sm\:border-opacity-75{
    --border-opacity: 0.75 !important;
  }

  .sm\:border-opacity-100{
    --border-opacity: 1 !important;
  }

  .sm\:hover\:border-opacity-0:hover{
    --border-opacity: 0 !important;
  }

  .sm\:hover\:border-opacity-25:hover{
    --border-opacity: 0.25 !important;
  }

  .sm\:hover\:border-opacity-50:hover{
    --border-opacity: 0.5 !important;
  }

  .sm\:hover\:border-opacity-75:hover{
    --border-opacity: 0.75 !important;
  }

  .sm\:hover\:border-opacity-100:hover{
    --border-opacity: 1 !important;
  }

  .sm\:focus\:border-opacity-0:focus{
    --border-opacity: 0 !important;
  }

  .sm\:focus\:border-opacity-25:focus{
    --border-opacity: 0.25 !important;
  }

  .sm\:focus\:border-opacity-50:focus{
    --border-opacity: 0.5 !important;
  }

  .sm\:focus\:border-opacity-75:focus{
    --border-opacity: 0.75 !important;
  }

  .sm\:focus\:border-opacity-100:focus{
    --border-opacity: 1 !important;
  }

  .sm\:rounded-10{
    border-radius: 10px !important;
  }

  .sm\:rounded-none{
    border-radius: 0 !important;
  }

  .sm\:rounded-sm{
    border-radius: 0.125rem !important;
  }

  .sm\:rounded{
    border-radius: 0.25rem !important;
  }

  .sm\:rounded-md{
    border-radius: 0.375rem !important;
  }

  .sm\:rounded-lg{
    border-radius: 0.5rem !important;
  }

  .sm\:rounded-xl{
    border-radius: 0.75rem !important;
  }

  .sm\:rounded-2xl{
    border-radius: 1rem !important;
  }

  .sm\:rounded-3xl{
    border-radius: 1.5rem !important;
  }

  .sm\:rounded-full{
    border-radius: 9999px !important;
  }

  .sm\:rounded-50\%{
    border-radius: 50% !important;
  }

  .sm\:rounded-t-10{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  .sm\:rounded-r-10{
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }

  .sm\:rounded-b-10{
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .sm\:rounded-l-10{
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .sm\:rounded-t-none{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .sm\:rounded-r-none{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .sm\:rounded-b-none{
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .sm\:rounded-l-none{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .sm\:rounded-t-sm{
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }

  .sm\:rounded-r-sm{
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }

  .sm\:rounded-b-sm{
    border-bottom-right-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .sm\:rounded-l-sm{
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .sm\:rounded-t{
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }

  .sm\:rounded-r{
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }

  .sm\:rounded-b{
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .sm\:rounded-l{
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .sm\:rounded-t-md{
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }

  .sm\:rounded-r-md{
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }

  .sm\:rounded-b-md{
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .sm\:rounded-l-md{
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .sm\:rounded-t-lg{
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }

  .sm\:rounded-r-lg{
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }

  .sm\:rounded-b-lg{
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .sm\:rounded-l-lg{
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .sm\:rounded-t-xl{
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }

  .sm\:rounded-r-xl{
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }

  .sm\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .sm\:rounded-l-xl{
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .sm\:rounded-t-2xl{
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }

  .sm\:rounded-r-2xl{
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }

  .sm\:rounded-b-2xl{
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .sm\:rounded-l-2xl{
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .sm\:rounded-t-3xl{
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }

  .sm\:rounded-r-3xl{
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }

  .sm\:rounded-b-3xl{
    border-bottom-right-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .sm\:rounded-l-3xl{
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .sm\:rounded-t-full{
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
  }

  .sm\:rounded-r-full{
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
  }

  .sm\:rounded-b-full{
    border-bottom-right-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .sm\:rounded-l-full{
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .sm\:rounded-t-50\%{
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }

  .sm\:rounded-r-50\%{
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }

  .sm\:rounded-b-50\%{
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .sm\:rounded-l-50\%{
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .sm\:rounded-tl-10{
    border-top-left-radius: 10px !important;
  }

  .sm\:rounded-tr-10{
    border-top-right-radius: 10px !important;
  }

  .sm\:rounded-br-10{
    border-bottom-right-radius: 10px !important;
  }

  .sm\:rounded-bl-10{
    border-bottom-left-radius: 10px !important;
  }

  .sm\:rounded-tl-none{
    border-top-left-radius: 0 !important;
  }

  .sm\:rounded-tr-none{
    border-top-right-radius: 0 !important;
  }

  .sm\:rounded-br-none{
    border-bottom-right-radius: 0 !important;
  }

  .sm\:rounded-bl-none{
    border-bottom-left-radius: 0 !important;
  }

  .sm\:rounded-tl-sm{
    border-top-left-radius: 0.125rem !important;
  }

  .sm\:rounded-tr-sm{
    border-top-right-radius: 0.125rem !important;
  }

  .sm\:rounded-br-sm{
    border-bottom-right-radius: 0.125rem !important;
  }

  .sm\:rounded-bl-sm{
    border-bottom-left-radius: 0.125rem !important;
  }

  .sm\:rounded-tl{
    border-top-left-radius: 0.25rem !important;
  }

  .sm\:rounded-tr{
    border-top-right-radius: 0.25rem !important;
  }

  .sm\:rounded-br{
    border-bottom-right-radius: 0.25rem !important;
  }

  .sm\:rounded-bl{
    border-bottom-left-radius: 0.25rem !important;
  }

  .sm\:rounded-tl-md{
    border-top-left-radius: 0.375rem !important;
  }

  .sm\:rounded-tr-md{
    border-top-right-radius: 0.375rem !important;
  }

  .sm\:rounded-br-md{
    border-bottom-right-radius: 0.375rem !important;
  }

  .sm\:rounded-bl-md{
    border-bottom-left-radius: 0.375rem !important;
  }

  .sm\:rounded-tl-lg{
    border-top-left-radius: 0.5rem !important;
  }

  .sm\:rounded-tr-lg{
    border-top-right-radius: 0.5rem !important;
  }

  .sm\:rounded-br-lg{
    border-bottom-right-radius: 0.5rem !important;
  }

  .sm\:rounded-bl-lg{
    border-bottom-left-radius: 0.5rem !important;
  }

  .sm\:rounded-tl-xl{
    border-top-left-radius: 0.75rem !important;
  }

  .sm\:rounded-tr-xl{
    border-top-right-radius: 0.75rem !important;
  }

  .sm\:rounded-br-xl{
    border-bottom-right-radius: 0.75rem !important;
  }

  .sm\:rounded-bl-xl{
    border-bottom-left-radius: 0.75rem !important;
  }

  .sm\:rounded-tl-2xl{
    border-top-left-radius: 1rem !important;
  }

  .sm\:rounded-tr-2xl{
    border-top-right-radius: 1rem !important;
  }

  .sm\:rounded-br-2xl{
    border-bottom-right-radius: 1rem !important;
  }

  .sm\:rounded-bl-2xl{
    border-bottom-left-radius: 1rem !important;
  }

  .sm\:rounded-tl-3xl{
    border-top-left-radius: 1.5rem !important;
  }

  .sm\:rounded-tr-3xl{
    border-top-right-radius: 1.5rem !important;
  }

  .sm\:rounded-br-3xl{
    border-bottom-right-radius: 1.5rem !important;
  }

  .sm\:rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem !important;
  }

  .sm\:rounded-tl-full{
    border-top-left-radius: 9999px !important;
  }

  .sm\:rounded-tr-full{
    border-top-right-radius: 9999px !important;
  }

  .sm\:rounded-br-full{
    border-bottom-right-radius: 9999px !important;
  }

  .sm\:rounded-bl-full{
    border-bottom-left-radius: 9999px !important;
  }

  .sm\:rounded-tl-50\%{
    border-top-left-radius: 50% !important;
  }

  .sm\:rounded-tr-50\%{
    border-top-right-radius: 50% !important;
  }

  .sm\:rounded-br-50\%{
    border-bottom-right-radius: 50% !important;
  }

  .sm\:rounded-bl-50\%{
    border-bottom-left-radius: 50% !important;
  }

  .sm\:border-solid{
    border-style: solid !important;
  }

  .sm\:border-dashed{
    border-style: dashed !important;
  }

  .sm\:border-dotted{
    border-style: dotted !important;
  }

  .sm\:border-double{
    border-style: double !important;
  }

  .sm\:border-none{
    border-style: none !important;
  }

  .sm\:border-0{
    border-width: 0 !important;
  }

  .sm\:border-2{
    border-width: 2px !important;
  }

  .sm\:border-3{
    border-width: 3px !important;
  }

  .sm\:border-4{
    border-width: 4px !important;
  }

  .sm\:border-8{
    border-width: 8px !important;
  }

  .sm\:border{
    border-width: 1px !important;
  }

  .sm\:border-t-0{
    border-top-width: 0 !important;
  }

  .sm\:border-r-0{
    border-right-width: 0 !important;
  }

  .sm\:border-b-0{
    border-bottom-width: 0 !important;
  }

  .sm\:border-l-0{
    border-left-width: 0 !important;
  }

  .sm\:border-t-2{
    border-top-width: 2px !important;
  }

  .sm\:border-r-2{
    border-right-width: 2px !important;
  }

  .sm\:border-b-2{
    border-bottom-width: 2px !important;
  }

  .sm\:border-l-2{
    border-left-width: 2px !important;
  }

  .sm\:border-t-3{
    border-top-width: 3px !important;
  }

  .sm\:border-r-3{
    border-right-width: 3px !important;
  }

  .sm\:border-b-3{
    border-bottom-width: 3px !important;
  }

  .sm\:border-l-3{
    border-left-width: 3px !important;
  }

  .sm\:border-t-4{
    border-top-width: 4px !important;
  }

  .sm\:border-r-4{
    border-right-width: 4px !important;
  }

  .sm\:border-b-4{
    border-bottom-width: 4px !important;
  }

  .sm\:border-l-4{
    border-left-width: 4px !important;
  }

  .sm\:border-t-8{
    border-top-width: 8px !important;
  }

  .sm\:border-r-8{
    border-right-width: 8px !important;
  }

  .sm\:border-b-8{
    border-bottom-width: 8px !important;
  }

  .sm\:border-l-8{
    border-left-width: 8px !important;
  }

  .sm\:border-t{
    border-top-width: 1px !important;
  }

  .sm\:border-r{
    border-right-width: 1px !important;
  }

  .sm\:border-b{
    border-bottom-width: 1px !important;
  }

  .sm\:border-l{
    border-left-width: 1px !important;
  }

  .sm\:box-border{
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }

  .sm\:box-content{
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
  }

  .sm\:cursor-auto{
    cursor: auto !important;
  }

  .sm\:cursor-default{
    cursor: default !important;
  }

  .sm\:cursor-pointer{
    cursor: pointer !important;
  }

  .sm\:cursor-wait{
    cursor: wait !important;
  }

  .sm\:cursor-text{
    cursor: text !important;
  }

  .sm\:cursor-move{
    cursor: move !important;
  }

  .sm\:cursor-not-allowed{
    cursor: not-allowed !important;
  }

  .sm\:block{
    display: block !important;
  }

  .sm\:inline-block{
    display: inline-block !important;
  }

  .sm\:inline{
    display: inline !important;
  }

  .sm\:flex{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .sm\:inline-flex{
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .sm\:table{
    display: table !important;
  }

  .sm\:table-caption{
    display: table-caption !important;
  }

  .sm\:table-cell{
    display: table-cell !important;
  }

  .sm\:table-column{
    display: table-column !important;
  }

  .sm\:table-column-group{
    display: table-column-group !important;
  }

  .sm\:table-footer-group{
    display: table-footer-group !important;
  }

  .sm\:table-header-group{
    display: table-header-group !important;
  }

  .sm\:table-row-group{
    display: table-row-group !important;
  }

  .sm\:table-row{
    display: table-row !important;
  }

  .sm\:flow-root{
    display: flow-root !important;
  }

  .sm\:grid{
    display: grid !important;
  }

  .sm\:inline-grid{
    display: inline-grid !important;
  }

  .sm\:contents{
    display: contents !important;
  }

  .sm\:hidden{
    display: none !important;
  }

  .sm\:flex-row{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .sm\:flex-row-reverse{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .sm\:flex-col{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .sm\:flex-col-reverse{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .sm\:flex-wrap{
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .sm\:flex-wrap-reverse{
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .sm\:flex-no-wrap{
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .sm\:place-items-auto{
    place-items: auto !important;
  }

  .sm\:place-items-start{
    place-items: start !important;
  }

  .sm\:place-items-end{
    place-items: end !important;
  }

  .sm\:place-items-center{
    place-items: center !important;
  }

  .sm\:place-items-stretch{
    place-items: stretch !important;
  }

  .sm\:place-content-center{
    place-content: center !important;
  }

  .sm\:place-content-start{
    place-content: start !important;
  }

  .sm\:place-content-end{
    place-content: end !important;
  }

  .sm\:place-content-between{
    place-content: space-between !important;
  }

  .sm\:place-content-around{
    place-content: space-around !important;
  }

  .sm\:place-content-evenly{
    place-content: space-evenly !important;
  }

  .sm\:place-content-stretch{
    place-content: stretch !important;
  }

  .sm\:place-self-auto{
    place-self: auto !important;
  }

  .sm\:place-self-start{
    place-self: start !important;
  }

  .sm\:place-self-end{
    place-self: end !important;
  }

  .sm\:place-self-center{
    place-self: center !important;
  }

  .sm\:place-self-stretch{
    place-self: stretch !important;
  }

  .sm\:items-start{
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .sm\:items-end{
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .sm\:items-center{
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .sm\:items-baseline{
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .sm\:items-stretch{
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .sm\:content-center{
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .sm\:content-start{
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .sm\:content-end{
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .sm\:content-between{
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .sm\:content-around{
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .sm\:content-evenly{
    -ms-flex-line-pack: space-evenly !important;
    align-content: space-evenly !important;
  }

  .sm\:self-auto{
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .sm\:self-start{
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .sm\:self-end{
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .sm\:self-center{
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .sm\:self-stretch{
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .sm\:justify-items-auto{
    justify-items: auto !important;
  }

  .sm\:justify-items-start{
    justify-items: start !important;
  }

  .sm\:justify-items-end{
    justify-items: end !important;
  }

  .sm\:justify-items-center{
    justify-items: center !important;
  }

  .sm\:justify-items-stretch{
    justify-items: stretch !important;
  }

  .sm\:justify-start{
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .sm\:justify-end{
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .sm\:justify-center{
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .sm\:justify-between{
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .sm\:justify-around{
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .sm\:justify-evenly{
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .sm\:justify-self-auto{
    justify-self: auto !important;
  }

  .sm\:justify-self-start{
    justify-self: start !important;
  }

  .sm\:justify-self-end{
    justify-self: end !important;
  }

  .sm\:justify-self-center{
    justify-self: center !important;
  }

  .sm\:justify-self-stretch{
    justify-self: stretch !important;
  }

  .sm\:flex-1{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 0% !important;
    flex: 1 1 0% !important;
  }

  .sm\:flex-auto{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .sm\:flex-initial{
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
  }

  .sm\:flex-none{
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
  }

  .sm\:flex-grow-0{
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .sm\:flex-grow{
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .sm\:flex-shrink-0{
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .sm\:flex-shrink{
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .sm\:order-1{
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .sm\:order-2{
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .sm\:order-3{
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .sm\:order-4{
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .sm\:order-5{
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .sm\:order-6{
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }

  .sm\:order-7{
    -webkit-box-ordinal-group: 8 !important;
    -ms-flex-order: 7 !important;
    order: 7 !important;
  }

  .sm\:order-8{
    -webkit-box-ordinal-group: 9 !important;
    -ms-flex-order: 8 !important;
    order: 8 !important;
  }

  .sm\:order-9{
    -webkit-box-ordinal-group: 10 !important;
    -ms-flex-order: 9 !important;
    order: 9 !important;
  }

  .sm\:order-10{
    -webkit-box-ordinal-group: 11 !important;
    -ms-flex-order: 10 !important;
    order: 10 !important;
  }

  .sm\:order-11{
    -webkit-box-ordinal-group: 12 !important;
    -ms-flex-order: 11 !important;
    order: 11 !important;
  }

  .sm\:order-12{
    -webkit-box-ordinal-group: 13 !important;
    -ms-flex-order: 12 !important;
    order: 12 !important;
  }

  .sm\:order-first{
    -webkit-box-ordinal-group: -9998 !important;
    -ms-flex-order: -9999 !important;
    order: -9999 !important;
  }

  .sm\:order-last{
    -webkit-box-ordinal-group: 10000 !important;
    -ms-flex-order: 9999 !important;
    order: 9999 !important;
  }

  .sm\:order-none{
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .sm\:float-right{
    float: right !important;
  }

  .sm\:float-left{
    float: left !important;
  }

  .sm\:float-none{
    float: none !important;
  }

  .sm\:clearfix:after{
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  .sm\:clear-left{
    clear: left !important;
  }

  .sm\:clear-right{
    clear: right !important;
  }

  .sm\:clear-both{
    clear: both !important;
  }

  .sm\:clear-none{
    clear: none !important;
  }

  .sm\:font-sans{
    font-family: 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" !important;
  }

  .sm\:font-serif{
    font-family: Georgia, Cambria, "Times New Roman", Times, serif !important;
  }

  .sm\:font-mono{
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  }

  .sm\:font-hairline{
    font-weight: 100 !important;
  }

  .sm\:font-thin{
    font-weight: 200 !important;
  }

  .sm\:font-light{
    font-weight: 300 !important;
  }

  .sm\:font-normal{
    font-weight: 400 !important;
  }

  .sm\:font-medium{
    font-weight: 500 !important;
  }

  .sm\:font-semibold{
    font-weight: 600 !important;
  }

  .sm\:font-bold{
    font-weight: 700 !important;
  }

  .sm\:font-extrabold{
    font-weight: 800 !important;
  }

  .sm\:font-black{
    font-weight: 900 !important;
  }

  .sm\:hover\:font-hairline:hover{
    font-weight: 100 !important;
  }

  .sm\:hover\:font-thin:hover{
    font-weight: 200 !important;
  }

  .sm\:hover\:font-light:hover{
    font-weight: 300 !important;
  }

  .sm\:hover\:font-normal:hover{
    font-weight: 400 !important;
  }

  .sm\:hover\:font-medium:hover{
    font-weight: 500 !important;
  }

  .sm\:hover\:font-semibold:hover{
    font-weight: 600 !important;
  }

  .sm\:hover\:font-bold:hover{
    font-weight: 700 !important;
  }

  .sm\:hover\:font-extrabold:hover{
    font-weight: 800 !important;
  }

  .sm\:hover\:font-black:hover{
    font-weight: 900 !important;
  }

  .sm\:focus\:font-hairline:focus{
    font-weight: 100 !important;
  }

  .sm\:focus\:font-thin:focus{
    font-weight: 200 !important;
  }

  .sm\:focus\:font-light:focus{
    font-weight: 300 !important;
  }

  .sm\:focus\:font-normal:focus{
    font-weight: 400 !important;
  }

  .sm\:focus\:font-medium:focus{
    font-weight: 500 !important;
  }

  .sm\:focus\:font-semibold:focus{
    font-weight: 600 !important;
  }

  .sm\:focus\:font-bold:focus{
    font-weight: 700 !important;
  }

  .sm\:focus\:font-extrabold:focus{
    font-weight: 800 !important;
  }

  .sm\:focus\:font-black:focus{
    font-weight: 900 !important;
  }

  .sm\:h-0{
    height: 0 !important;
  }

  .sm\:h-1{
    height: 0.25rem !important;
  }

  .sm\:h-2{
    height: 0.5rem !important;
  }

  .sm\:h-3{
    height: 0.75rem !important;
  }

  .sm\:h-4{
    height: 1rem !important;
  }

  .sm\:h-5{
    height: 1.25rem !important;
  }

  .sm\:h-6{
    height: 1.5rem !important;
  }

  .sm\:h-8{
    height: 2rem !important;
  }

  .sm\:h-10{
    height: 2.5rem !important;
  }

  .sm\:h-12{
    height: 3rem !important;
  }

  .sm\:h-16{
    height: 4rem !important;
  }

  .sm\:h-20{
    height: 5rem !important;
  }

  .sm\:h-24{
    height: 6rem !important;
  }

  .sm\:h-28{
    height: 7rem !important;
  }

  .sm\:h-32{
    height: 8rem !important;
  }

  .sm\:h-40{
    height: 10rem !important;
  }

  .sm\:h-48{
    height: 12rem !important;
  }

  .sm\:h-56{
    height: 14rem !important;
  }

  .sm\:h-64{
    height: 16rem !important;
  }

  .sm\:h-auto{
    height: auto !important;
  }

  .sm\:h-px{
    height: 1px !important;
  }

  .sm\:h-2px{
    height: 2px !important;
  }

  .sm\:h-3px{
    height: 3px !important;
  }

  .sm\:h-5px{
    height: 5px !important;
  }

  .sm\:h-10px{
    height: 10px !important;
  }

  .sm\:h-15px{
    height: 15px !important;
  }

  .sm\:h-20px{
    height: 20px !important;
  }

  .sm\:h-25px{
    height: 25px !important;
  }

  .sm\:h-30px{
    height: 30px !important;
  }

  .sm\:h-36px{
    height: 36px !important;
  }

  .sm\:h-50px{
    height: 50px !important;
  }

  .sm\:h-60px{
    height: 60px !important;
  }

  .sm\:h-120px{
    height: 120px !important;
  }

  .sm\:h-full{
    height: 100% !important;
  }

  .sm\:h-screen{
    height: 100vh !important;
  }

  .sm\:text-xs{
    font-size: .75rem !important;
  }

  .sm\:text-sm{
    font-size: 14px !important;
  }

  .sm\:text-base{
    font-size: 16px !important;
  }

  .sm\:text-lg{
    font-size: 18px !important;
  }

  .sm\:text-xl{
    font-size: 20px !important;
  }

  .sm\:text-2xl{
    font-size: 1.5rem !important;
  }

  .sm\:text-3xl{
    font-size: 30px !important;
  }

  .sm\:text-4xl{
    font-size: 2.25rem !important;
  }

  .sm\:text-5xl{
    font-size: 3rem !important;
  }

  .sm\:text-6xl{
    font-size: 4rem !important;
  }

  .sm\:text-toy{
    font-size: 10px !important;
  }

  .sm\:text-xxs{
    font-size: 11px !important;
  }

  .sm\:text-tiny{
    font-size: 13px !important;
  }

  .sm\:text-normal{
    font-size: 15px !important;
  }

  .sm\:text-x21{
    font-size: 21px !important;
  }

  .sm\:text-x22{
    font-size: 22px !important;
  }

  .sm\:text-x23{
    font-size: 23px !important;
  }

  .sm\:text-x25{
    font-size: 25px !important;
  }

  .sm\:text-large{
    font-size: 40px !important;
  }

  .sm\:text-huge{
    font-size: 50px !important;
  }

  .sm\:leading-3{
    line-height: .75rem !important;
  }

  .sm\:leading-4{
    line-height: 1rem !important;
  }

  .sm\:leading-5{
    line-height: 1.25rem !important;
  }

  .sm\:leading-6{
    line-height: 1.5rem !important;
  }

  .sm\:leading-7{
    line-height: 1.75rem !important;
  }

  .sm\:leading-8{
    line-height: 2rem !important;
  }

  .sm\:leading-9{
    line-height: 2.25rem !important;
  }

  .sm\:leading-10{
    line-height: 2.5rem !important;
  }

  .sm\:leading-none{
    line-height: 1 !important;
  }

  .sm\:leading-tight{
    line-height: 1.25 !important;
  }

  .sm\:leading-snug{
    line-height: 1.375 !important;
  }

  .sm\:leading-normal{
    line-height: 1.5 !important;
  }

  .sm\:leading-relaxed{
    line-height: 1.625 !important;
  }

  .sm\:leading-loose{
    line-height: 2 !important;
  }

  .sm\:leading-60px{
    line-height: 60px !important;
  }

  .sm\:leading-small{
    line-height: 23px !important;
  }

  .sm\:leading-ordinary{
    line-height: 25px !important;
  }

  .sm\:list-inside{
    list-style-position: inside !important;
  }

  .sm\:list-outside{
    list-style-position: outside !important;
  }

  .sm\:list-none{
    list-style-type: none !important;
  }

  .sm\:list-disc{
    list-style-type: disc !important;
  }

  .sm\:list-decimal{
    list-style-type: decimal !important;
  }

  .sm\:list-line{
    list-style-type: - !important;
  }

  .sm\:m-0{
    margin: 0 !important;
  }

  .sm\:m-1{
    margin: 0.25rem !important;
  }

  .sm\:m-2{
    margin: 0.5rem !important;
  }

  .sm\:m-3{
    margin: 0.75rem !important;
  }

  .sm\:m-4{
    margin: 1rem !important;
  }

  .sm\:m-5{
    margin: 1.25rem !important;
  }

  .sm\:m-6{
    margin: 1.5rem !important;
  }

  .sm\:m-8{
    margin: 2rem !important;
  }

  .sm\:m-10{
    margin: 2.5rem !important;
  }

  .sm\:m-12{
    margin: 3rem !important;
  }

  .sm\:m-16{
    margin: 4rem !important;
  }

  .sm\:m-20{
    margin: 5rem !important;
  }

  .sm\:m-24{
    margin: 6rem !important;
  }

  .sm\:m-28{
    margin: 7rem !important;
  }

  .sm\:m-32{
    margin: 8rem !important;
  }

  .sm\:m-40{
    margin: 10rem !important;
  }

  .sm\:m-48{
    margin: 12rem !important;
  }

  .sm\:m-56{
    margin: 14rem !important;
  }

  .sm\:m-64{
    margin: 16rem !important;
  }

  .sm\:m-auto{
    margin: auto !important;
  }

  .sm\:m-px{
    margin: 1px !important;
  }

  .sm\:m-2px{
    margin: 2px !important;
  }

  .sm\:m-3px{
    margin: 3px !important;
  }

  .sm\:m-5px{
    margin: 5px !important;
  }

  .sm\:m-10px{
    margin: 10px !important;
  }

  .sm\:m-15px{
    margin: 15px !important;
  }

  .sm\:m-20px{
    margin: 20px !important;
  }

  .sm\:m-25px{
    margin: 25px !important;
  }

  .sm\:m-30px{
    margin: 30px !important;
  }

  .sm\:m-36px{
    margin: 36px !important;
  }

  .sm\:m-50px{
    margin: 50px !important;
  }

  .sm\:m-60px{
    margin: 60px !important;
  }

  .sm\:m-120px{
    margin: 120px !important;
  }

  .sm\:-m-1{
    margin: -0.25rem !important;
  }

  .sm\:-m-2{
    margin: -0.5rem !important;
  }

  .sm\:-m-3{
    margin: -0.75rem !important;
  }

  .sm\:-m-4{
    margin: -1rem !important;
  }

  .sm\:-m-5{
    margin: -1.25rem !important;
  }

  .sm\:-m-6{
    margin: -1.5rem !important;
  }

  .sm\:-m-8{
    margin: -2rem !important;
  }

  .sm\:-m-10{
    margin: -2.5rem !important;
  }

  .sm\:-m-12{
    margin: -3rem !important;
  }

  .sm\:-m-16{
    margin: -4rem !important;
  }

  .sm\:-m-20{
    margin: -5rem !important;
  }

  .sm\:-m-24{
    margin: -6rem !important;
  }

  .sm\:-m-28{
    margin: -7rem !important;
  }

  .sm\:-m-32{
    margin: -8rem !important;
  }

  .sm\:-m-40{
    margin: -10rem !important;
  }

  .sm\:-m-48{
    margin: -12rem !important;
  }

  .sm\:-m-56{
    margin: -14rem !important;
  }

  .sm\:-m-64{
    margin: -16rem !important;
  }

  .sm\:-m-px{
    margin: -1px !important;
  }

  .sm\:-m-2px{
    margin: -2px !important;
  }

  .sm\:-m-3px{
    margin: -3px !important;
  }

  .sm\:-m-5px{
    margin: -5px !important;
  }

  .sm\:-m-10px{
    margin: -10px !important;
  }

  .sm\:-m-15px{
    margin: -15px !important;
  }

  .sm\:-m-20px{
    margin: -20px !important;
  }

  .sm\:-m-25px{
    margin: -25px !important;
  }

  .sm\:-m-30px{
    margin: -30px !important;
  }

  .sm\:-m-36px{
    margin: -36px !important;
  }

  .sm\:-m-50px{
    margin: -50px !important;
  }

  .sm\:-m-60px{
    margin: -60px !important;
  }

  .sm\:-m-120px{
    margin: -120px !important;
  }

  .sm\:my-0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .sm\:mx-0{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .sm\:my-1{
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .sm\:mx-1{
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .sm\:my-2{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .sm\:mx-2{
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .sm\:my-3{
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .sm\:mx-3{
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  .sm\:my-4{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .sm\:mx-4{
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .sm\:my-5{
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .sm\:mx-5{
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }

  .sm\:my-6{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .sm\:mx-6{
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .sm\:my-8{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .sm\:mx-8{
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .sm\:my-10{
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .sm\:mx-10{
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .sm\:my-12{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .sm\:mx-12{
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .sm\:my-16{
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .sm\:mx-16{
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .sm\:my-20{
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .sm\:mx-20{
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .sm\:my-24{
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .sm\:mx-24{
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .sm\:my-28{
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .sm\:mx-28{
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .sm\:my-32{
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .sm\:mx-32{
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .sm\:my-40{
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .sm\:mx-40{
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .sm\:my-48{
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .sm\:mx-48{
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .sm\:my-56{
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }

  .sm\:mx-56{
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }

  .sm\:my-64{
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }

  .sm\:mx-64{
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }

  .sm\:my-auto{
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .sm\:mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .sm\:my-px{
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .sm\:mx-px{
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .sm\:my-2px{
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .sm\:mx-2px{
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .sm\:my-3px{
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .sm\:mx-3px{
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .sm\:my-5px{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .sm\:mx-5px{
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .sm\:my-10px{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .sm\:mx-10px{
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .sm\:my-15px{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .sm\:mx-15px{
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .sm\:my-20px{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .sm\:mx-20px{
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .sm\:my-25px{
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .sm\:mx-25px{
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .sm\:my-30px{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .sm\:mx-30px{
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .sm\:my-36px{
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }

  .sm\:mx-36px{
    margin-left: 36px !important;
    margin-right: 36px !important;
  }

  .sm\:my-50px{
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .sm\:mx-50px{
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .sm\:my-60px{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .sm\:mx-60px{
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .sm\:my-120px{
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .sm\:mx-120px{
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .sm\:-my-1{
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .sm\:-mx-1{
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }

  .sm\:-my-2{
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .sm\:-mx-2{
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }

  .sm\:-my-3{
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }

  .sm\:-mx-3{
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
  }

  .sm\:-my-4{
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .sm\:-mx-4{
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  .sm\:-my-5{
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }

  .sm\:-mx-5{
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
  }

  .sm\:-my-6{
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .sm\:-mx-6{
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }

  .sm\:-my-8{
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }

  .sm\:-mx-8{
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }

  .sm\:-my-10{
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }

  .sm\:-mx-10{
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important;
  }

  .sm\:-my-12{
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .sm\:-mx-12{
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }

  .sm\:-my-16{
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }

  .sm\:-mx-16{
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }

  .sm\:-my-20{
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }

  .sm\:-mx-20{
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }

  .sm\:-my-24{
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }

  .sm\:-mx-24{
    margin-left: -6rem !important;
    margin-right: -6rem !important;
  }

  .sm\:-my-28{
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }

  .sm\:-mx-28{
    margin-left: -7rem !important;
    margin-right: -7rem !important;
  }

  .sm\:-my-32{
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }

  .sm\:-mx-32{
    margin-left: -8rem !important;
    margin-right: -8rem !important;
  }

  .sm\:-my-40{
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }

  .sm\:-mx-40{
    margin-left: -10rem !important;
    margin-right: -10rem !important;
  }

  .sm\:-my-48{
    margin-top: -12rem !important;
    margin-bottom: -12rem !important;
  }

  .sm\:-mx-48{
    margin-left: -12rem !important;
    margin-right: -12rem !important;
  }

  .sm\:-my-56{
    margin-top: -14rem !important;
    margin-bottom: -14rem !important;
  }

  .sm\:-mx-56{
    margin-left: -14rem !important;
    margin-right: -14rem !important;
  }

  .sm\:-my-64{
    margin-top: -16rem !important;
    margin-bottom: -16rem !important;
  }

  .sm\:-mx-64{
    margin-left: -16rem !important;
    margin-right: -16rem !important;
  }

  .sm\:-my-px{
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .sm\:-mx-px{
    margin-left: -1px !important;
    margin-right: -1px !important;
  }

  .sm\:-my-2px{
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }

  .sm\:-mx-2px{
    margin-left: -2px !important;
    margin-right: -2px !important;
  }

  .sm\:-my-3px{
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }

  .sm\:-mx-3px{
    margin-left: -3px !important;
    margin-right: -3px !important;
  }

  .sm\:-my-5px{
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }

  .sm\:-mx-5px{
    margin-left: -5px !important;
    margin-right: -5px !important;
  }

  .sm\:-my-10px{
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .sm\:-mx-10px{
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .sm\:-my-15px{
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }

  .sm\:-mx-15px{
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .sm\:-my-20px{
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .sm\:-mx-20px{
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .sm\:-my-25px{
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }

  .sm\:-mx-25px{
    margin-left: -25px !important;
    margin-right: -25px !important;
  }

  .sm\:-my-30px{
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .sm\:-mx-30px{
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .sm\:-my-36px{
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }

  .sm\:-mx-36px{
    margin-left: -36px !important;
    margin-right: -36px !important;
  }

  .sm\:-my-50px{
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .sm\:-mx-50px{
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .sm\:-my-60px{
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .sm\:-mx-60px{
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .sm\:-my-120px{
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }

  .sm\:-mx-120px{
    margin-left: -120px !important;
    margin-right: -120px !important;
  }

  .sm\:mt-0{
    margin-top: 0 !important;
  }

  .sm\:mr-0{
    margin-right: 0 !important;
  }

  .sm\:mb-0{
    margin-bottom: 0 !important;
  }

  .sm\:ml-0{
    margin-left: 0 !important;
  }

  .sm\:mt-1{
    margin-top: 0.25rem !important;
  }

  .sm\:mr-1{
    margin-right: 0.25rem !important;
  }

  .sm\:mb-1{
    margin-bottom: 0.25rem !important;
  }

  .sm\:ml-1{
    margin-left: 0.25rem !important;
  }

  .sm\:mt-2{
    margin-top: 0.5rem !important;
  }

  .sm\:mr-2{
    margin-right: 0.5rem !important;
  }

  .sm\:mb-2{
    margin-bottom: 0.5rem !important;
  }

  .sm\:ml-2{
    margin-left: 0.5rem !important;
  }

  .sm\:mt-3{
    margin-top: 0.75rem !important;
  }

  .sm\:mr-3{
    margin-right: 0.75rem !important;
  }

  .sm\:mb-3{
    margin-bottom: 0.75rem !important;
  }

  .sm\:ml-3{
    margin-left: 0.75rem !important;
  }

  .sm\:mt-4{
    margin-top: 1rem !important;
  }

  .sm\:mr-4{
    margin-right: 1rem !important;
  }

  .sm\:mb-4{
    margin-bottom: 1rem !important;
  }

  .sm\:ml-4{
    margin-left: 1rem !important;
  }

  .sm\:mt-5{
    margin-top: 1.25rem !important;
  }

  .sm\:mr-5{
    margin-right: 1.25rem !important;
  }

  .sm\:mb-5{
    margin-bottom: 1.25rem !important;
  }

  .sm\:ml-5{
    margin-left: 1.25rem !important;
  }

  .sm\:mt-6{
    margin-top: 1.5rem !important;
  }

  .sm\:mr-6{
    margin-right: 1.5rem !important;
  }

  .sm\:mb-6{
    margin-bottom: 1.5rem !important;
  }

  .sm\:ml-6{
    margin-left: 1.5rem !important;
  }

  .sm\:mt-8{
    margin-top: 2rem !important;
  }

  .sm\:mr-8{
    margin-right: 2rem !important;
  }

  .sm\:mb-8{
    margin-bottom: 2rem !important;
  }

  .sm\:ml-8{
    margin-left: 2rem !important;
  }

  .sm\:mt-10{
    margin-top: 2.5rem !important;
  }

  .sm\:mr-10{
    margin-right: 2.5rem !important;
  }

  .sm\:mb-10{
    margin-bottom: 2.5rem !important;
  }

  .sm\:ml-10{
    margin-left: 2.5rem !important;
  }

  .sm\:mt-12{
    margin-top: 3rem !important;
  }

  .sm\:mr-12{
    margin-right: 3rem !important;
  }

  .sm\:mb-12{
    margin-bottom: 3rem !important;
  }

  .sm\:ml-12{
    margin-left: 3rem !important;
  }

  .sm\:mt-16{
    margin-top: 4rem !important;
  }

  .sm\:mr-16{
    margin-right: 4rem !important;
  }

  .sm\:mb-16{
    margin-bottom: 4rem !important;
  }

  .sm\:ml-16{
    margin-left: 4rem !important;
  }

  .sm\:mt-20{
    margin-top: 5rem !important;
  }

  .sm\:mr-20{
    margin-right: 5rem !important;
  }

  .sm\:mb-20{
    margin-bottom: 5rem !important;
  }

  .sm\:ml-20{
    margin-left: 5rem !important;
  }

  .sm\:mt-24{
    margin-top: 6rem !important;
  }

  .sm\:mr-24{
    margin-right: 6rem !important;
  }

  .sm\:mb-24{
    margin-bottom: 6rem !important;
  }

  .sm\:ml-24{
    margin-left: 6rem !important;
  }

  .sm\:mt-28{
    margin-top: 7rem !important;
  }

  .sm\:mr-28{
    margin-right: 7rem !important;
  }

  .sm\:mb-28{
    margin-bottom: 7rem !important;
  }

  .sm\:ml-28{
    margin-left: 7rem !important;
  }

  .sm\:mt-32{
    margin-top: 8rem !important;
  }

  .sm\:mr-32{
    margin-right: 8rem !important;
  }

  .sm\:mb-32{
    margin-bottom: 8rem !important;
  }

  .sm\:ml-32{
    margin-left: 8rem !important;
  }

  .sm\:mt-40{
    margin-top: 10rem !important;
  }

  .sm\:mr-40{
    margin-right: 10rem !important;
  }

  .sm\:mb-40{
    margin-bottom: 10rem !important;
  }

  .sm\:ml-40{
    margin-left: 10rem !important;
  }

  .sm\:mt-48{
    margin-top: 12rem !important;
  }

  .sm\:mr-48{
    margin-right: 12rem !important;
  }

  .sm\:mb-48{
    margin-bottom: 12rem !important;
  }

  .sm\:ml-48{
    margin-left: 12rem !important;
  }

  .sm\:mt-56{
    margin-top: 14rem !important;
  }

  .sm\:mr-56{
    margin-right: 14rem !important;
  }

  .sm\:mb-56{
    margin-bottom: 14rem !important;
  }

  .sm\:ml-56{
    margin-left: 14rem !important;
  }

  .sm\:mt-64{
    margin-top: 16rem !important;
  }

  .sm\:mr-64{
    margin-right: 16rem !important;
  }

  .sm\:mb-64{
    margin-bottom: 16rem !important;
  }

  .sm\:ml-64{
    margin-left: 16rem !important;
  }

  .sm\:mt-auto{
    margin-top: auto !important;
  }

  .sm\:mr-auto{
    margin-right: auto !important;
  }

  .sm\:mb-auto{
    margin-bottom: auto !important;
  }

  .sm\:ml-auto{
    margin-left: auto !important;
  }

  .sm\:mt-px{
    margin-top: 1px !important;
  }

  .sm\:mr-px{
    margin-right: 1px !important;
  }

  .sm\:mb-px{
    margin-bottom: 1px !important;
  }

  .sm\:ml-px{
    margin-left: 1px !important;
  }

  .sm\:mt-2px{
    margin-top: 2px !important;
  }

  .sm\:mr-2px{
    margin-right: 2px !important;
  }

  .sm\:mb-2px{
    margin-bottom: 2px !important;
  }

  .sm\:ml-2px{
    margin-left: 2px !important;
  }

  .sm\:mt-3px{
    margin-top: 3px !important;
  }

  .sm\:mr-3px{
    margin-right: 3px !important;
  }

  .sm\:mb-3px{
    margin-bottom: 3px !important;
  }

  .sm\:ml-3px{
    margin-left: 3px !important;
  }

  .sm\:mt-5px{
    margin-top: 5px !important;
  }

  .sm\:mr-5px{
    margin-right: 5px !important;
  }

  .sm\:mb-5px{
    margin-bottom: 5px !important;
  }

  .sm\:ml-5px{
    margin-left: 5px !important;
  }

  .sm\:mt-10px{
    margin-top: 10px !important;
  }

  .sm\:mr-10px{
    margin-right: 10px !important;
  }

  .sm\:mb-10px{
    margin-bottom: 10px !important;
  }

  .sm\:ml-10px{
    margin-left: 10px !important;
  }

  .sm\:mt-15px{
    margin-top: 15px !important;
  }

  .sm\:mr-15px{
    margin-right: 15px !important;
  }

  .sm\:mb-15px{
    margin-bottom: 15px !important;
  }

  .sm\:ml-15px{
    margin-left: 15px !important;
  }

  .sm\:mt-20px{
    margin-top: 20px !important;
  }

  .sm\:mr-20px{
    margin-right: 20px !important;
  }

  .sm\:mb-20px{
    margin-bottom: 20px !important;
  }

  .sm\:ml-20px{
    margin-left: 20px !important;
  }

  .sm\:mt-25px{
    margin-top: 25px !important;
  }

  .sm\:mr-25px{
    margin-right: 25px !important;
  }

  .sm\:mb-25px{
    margin-bottom: 25px !important;
  }

  .sm\:ml-25px{
    margin-left: 25px !important;
  }

  .sm\:mt-30px{
    margin-top: 30px !important;
  }

  .sm\:mr-30px{
    margin-right: 30px !important;
  }

  .sm\:mb-30px{
    margin-bottom: 30px !important;
  }

  .sm\:ml-30px{
    margin-left: 30px !important;
  }

  .sm\:mt-36px{
    margin-top: 36px !important;
  }

  .sm\:mr-36px{
    margin-right: 36px !important;
  }

  .sm\:mb-36px{
    margin-bottom: 36px !important;
  }

  .sm\:ml-36px{
    margin-left: 36px !important;
  }

  .sm\:mt-50px{
    margin-top: 50px !important;
  }

  .sm\:mr-50px{
    margin-right: 50px !important;
  }

  .sm\:mb-50px{
    margin-bottom: 50px !important;
  }

  .sm\:ml-50px{
    margin-left: 50px !important;
  }

  .sm\:mt-60px{
    margin-top: 60px !important;
  }

  .sm\:mr-60px{
    margin-right: 60px !important;
  }

  .sm\:mb-60px{
    margin-bottom: 60px !important;
  }

  .sm\:ml-60px{
    margin-left: 60px !important;
  }

  .sm\:mt-120px{
    margin-top: 120px !important;
  }

  .sm\:mr-120px{
    margin-right: 120px !important;
  }

  .sm\:mb-120px{
    margin-bottom: 120px !important;
  }

  .sm\:ml-120px{
    margin-left: 120px !important;
  }

  .sm\:-mt-1{
    margin-top: -0.25rem !important;
  }

  .sm\:-mr-1{
    margin-right: -0.25rem !important;
  }

  .sm\:-mb-1{
    margin-bottom: -0.25rem !important;
  }

  .sm\:-ml-1{
    margin-left: -0.25rem !important;
  }

  .sm\:-mt-2{
    margin-top: -0.5rem !important;
  }

  .sm\:-mr-2{
    margin-right: -0.5rem !important;
  }

  .sm\:-mb-2{
    margin-bottom: -0.5rem !important;
  }

  .sm\:-ml-2{
    margin-left: -0.5rem !important;
  }

  .sm\:-mt-3{
    margin-top: -0.75rem !important;
  }

  .sm\:-mr-3{
    margin-right: -0.75rem !important;
  }

  .sm\:-mb-3{
    margin-bottom: -0.75rem !important;
  }

  .sm\:-ml-3{
    margin-left: -0.75rem !important;
  }

  .sm\:-mt-4{
    margin-top: -1rem !important;
  }

  .sm\:-mr-4{
    margin-right: -1rem !important;
  }

  .sm\:-mb-4{
    margin-bottom: -1rem !important;
  }

  .sm\:-ml-4{
    margin-left: -1rem !important;
  }

  .sm\:-mt-5{
    margin-top: -1.25rem !important;
  }

  .sm\:-mr-5{
    margin-right: -1.25rem !important;
  }

  .sm\:-mb-5{
    margin-bottom: -1.25rem !important;
  }

  .sm\:-ml-5{
    margin-left: -1.25rem !important;
  }

  .sm\:-mt-6{
    margin-top: -1.5rem !important;
  }

  .sm\:-mr-6{
    margin-right: -1.5rem !important;
  }

  .sm\:-mb-6{
    margin-bottom: -1.5rem !important;
  }

  .sm\:-ml-6{
    margin-left: -1.5rem !important;
  }

  .sm\:-mt-8{
    margin-top: -2rem !important;
  }

  .sm\:-mr-8{
    margin-right: -2rem !important;
  }

  .sm\:-mb-8{
    margin-bottom: -2rem !important;
  }

  .sm\:-ml-8{
    margin-left: -2rem !important;
  }

  .sm\:-mt-10{
    margin-top: -2.5rem !important;
  }

  .sm\:-mr-10{
    margin-right: -2.5rem !important;
  }

  .sm\:-mb-10{
    margin-bottom: -2.5rem !important;
  }

  .sm\:-ml-10{
    margin-left: -2.5rem !important;
  }

  .sm\:-mt-12{
    margin-top: -3rem !important;
  }

  .sm\:-mr-12{
    margin-right: -3rem !important;
  }

  .sm\:-mb-12{
    margin-bottom: -3rem !important;
  }

  .sm\:-ml-12{
    margin-left: -3rem !important;
  }

  .sm\:-mt-16{
    margin-top: -4rem !important;
  }

  .sm\:-mr-16{
    margin-right: -4rem !important;
  }

  .sm\:-mb-16{
    margin-bottom: -4rem !important;
  }

  .sm\:-ml-16{
    margin-left: -4rem !important;
  }

  .sm\:-mt-20{
    margin-top: -5rem !important;
  }

  .sm\:-mr-20{
    margin-right: -5rem !important;
  }

  .sm\:-mb-20{
    margin-bottom: -5rem !important;
  }

  .sm\:-ml-20{
    margin-left: -5rem !important;
  }

  .sm\:-mt-24{
    margin-top: -6rem !important;
  }

  .sm\:-mr-24{
    margin-right: -6rem !important;
  }

  .sm\:-mb-24{
    margin-bottom: -6rem !important;
  }

  .sm\:-ml-24{
    margin-left: -6rem !important;
  }

  .sm\:-mt-28{
    margin-top: -7rem !important;
  }

  .sm\:-mr-28{
    margin-right: -7rem !important;
  }

  .sm\:-mb-28{
    margin-bottom: -7rem !important;
  }

  .sm\:-ml-28{
    margin-left: -7rem !important;
  }

  .sm\:-mt-32{
    margin-top: -8rem !important;
  }

  .sm\:-mr-32{
    margin-right: -8rem !important;
  }

  .sm\:-mb-32{
    margin-bottom: -8rem !important;
  }

  .sm\:-ml-32{
    margin-left: -8rem !important;
  }

  .sm\:-mt-40{
    margin-top: -10rem !important;
  }

  .sm\:-mr-40{
    margin-right: -10rem !important;
  }

  .sm\:-mb-40{
    margin-bottom: -10rem !important;
  }

  .sm\:-ml-40{
    margin-left: -10rem !important;
  }

  .sm\:-mt-48{
    margin-top: -12rem !important;
  }

  .sm\:-mr-48{
    margin-right: -12rem !important;
  }

  .sm\:-mb-48{
    margin-bottom: -12rem !important;
  }

  .sm\:-ml-48{
    margin-left: -12rem !important;
  }

  .sm\:-mt-56{
    margin-top: -14rem !important;
  }

  .sm\:-mr-56{
    margin-right: -14rem !important;
  }

  .sm\:-mb-56{
    margin-bottom: -14rem !important;
  }

  .sm\:-ml-56{
    margin-left: -14rem !important;
  }

  .sm\:-mt-64{
    margin-top: -16rem !important;
  }

  .sm\:-mr-64{
    margin-right: -16rem !important;
  }

  .sm\:-mb-64{
    margin-bottom: -16rem !important;
  }

  .sm\:-ml-64{
    margin-left: -16rem !important;
  }

  .sm\:-mt-px{
    margin-top: -1px !important;
  }

  .sm\:-mr-px{
    margin-right: -1px !important;
  }

  .sm\:-mb-px{
    margin-bottom: -1px !important;
  }

  .sm\:-ml-px{
    margin-left: -1px !important;
  }

  .sm\:-mt-2px{
    margin-top: -2px !important;
  }

  .sm\:-mr-2px{
    margin-right: -2px !important;
  }

  .sm\:-mb-2px{
    margin-bottom: -2px !important;
  }

  .sm\:-ml-2px{
    margin-left: -2px !important;
  }

  .sm\:-mt-3px{
    margin-top: -3px !important;
  }

  .sm\:-mr-3px{
    margin-right: -3px !important;
  }

  .sm\:-mb-3px{
    margin-bottom: -3px !important;
  }

  .sm\:-ml-3px{
    margin-left: -3px !important;
  }

  .sm\:-mt-5px{
    margin-top: -5px !important;
  }

  .sm\:-mr-5px{
    margin-right: -5px !important;
  }

  .sm\:-mb-5px{
    margin-bottom: -5px !important;
  }

  .sm\:-ml-5px{
    margin-left: -5px !important;
  }

  .sm\:-mt-10px{
    margin-top: -10px !important;
  }

  .sm\:-mr-10px{
    margin-right: -10px !important;
  }

  .sm\:-mb-10px{
    margin-bottom: -10px !important;
  }

  .sm\:-ml-10px{
    margin-left: -10px !important;
  }

  .sm\:-mt-15px{
    margin-top: -15px !important;
  }

  .sm\:-mr-15px{
    margin-right: -15px !important;
  }

  .sm\:-mb-15px{
    margin-bottom: -15px !important;
  }

  .sm\:-ml-15px{
    margin-left: -15px !important;
  }

  .sm\:-mt-20px{
    margin-top: -20px !important;
  }

  .sm\:-mr-20px{
    margin-right: -20px !important;
  }

  .sm\:-mb-20px{
    margin-bottom: -20px !important;
  }

  .sm\:-ml-20px{
    margin-left: -20px !important;
  }

  .sm\:-mt-25px{
    margin-top: -25px !important;
  }

  .sm\:-mr-25px{
    margin-right: -25px !important;
  }

  .sm\:-mb-25px{
    margin-bottom: -25px !important;
  }

  .sm\:-ml-25px{
    margin-left: -25px !important;
  }

  .sm\:-mt-30px{
    margin-top: -30px !important;
  }

  .sm\:-mr-30px{
    margin-right: -30px !important;
  }

  .sm\:-mb-30px{
    margin-bottom: -30px !important;
  }

  .sm\:-ml-30px{
    margin-left: -30px !important;
  }

  .sm\:-mt-36px{
    margin-top: -36px !important;
  }

  .sm\:-mr-36px{
    margin-right: -36px !important;
  }

  .sm\:-mb-36px{
    margin-bottom: -36px !important;
  }

  .sm\:-ml-36px{
    margin-left: -36px !important;
  }

  .sm\:-mt-50px{
    margin-top: -50px !important;
  }

  .sm\:-mr-50px{
    margin-right: -50px !important;
  }

  .sm\:-mb-50px{
    margin-bottom: -50px !important;
  }

  .sm\:-ml-50px{
    margin-left: -50px !important;
  }

  .sm\:-mt-60px{
    margin-top: -60px !important;
  }

  .sm\:-mr-60px{
    margin-right: -60px !important;
  }

  .sm\:-mb-60px{
    margin-bottom: -60px !important;
  }

  .sm\:-ml-60px{
    margin-left: -60px !important;
  }

  .sm\:-mt-120px{
    margin-top: -120px !important;
  }

  .sm\:-mr-120px{
    margin-right: -120px !important;
  }

  .sm\:-mb-120px{
    margin-bottom: -120px !important;
  }

  .sm\:-ml-120px{
    margin-left: -120px !important;
  }

  .sm\:max-h-full{
    max-height: 100% !important;
  }

  .sm\:max-h-screen{
    max-height: 100vh !important;
  }

  .sm\:max-h-3\/4{
    max-height: 75% !important;
  }

  .sm\:max-w-250{
    max-width: 250px !important;
  }

  .sm\:max-w-440{
    max-width: 440px !important;
  }

  .sm\:max-w-none{
    max-width: none !important;
  }

  .sm\:max-w-xs{
    max-width: 20rem !important;
  }

  .sm\:max-w-sm{
    max-width: 24rem !important;
  }

  .sm\:max-w-md{
    max-width: 28rem !important;
  }

  .sm\:max-w-lg{
    max-width: 32rem !important;
  }

  .sm\:max-w-xl{
    max-width: 36rem !important;
  }

  .sm\:max-w-2xl{
    max-width: 42rem !important;
  }

  .sm\:max-w-3xl{
    max-width: 48rem !important;
  }

  .sm\:max-w-4xl{
    max-width: 56rem !important;
  }

  .sm\:max-w-5xl{
    max-width: 64rem !important;
  }

  .sm\:max-w-6xl{
    max-width: 72rem !important;
  }

  .sm\:max-w-full{
    max-width: 100% !important;
  }

  .sm\:max-w-screen-sm{
    max-width: 560px !important;
  }

  .sm\:max-w-screen-md{
    max-width: 768px !important;
  }

  .sm\:max-w-screen-lg{
    max-width: 1024px !important;
  }

  .sm\:max-w-screen-xl{
    max-width: 1280px !important;
  }

  .sm\:max-w-screen-xxs{
    max-width: 320px !important;
  }

  .sm\:max-w-screen-xs{
    max-width: 360px !important;
  }

  .sm\:max-w-screen-xxl{
    max-width: 1920px !important;
  }

  .sm\:min-h-0{
    min-height: 0 !important;
  }

  .sm\:min-h-full{
    min-height: 100% !important;
  }

  .sm\:min-h-screen{
    min-height: 100vh !important;
  }

  .sm\:min-w-0{
    min-width: 0 !important;
  }

  .sm\:min-w-full{
    min-width: 100% !important;
  }

  .sm\:object-contain{
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .sm\:object-cover{
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .sm\:object-fill{
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .sm\:object-none{
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .sm\:object-scale-down{
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .sm\:object-bottom{
    -o-object-position: bottom !important;
    object-position: bottom !important;
  }

  .sm\:object-center{
    -o-object-position: center !important;
    object-position: center !important;
  }

  .sm\:object-left{
    -o-object-position: left !important;
    object-position: left !important;
  }

  .sm\:object-left-bottom{
    -o-object-position: left bottom !important;
    object-position: left bottom !important;
  }

  .sm\:object-left-top{
    -o-object-position: left top !important;
    object-position: left top !important;
  }

  .sm\:object-right{
    -o-object-position: right !important;
    object-position: right !important;
  }

  .sm\:object-right-bottom{
    -o-object-position: right bottom !important;
    object-position: right bottom !important;
  }

  .sm\:object-right-top{
    -o-object-position: right top !important;
    object-position: right top !important;
  }

  .sm\:object-top{
    -o-object-position: top !important;
    object-position: top !important;
  }

  .sm\:opacity-0{
    opacity: 0 !important;
  }

  .sm\:opacity-25{
    opacity: 0.25 !important;
  }

  .sm\:opacity-50{
    opacity: 0.5 !important;
  }

  .sm\:opacity-75{
    opacity: 0.75 !important;
  }

  .sm\:opacity-100{
    opacity: 1 !important;
  }

  .sm\:hover\:opacity-0:hover{
    opacity: 0 !important;
  }

  .sm\:hover\:opacity-25:hover{
    opacity: 0.25 !important;
  }

  .sm\:hover\:opacity-50:hover{
    opacity: 0.5 !important;
  }

  .sm\:hover\:opacity-75:hover{
    opacity: 0.75 !important;
  }

  .sm\:hover\:opacity-100:hover{
    opacity: 1 !important;
  }

  .sm\:focus\:opacity-0:focus{
    opacity: 0 !important;
  }

  .sm\:focus\:opacity-25:focus{
    opacity: 0.25 !important;
  }

  .sm\:focus\:opacity-50:focus{
    opacity: 0.5 !important;
  }

  .sm\:focus\:opacity-75:focus{
    opacity: 0.75 !important;
  }

  .sm\:focus\:opacity-100:focus{
    opacity: 1 !important;
  }

  .sm\:outline-none{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .sm\:outline-white{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .sm\:outline-black{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .sm\:focus\:outline-none:focus{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .sm\:focus\:outline-white:focus{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .sm\:focus\:outline-black:focus{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .sm\:overflow-auto{
    overflow: auto !important;
  }

  .sm\:overflow-hidden{
    overflow: hidden !important;
  }

  .sm\:overflow-visible{
    overflow: visible !important;
  }

  .sm\:overflow-scroll{
    overflow: scroll !important;
  }

  .sm\:overflow-x-auto{
    overflow-x: auto !important;
  }

  .sm\:overflow-y-auto{
    overflow-y: auto !important;
  }

  .sm\:overflow-x-hidden{
    overflow-x: hidden !important;
  }

  .sm\:overflow-y-hidden{
    overflow-y: hidden !important;
  }

  .sm\:overflow-x-visible{
    overflow-x: visible !important;
  }

  .sm\:overflow-y-visible{
    overflow-y: visible !important;
  }

  .sm\:overflow-x-scroll{
    overflow-x: scroll !important;
  }

  .sm\:overflow-y-scroll{
    overflow-y: scroll !important;
  }

  .sm\:scrolling-touch{
    -webkit-overflow-scrolling: touch !important;
  }

  .sm\:scrolling-auto{
    -webkit-overflow-scrolling: auto !important;
  }

  .sm\:overscroll-auto{
    -ms-scroll-chaining: chained !important;
    overscroll-behavior: auto !important;
  }

  .sm\:overscroll-contain{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: contain !important;
  }

  .sm\:overscroll-none{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: none !important;
  }

  .sm\:overscroll-y-auto{
    overscroll-behavior-y: auto !important;
  }

  .sm\:overscroll-y-contain{
    overscroll-behavior-y: contain !important;
  }

  .sm\:overscroll-y-none{
    overscroll-behavior-y: none !important;
  }

  .sm\:overscroll-x-auto{
    overscroll-behavior-x: auto !important;
  }

  .sm\:overscroll-x-contain{
    overscroll-behavior-x: contain !important;
  }

  .sm\:overscroll-x-none{
    overscroll-behavior-x: none !important;
  }

  .sm\:p-0{
    padding: 0 !important;
  }

  .sm\:p-1{
    padding: 0.25rem !important;
  }

  .sm\:p-2{
    padding: 0.5rem !important;
  }

  .sm\:p-3{
    padding: 0.75rem !important;
  }

  .sm\:p-4{
    padding: 1rem !important;
  }

  .sm\:p-5{
    padding: 1.25rem !important;
  }

  .sm\:p-6{
    padding: 1.5rem !important;
  }

  .sm\:p-8{
    padding: 2rem !important;
  }

  .sm\:p-10{
    padding: 2.5rem !important;
  }

  .sm\:p-12{
    padding: 3rem !important;
  }

  .sm\:p-16{
    padding: 4rem !important;
  }

  .sm\:p-20{
    padding: 5rem !important;
  }

  .sm\:p-24{
    padding: 6rem !important;
  }

  .sm\:p-28{
    padding: 7rem !important;
  }

  .sm\:p-32{
    padding: 8rem !important;
  }

  .sm\:p-40{
    padding: 10rem !important;
  }

  .sm\:p-48{
    padding: 12rem !important;
  }

  .sm\:p-56{
    padding: 14rem !important;
  }

  .sm\:p-64{
    padding: 16rem !important;
  }

  .sm\:p-px{
    padding: 1px !important;
  }

  .sm\:p-2px{
    padding: 2px !important;
  }

  .sm\:p-3px{
    padding: 3px !important;
  }

  .sm\:p-5px{
    padding: 5px !important;
  }

  .sm\:p-10px{
    padding: 10px !important;
  }

  .sm\:p-15px{
    padding: 15px !important;
  }

  .sm\:p-20px{
    padding: 20px !important;
  }

  .sm\:p-25px{
    padding: 25px !important;
  }

  .sm\:p-30px{
    padding: 30px !important;
  }

  .sm\:p-36px{
    padding: 36px !important;
  }

  .sm\:p-50px{
    padding: 50px !important;
  }

  .sm\:p-60px{
    padding: 60px !important;
  }

  .sm\:p-120px{
    padding: 120px !important;
  }

  .sm\:py-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .sm\:px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .sm\:py-1{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .sm\:px-1{
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .sm\:py-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .sm\:px-2{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .sm\:py-3{
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .sm\:px-3{
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .sm\:py-4{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .sm\:px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .sm\:py-5{
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .sm\:px-5{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .sm\:py-6{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .sm\:px-6{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .sm\:py-8{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .sm\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .sm\:py-10{
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .sm\:px-10{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .sm\:py-12{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .sm\:px-12{
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .sm\:py-16{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .sm\:px-16{
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .sm\:py-20{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .sm\:px-20{
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .sm\:py-24{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .sm\:px-24{
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .sm\:py-28{
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .sm\:px-28{
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .sm\:py-32{
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .sm\:px-32{
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .sm\:py-40{
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .sm\:px-40{
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .sm\:py-48{
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .sm\:px-48{
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .sm\:py-56{
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }

  .sm\:px-56{
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .sm\:py-64{
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }

  .sm\:px-64{
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .sm\:py-px{
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .sm\:px-px{
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .sm\:py-2px{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .sm\:px-2px{
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .sm\:py-3px{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .sm\:px-3px{
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .sm\:py-5px{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .sm\:px-5px{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .sm\:py-10px{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .sm\:px-10px{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .sm\:py-15px{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .sm\:px-15px{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .sm\:py-20px{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .sm\:px-20px{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .sm\:py-25px{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .sm\:px-25px{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .sm\:py-30px{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .sm\:px-30px{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .sm\:py-36px{
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .sm\:px-36px{
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  .sm\:py-50px{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .sm\:px-50px{
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .sm\:py-60px{
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .sm\:px-60px{
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .sm\:py-120px{
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .sm\:px-120px{
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .sm\:pt-0{
    padding-top: 0 !important;
  }

  .sm\:pr-0{
    padding-right: 0 !important;
  }

  .sm\:pb-0{
    padding-bottom: 0 !important;
  }

  .sm\:pl-0{
    padding-left: 0 !important;
  }

  .sm\:pt-1{
    padding-top: 0.25rem !important;
  }

  .sm\:pr-1{
    padding-right: 0.25rem !important;
  }

  .sm\:pb-1{
    padding-bottom: 0.25rem !important;
  }

  .sm\:pl-1{
    padding-left: 0.25rem !important;
  }

  .sm\:pt-2{
    padding-top: 0.5rem !important;
  }

  .sm\:pr-2{
    padding-right: 0.5rem !important;
  }

  .sm\:pb-2{
    padding-bottom: 0.5rem !important;
  }

  .sm\:pl-2{
    padding-left: 0.5rem !important;
  }

  .sm\:pt-3{
    padding-top: 0.75rem !important;
  }

  .sm\:pr-3{
    padding-right: 0.75rem !important;
  }

  .sm\:pb-3{
    padding-bottom: 0.75rem !important;
  }

  .sm\:pl-3{
    padding-left: 0.75rem !important;
  }

  .sm\:pt-4{
    padding-top: 1rem !important;
  }

  .sm\:pr-4{
    padding-right: 1rem !important;
  }

  .sm\:pb-4{
    padding-bottom: 1rem !important;
  }

  .sm\:pl-4{
    padding-left: 1rem !important;
  }

  .sm\:pt-5{
    padding-top: 1.25rem !important;
  }

  .sm\:pr-5{
    padding-right: 1.25rem !important;
  }

  .sm\:pb-5{
    padding-bottom: 1.25rem !important;
  }

  .sm\:pl-5{
    padding-left: 1.25rem !important;
  }

  .sm\:pt-6{
    padding-top: 1.5rem !important;
  }

  .sm\:pr-6{
    padding-right: 1.5rem !important;
  }

  .sm\:pb-6{
    padding-bottom: 1.5rem !important;
  }

  .sm\:pl-6{
    padding-left: 1.5rem !important;
  }

  .sm\:pt-8{
    padding-top: 2rem !important;
  }

  .sm\:pr-8{
    padding-right: 2rem !important;
  }

  .sm\:pb-8{
    padding-bottom: 2rem !important;
  }

  .sm\:pl-8{
    padding-left: 2rem !important;
  }

  .sm\:pt-10{
    padding-top: 2.5rem !important;
  }

  .sm\:pr-10{
    padding-right: 2.5rem !important;
  }

  .sm\:pb-10{
    padding-bottom: 2.5rem !important;
  }

  .sm\:pl-10{
    padding-left: 2.5rem !important;
  }

  .sm\:pt-12{
    padding-top: 3rem !important;
  }

  .sm\:pr-12{
    padding-right: 3rem !important;
  }

  .sm\:pb-12{
    padding-bottom: 3rem !important;
  }

  .sm\:pl-12{
    padding-left: 3rem !important;
  }

  .sm\:pt-16{
    padding-top: 4rem !important;
  }

  .sm\:pr-16{
    padding-right: 4rem !important;
  }

  .sm\:pb-16{
    padding-bottom: 4rem !important;
  }

  .sm\:pl-16{
    padding-left: 4rem !important;
  }

  .sm\:pt-20{
    padding-top: 5rem !important;
  }

  .sm\:pr-20{
    padding-right: 5rem !important;
  }

  .sm\:pb-20{
    padding-bottom: 5rem !important;
  }

  .sm\:pl-20{
    padding-left: 5rem !important;
  }

  .sm\:pt-24{
    padding-top: 6rem !important;
  }

  .sm\:pr-24{
    padding-right: 6rem !important;
  }

  .sm\:pb-24{
    padding-bottom: 6rem !important;
  }

  .sm\:pl-24{
    padding-left: 6rem !important;
  }

  .sm\:pt-28{
    padding-top: 7rem !important;
  }

  .sm\:pr-28{
    padding-right: 7rem !important;
  }

  .sm\:pb-28{
    padding-bottom: 7rem !important;
  }

  .sm\:pl-28{
    padding-left: 7rem !important;
  }

  .sm\:pt-32{
    padding-top: 8rem !important;
  }

  .sm\:pr-32{
    padding-right: 8rem !important;
  }

  .sm\:pb-32{
    padding-bottom: 8rem !important;
  }

  .sm\:pl-32{
    padding-left: 8rem !important;
  }

  .sm\:pt-40{
    padding-top: 10rem !important;
  }

  .sm\:pr-40{
    padding-right: 10rem !important;
  }

  .sm\:pb-40{
    padding-bottom: 10rem !important;
  }

  .sm\:pl-40{
    padding-left: 10rem !important;
  }

  .sm\:pt-48{
    padding-top: 12rem !important;
  }

  .sm\:pr-48{
    padding-right: 12rem !important;
  }

  .sm\:pb-48{
    padding-bottom: 12rem !important;
  }

  .sm\:pl-48{
    padding-left: 12rem !important;
  }

  .sm\:pt-56{
    padding-top: 14rem !important;
  }

  .sm\:pr-56{
    padding-right: 14rem !important;
  }

  .sm\:pb-56{
    padding-bottom: 14rem !important;
  }

  .sm\:pl-56{
    padding-left: 14rem !important;
  }

  .sm\:pt-64{
    padding-top: 16rem !important;
  }

  .sm\:pr-64{
    padding-right: 16rem !important;
  }

  .sm\:pb-64{
    padding-bottom: 16rem !important;
  }

  .sm\:pl-64{
    padding-left: 16rem !important;
  }

  .sm\:pt-px{
    padding-top: 1px !important;
  }

  .sm\:pr-px{
    padding-right: 1px !important;
  }

  .sm\:pb-px{
    padding-bottom: 1px !important;
  }

  .sm\:pl-px{
    padding-left: 1px !important;
  }

  .sm\:pt-2px{
    padding-top: 2px !important;
  }

  .sm\:pr-2px{
    padding-right: 2px !important;
  }

  .sm\:pb-2px{
    padding-bottom: 2px !important;
  }

  .sm\:pl-2px{
    padding-left: 2px !important;
  }

  .sm\:pt-3px{
    padding-top: 3px !important;
  }

  .sm\:pr-3px{
    padding-right: 3px !important;
  }

  .sm\:pb-3px{
    padding-bottom: 3px !important;
  }

  .sm\:pl-3px{
    padding-left: 3px !important;
  }

  .sm\:pt-5px{
    padding-top: 5px !important;
  }

  .sm\:pr-5px{
    padding-right: 5px !important;
  }

  .sm\:pb-5px{
    padding-bottom: 5px !important;
  }

  .sm\:pl-5px{
    padding-left: 5px !important;
  }

  .sm\:pt-10px{
    padding-top: 10px !important;
  }

  .sm\:pr-10px{
    padding-right: 10px !important;
  }

  .sm\:pb-10px{
    padding-bottom: 10px !important;
  }

  .sm\:pl-10px{
    padding-left: 10px !important;
  }

  .sm\:pt-15px{
    padding-top: 15px !important;
  }

  .sm\:pr-15px{
    padding-right: 15px !important;
  }

  .sm\:pb-15px{
    padding-bottom: 15px !important;
  }

  .sm\:pl-15px{
    padding-left: 15px !important;
  }

  .sm\:pt-20px{
    padding-top: 20px !important;
  }

  .sm\:pr-20px{
    padding-right: 20px !important;
  }

  .sm\:pb-20px{
    padding-bottom: 20px !important;
  }

  .sm\:pl-20px{
    padding-left: 20px !important;
  }

  .sm\:pt-25px{
    padding-top: 25px !important;
  }

  .sm\:pr-25px{
    padding-right: 25px !important;
  }

  .sm\:pb-25px{
    padding-bottom: 25px !important;
  }

  .sm\:pl-25px{
    padding-left: 25px !important;
  }

  .sm\:pt-30px{
    padding-top: 30px !important;
  }

  .sm\:pr-30px{
    padding-right: 30px !important;
  }

  .sm\:pb-30px{
    padding-bottom: 30px !important;
  }

  .sm\:pl-30px{
    padding-left: 30px !important;
  }

  .sm\:pt-36px{
    padding-top: 36px !important;
  }

  .sm\:pr-36px{
    padding-right: 36px !important;
  }

  .sm\:pb-36px{
    padding-bottom: 36px !important;
  }

  .sm\:pl-36px{
    padding-left: 36px !important;
  }

  .sm\:pt-50px{
    padding-top: 50px !important;
  }

  .sm\:pr-50px{
    padding-right: 50px !important;
  }

  .sm\:pb-50px{
    padding-bottom: 50px !important;
  }

  .sm\:pl-50px{
    padding-left: 50px !important;
  }

  .sm\:pt-60px{
    padding-top: 60px !important;
  }

  .sm\:pr-60px{
    padding-right: 60px !important;
  }

  .sm\:pb-60px{
    padding-bottom: 60px !important;
  }

  .sm\:pl-60px{
    padding-left: 60px !important;
  }

  .sm\:pt-120px{
    padding-top: 120px !important;
  }

  .sm\:pr-120px{
    padding-right: 120px !important;
  }

  .sm\:pb-120px{
    padding-bottom: 120px !important;
  }

  .sm\:pl-120px{
    padding-left: 120px !important;
  }

  .sm\:placeholder-transparent::-webkit-input-placeholder{
    color: transparent !important;
  }

  .sm\:placeholder-transparent::-moz-placeholder{
    color: transparent !important;
  }

  .sm\:placeholder-transparent:-ms-input-placeholder{
    color: transparent !important;
  }

  .sm\:placeholder-transparent::-ms-input-placeholder{
    color: transparent !important;
  }

  .sm\:placeholder-transparent::placeholder{
    color: transparent !important;
  }

  .sm\:placeholder-current::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .sm\:placeholder-current::-moz-placeholder{
    color: currentColor !important;
  }

  .sm\:placeholder-current:-ms-input-placeholder{
    color: currentColor !important;
  }

  .sm\:placeholder-current::-ms-input-placeholder{
    color: currentColor !important;
  }

  .sm\:placeholder-current::placeholder{
    color: currentColor !important;
  }

  .sm\:placeholder-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-white::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-white:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-white::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-white::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-red::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-orange-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-yellow-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-teal-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-blue-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-indigo-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-purple-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-pink-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-primary-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:placeholder-primary-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:placeholder-primary-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:placeholder-primary-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:placeholder-primary-color::placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:placeholder-primary-hover-color::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .sm\:placeholder-primary-hover-color::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .sm\:placeholder-primary-hover-color:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .sm\:placeholder-primary-hover-color::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .sm\:placeholder-primary-hover-color::placeholder{
    color: var(--hover-color) !important;
  }

  .sm\:placeholder-gray-body::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-body::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-body:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-body::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-body::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-333::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-333::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-333:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-333::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-333::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-666::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-666::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-666:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-666::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-666::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-888::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-888::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-888:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-888::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-888::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-999::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-999::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-999:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-999::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-999::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-icon::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-icon::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-icon:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-icon::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-icon::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-features::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-features::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-features:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-features::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-features::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-slide-border::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-slide-border::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-slide-border:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-slide-border::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-slide-border::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-sale-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:placeholder-sale-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:placeholder-sale-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:placeholder-sale-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:placeholder-sale-color::placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:placeholder-hit-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-hit-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-hit-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-hit-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-hit-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-new-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-new-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-new-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-new-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-new-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-fb-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-fb-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-fb-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-fb-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-fb-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-fb-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-fb-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-fb-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-fb-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-fb-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-vk-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-vk-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-vk-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-vk-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-vk-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-vk-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-vk-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-vk-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-vk-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-vk-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-insta-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-insta-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-insta-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-insta-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-insta-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-insta-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-insta-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-insta-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-insta-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-insta-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-dc::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-dc::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-dc:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-dc::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-dc::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-cd::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-cd::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-cd:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-cd::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-cd::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-e7::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-e7::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-e7:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-e7::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-gray-e7::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-check-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-check-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-check-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-check-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-check-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-docx-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-docx-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-docx-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-docx-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-docx-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-dark-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-dark-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-dark-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-dark-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-dark-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-green-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-transparent:focus::-webkit-input-placeholder{
    color: transparent !important;
  }

  .sm\:focus\:placeholder-transparent:focus::-moz-placeholder{
    color: transparent !important;
  }

  .sm\:focus\:placeholder-transparent:focus:-ms-input-placeholder{
    color: transparent !important;
  }

  .sm\:focus\:placeholder-transparent:focus::-ms-input-placeholder{
    color: transparent !important;
  }

  .sm\:focus\:placeholder-transparent:focus::placeholder{
    color: transparent !important;
  }

  .sm\:focus\:placeholder-current:focus::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .sm\:focus\:placeholder-current:focus::-moz-placeholder{
    color: currentColor !important;
  }

  .sm\:focus\:placeholder-current:focus:-ms-input-placeholder{
    color: currentColor !important;
  }

  .sm\:focus\:placeholder-current:focus::-ms-input-placeholder{
    color: currentColor !important;
  }

  .sm\:focus\:placeholder-current:focus::placeholder{
    color: currentColor !important;
  }

  .sm\:focus\:placeholder-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-white:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-white:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-orange-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-teal-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-blue-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-indigo-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-purple-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-pink-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-primary-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:focus\:placeholder-primary-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:focus\:placeholder-primary-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:focus\:placeholder-primary-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:focus\:placeholder-primary-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:focus\:placeholder-primary-hover-color:focus::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .sm\:focus\:placeholder-primary-hover-color:focus::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .sm\:focus\:placeholder-primary-hover-color:focus:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .sm\:focus\:placeholder-primary-hover-color:focus::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .sm\:focus\:placeholder-primary-hover-color:focus::placeholder{
    color: var(--hover-color) !important;
  }

  .sm\:focus\:placeholder-gray-body:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-body:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-body:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-body:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-body:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-333:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-333:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-333:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-333:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-333:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-666:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-666:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-666:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-666:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-666:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-888:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-888:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-888:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-888:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-888:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-999:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-999:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-999:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-999:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-999:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-icon:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-icon:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-icon:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-icon:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-icon:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-features:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-features:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-features:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-features:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-features:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-slide-border:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-slide-border:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-slide-border:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-slide-border:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-slide-border:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-sale-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:focus\:placeholder-sale-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:focus\:placeholder-sale-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:focus\:placeholder-sale-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:focus\:placeholder-sale-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .sm\:focus\:placeholder-hit-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-hit-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-hit-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-hit-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-hit-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-new-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-new-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-new-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-new-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-new-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-fb-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-fb-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-fb-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-fb-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-fb-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-fb-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-fb-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-fb-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-fb-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-fb-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-vk-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-vk-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-vk-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-vk-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-vk-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-vk-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-vk-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-vk-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-vk-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-vk-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-insta-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-insta-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-insta-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-insta-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-insta-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-insta-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-insta-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-insta-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-insta-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-insta-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-dc:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-dc:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-dc:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-dc:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-dc:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-cd:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-cd:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-cd:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-cd:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-cd:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-e7:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-e7:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-e7:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-e7:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-gray-e7:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-check-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-check-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-check-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-check-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-check-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-docx-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-docx-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-docx-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-docx-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-docx-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-dark-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-dark-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-dark-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-dark-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-dark-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .sm\:focus\:placeholder-green-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .sm\:placeholder-opacity-0::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .sm\:placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .sm\:placeholder-opacity-0:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .sm\:placeholder-opacity-0::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .sm\:placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .sm\:placeholder-opacity-25::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:placeholder-opacity-25:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:placeholder-opacity-25::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:placeholder-opacity-50::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:placeholder-opacity-50:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:placeholder-opacity-50::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:placeholder-opacity-75::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:placeholder-opacity-75:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:placeholder-opacity-75::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:placeholder-opacity-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .sm\:placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .sm\:placeholder-opacity-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .sm\:placeholder-opacity-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .sm\:placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .sm\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .sm\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .sm\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .sm\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .sm\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:focus\:placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .sm\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:focus\:placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .sm\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:focus\:placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .sm\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .sm\:focus\:placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .sm\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .sm\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .sm\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .sm\:pointer-events-none{
    pointer-events: none !important;
  }

  .sm\:pointer-events-auto{
    pointer-events: auto !important;
  }

  .sm\:static{
    position: static !important;
  }

  .sm\:fixed{
    position: fixed !important;
  }

  .sm\:absolute{
    position: absolute !important;
  }

  .sm\:relative{
    position: relative !important;
  }

  .sm\:sticky{
    position: sticky !important;
  }

  .sm\:inset-0{
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }

  .sm\:inset-auto{
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }

  .sm\:inset-1\/2{
    top: 50% !important;
    right: 50% !important;
    bottom: 50% !important;
    left: 50% !important;
  }

  .sm\:inset-100\%{
    top: 100% !important;
    right: 100% !important;
    bottom: 100% !important;
    left: 100% !important;
  }

  .sm\:inset-px{
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
  }

  .sm\:inset-2px{
    top: 2px !important;
    right: 2px !important;
    bottom: 2px !important;
    left: 2px !important;
  }

  .sm\:inset-4px{
    top: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    left: 4px !important;
  }

  .sm\:inset-10px{
    top: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
  }

  .sm\:inset-y-0{
    top: 0 !important;
    bottom: 0 !important;
  }

  .sm\:inset-x-0{
    right: 0 !important;
    left: 0 !important;
  }

  .sm\:inset-y-auto{
    top: auto !important;
    bottom: auto !important;
  }

  .sm\:inset-x-auto{
    right: auto !important;
    left: auto !important;
  }

  .sm\:inset-y-1\/2{
    top: 50% !important;
    bottom: 50% !important;
  }

  .sm\:inset-x-1\/2{
    right: 50% !important;
    left: 50% !important;
  }

  .sm\:inset-y-100\%{
    top: 100% !important;
    bottom: 100% !important;
  }

  .sm\:inset-x-100\%{
    right: 100% !important;
    left: 100% !important;
  }

  .sm\:inset-y-px{
    top: 1px !important;
    bottom: 1px !important;
  }

  .sm\:inset-x-px{
    right: 1px !important;
    left: 1px !important;
  }

  .sm\:inset-y-2px{
    top: 2px !important;
    bottom: 2px !important;
  }

  .sm\:inset-x-2px{
    right: 2px !important;
    left: 2px !important;
  }

  .sm\:inset-y-4px{
    top: 4px !important;
    bottom: 4px !important;
  }

  .sm\:inset-x-4px{
    right: 4px !important;
    left: 4px !important;
  }

  .sm\:inset-y-10px{
    top: 10px !important;
    bottom: 10px !important;
  }

  .sm\:inset-x-10px{
    right: 10px !important;
    left: 10px !important;
  }

  .sm\:top-0{
    top: 0 !important;
  }

  .sm\:right-0{
    right: 0 !important;
  }

  .sm\:bottom-0{
    bottom: 0 !important;
  }

  .sm\:left-0{
    left: 0 !important;
  }

  .sm\:top-auto{
    top: auto !important;
  }

  .sm\:right-auto{
    right: auto !important;
  }

  .sm\:bottom-auto{
    bottom: auto !important;
  }

  .sm\:left-auto{
    left: auto !important;
  }

  .sm\:top-1\/2{
    top: 50% !important;
  }

  .sm\:right-1\/2{
    right: 50% !important;
  }

  .sm\:bottom-1\/2{
    bottom: 50% !important;
  }

  .sm\:left-1\/2{
    left: 50% !important;
  }

  .sm\:top-100\%{
    top: 100% !important;
  }

  .sm\:right-100\%{
    right: 100% !important;
  }

  .sm\:bottom-100\%{
    bottom: 100% !important;
  }

  .sm\:left-100\%{
    left: 100% !important;
  }

  .sm\:top-px{
    top: 1px !important;
  }

  .sm\:right-px{
    right: 1px !important;
  }

  .sm\:bottom-px{
    bottom: 1px !important;
  }

  .sm\:left-px{
    left: 1px !important;
  }

  .sm\:top-2px{
    top: 2px !important;
  }

  .sm\:right-2px{
    right: 2px !important;
  }

  .sm\:bottom-2px{
    bottom: 2px !important;
  }

  .sm\:left-2px{
    left: 2px !important;
  }

  .sm\:top-4px{
    top: 4px !important;
  }

  .sm\:right-4px{
    right: 4px !important;
  }

  .sm\:bottom-4px{
    bottom: 4px !important;
  }

  .sm\:left-4px{
    left: 4px !important;
  }

  .sm\:top-10px{
    top: 10px !important;
  }

  .sm\:right-10px{
    right: 10px !important;
  }

  .sm\:bottom-10px{
    bottom: 10px !important;
  }

  .sm\:left-10px{
    left: 10px !important;
  }

  .sm\:resize-none{
    resize: none !important;
  }

  .sm\:resize-y{
    resize: vertical !important;
  }

  .sm\:resize-x{
    resize: horizontal !important;
  }

  .sm\:resize{
    resize: both !important;
  }

  .sm\:shadow-xs{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .sm\:shadow-sm{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .sm\:shadow{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .sm\:shadow-md{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .sm\:shadow-lg{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .sm\:shadow-xl{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .sm\:shadow-2xl{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .sm\:shadow-inner{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .sm\:shadow-outline{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .sm\:shadow-none{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .sm\:shadow-btn-hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .sm\:shadow-hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .sm\:shadow-filter{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .sm\:shadow-menu{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .sm\:hover\:shadow-xs:hover{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .sm\:hover\:shadow-sm:hover{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .sm\:hover\:shadow:hover{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .sm\:hover\:shadow-md:hover{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .sm\:hover\:shadow-lg:hover{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .sm\:hover\:shadow-xl:hover{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .sm\:hover\:shadow-2xl:hover{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .sm\:hover\:shadow-inner:hover{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .sm\:hover\:shadow-outline:hover{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .sm\:hover\:shadow-none:hover{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .sm\:hover\:shadow-btn-hover:hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .sm\:hover\:shadow-hover:hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .sm\:hover\:shadow-filter:hover{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .sm\:hover\:shadow-menu:hover{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .sm\:focus\:shadow-xs:focus{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .sm\:focus\:shadow-sm:focus{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .sm\:focus\:shadow:focus{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .sm\:focus\:shadow-md:focus{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .sm\:focus\:shadow-lg:focus{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .sm\:focus\:shadow-xl:focus{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .sm\:focus\:shadow-2xl:focus{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .sm\:focus\:shadow-inner:focus{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .sm\:focus\:shadow-outline:focus{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .sm\:focus\:shadow-none:focus{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .sm\:focus\:shadow-btn-hover:focus{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .sm\:focus\:shadow-hover:focus{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .sm\:focus\:shadow-filter:focus{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .sm\:focus\:shadow-menu:focus{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .sm\:fill-current{
    fill: currentColor !important;
  }

  .sm\:fill-primary-color{
    fill: var(--primary-color) !important;
  }

  .sm\:fill-primary-hover-color{
    fill: var(--hover-color) !important;
  }

  .sm\:fill-ordinary{
    fill: #333333 !important;
  }

  .sm\:fill-no-active{
    fill: #888888 !important;
  }

  .sm\:fill-white{
    fill: #ffffff !important;
  }

  .sm\:stroke-current{
    stroke: currentColor !important;
  }

  .sm\:stroke-primary-color{
    stroke: var(--primary-color) !important;
  }

  .sm\:stroke-primary-hover-color{
    stroke: var(--hover-color) !important;
  }

  .sm\:stroke-0{
    stroke-width: 0 !important;
  }

  .sm\:stroke-1{
    stroke-width: 1 !important;
  }

  .sm\:stroke-2{
    stroke-width: 2 !important;
  }

  .sm\:stroke-12{
    stroke-width: 12 !important;
  }

  .sm\:stroke-20{
    stroke-width: 20 !important;
  }

  .sm\:table-auto{
    table-layout: auto !important;
  }

  .sm\:table-fixed{
    table-layout: fixed !important;
  }

  .sm\:text-left{
    text-align: left !important;
  }

  .sm\:text-center{
    text-align: center !important;
  }

  .sm\:text-right{
    text-align: right !important;
  }

  .sm\:text-justify{
    text-align: justify !important;
  }

  .sm\:text-transparent{
    color: transparent !important;
  }

  .sm\:text-current{
    color: currentColor !important;
  }

  .sm\:text-black{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .sm\:text-white{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .sm\:text-gray-100{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .sm\:text-gray-200{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .sm\:text-gray-300{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .sm\:text-gray-400{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .sm\:text-gray-500{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .sm\:text-gray-600{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .sm\:text-gray-700{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .sm\:text-gray-800{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .sm\:text-gray-900{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .sm\:text-red{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .sm\:text-orange-100{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .sm\:text-orange-200{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .sm\:text-orange-300{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .sm\:text-orange-400{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .sm\:text-orange-500{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .sm\:text-orange-600{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .sm\:text-orange-700{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .sm\:text-orange-800{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .sm\:text-orange-900{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .sm\:text-yellow-100{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .sm\:text-yellow-200{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .sm\:text-yellow-300{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .sm\:text-yellow-400{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .sm\:text-yellow-500{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .sm\:text-yellow-600{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .sm\:text-yellow-700{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .sm\:text-yellow-800{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .sm\:text-yellow-900{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .sm\:text-green-100{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .sm\:text-green-200{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .sm\:text-green-300{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .sm\:text-green-400{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .sm\:text-green-500{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .sm\:text-green-600{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .sm\:text-green-700{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .sm\:text-green-800{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .sm\:text-green-900{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .sm\:text-teal-100{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .sm\:text-teal-200{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .sm\:text-teal-300{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .sm\:text-teal-400{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .sm\:text-teal-500{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .sm\:text-teal-600{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .sm\:text-teal-700{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .sm\:text-teal-800{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .sm\:text-teal-900{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .sm\:text-blue-100{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .sm\:text-blue-200{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .sm\:text-blue-300{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .sm\:text-blue-400{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .sm\:text-blue-500{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .sm\:text-blue-600{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .sm\:text-blue-700{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .sm\:text-blue-800{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .sm\:text-blue-900{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .sm\:text-indigo-100{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .sm\:text-indigo-200{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .sm\:text-indigo-300{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .sm\:text-indigo-400{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .sm\:text-indigo-500{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .sm\:text-indigo-600{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .sm\:text-indigo-700{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .sm\:text-indigo-800{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .sm\:text-indigo-900{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .sm\:text-purple-100{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .sm\:text-purple-200{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .sm\:text-purple-300{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .sm\:text-purple-400{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .sm\:text-purple-500{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .sm\:text-purple-600{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .sm\:text-purple-700{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .sm\:text-purple-800{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .sm\:text-purple-900{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .sm\:text-pink-100{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .sm\:text-pink-200{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .sm\:text-pink-300{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .sm\:text-pink-400{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .sm\:text-pink-500{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .sm\:text-pink-600{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .sm\:text-pink-700{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .sm\:text-pink-800{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .sm\:text-pink-900{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .sm\:text-primary-color{
    color: var(--primary-color) !important;
  }

  .sm\:text-primary-hover-color{
    color: var(--hover-color) !important;
  }

  .sm\:text-gray-body{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .sm\:text-gray-light{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .sm\:text-gray-333{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .sm\:text-gray-666{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .sm\:text-gray-888{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .sm\:text-gray-999{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .sm\:text-gray-icon{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .sm\:text-gray-features{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .sm\:text-slide-border{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .sm\:text-sale-color{
    color: var(--primary-color) !important;
  }

  .sm\:text-hit-color{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .sm\:text-new-color{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .sm\:text-fb-hover-color{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .sm\:text-fb-active-color{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .sm\:text-vk-hover-color{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .sm\:text-vk-active-color{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .sm\:text-insta-hover-color{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .sm\:text-insta-active-color{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .sm\:text-gray-dc{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .sm\:text-gray-cd{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .sm\:text-gray-e7{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .sm\:text-check-color{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .sm\:text-docx-color{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .sm\:text-dark-black{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .sm\:text-green-light{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-transparent:hover{
    color: transparent !important;
  }

  .sm\:hover\:text-current:hover{
    color: currentColor !important;
  }

  .sm\:hover\:text-black:hover{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-white:hover{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-100:hover{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-200:hover{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-300:hover{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-400:hover{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-500:hover{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-600:hover{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-700:hover{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-800:hover{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-900:hover{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-red:hover{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-orange-100:hover{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-orange-200:hover{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-orange-300:hover{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-orange-400:hover{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-orange-500:hover{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-orange-600:hover{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-orange-700:hover{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-orange-800:hover{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-orange-900:hover{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-yellow-100:hover{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-yellow-200:hover{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-yellow-300:hover{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-yellow-400:hover{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-yellow-500:hover{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-yellow-600:hover{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-yellow-700:hover{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-yellow-800:hover{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-yellow-900:hover{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-green-100:hover{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-green-200:hover{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-green-300:hover{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-green-400:hover{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-green-500:hover{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-green-600:hover{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-green-700:hover{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-green-800:hover{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-green-900:hover{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-teal-100:hover{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-teal-200:hover{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-teal-300:hover{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-teal-400:hover{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-teal-500:hover{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-teal-600:hover{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-teal-700:hover{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-teal-800:hover{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-teal-900:hover{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-100:hover{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-200:hover{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-300:hover{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-400:hover{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-500:hover{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-600:hover{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-700:hover{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-800:hover{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-blue-900:hover{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-indigo-100:hover{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-indigo-200:hover{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-indigo-300:hover{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-indigo-400:hover{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-indigo-500:hover{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-indigo-600:hover{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-indigo-700:hover{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-indigo-800:hover{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-indigo-900:hover{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-purple-100:hover{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-purple-200:hover{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-purple-300:hover{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-purple-400:hover{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-purple-500:hover{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-purple-600:hover{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-purple-700:hover{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-purple-800:hover{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-purple-900:hover{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-pink-100:hover{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-pink-200:hover{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-pink-300:hover{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-pink-400:hover{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-pink-500:hover{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-pink-600:hover{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-pink-700:hover{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-pink-800:hover{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-pink-900:hover{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-primary-color:hover{
    color: var(--primary-color) !important;
  }

  .sm\:hover\:text-primary-hover-color:hover{
    color: var(--hover-color) !important;
  }

  .sm\:hover\:text-gray-body:hover{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-light:hover{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-333:hover{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-666:hover{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-888:hover{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-999:hover{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-icon:hover{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-features:hover{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-slide-border:hover{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-sale-color:hover{
    color: var(--primary-color) !important;
  }

  .sm\:hover\:text-hit-color:hover{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-new-color:hover{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-fb-hover-color:hover{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-fb-active-color:hover{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-vk-hover-color:hover{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-vk-active-color:hover{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-insta-hover-color:hover{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-insta-active-color:hover{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-dc:hover{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-cd:hover{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-gray-e7:hover{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-check-color:hover{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-docx-color:hover{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-dark-black:hover{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .sm\:hover\:text-green-light:hover{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-transparent:focus{
    color: transparent !important;
  }

  .sm\:focus\:text-current:focus{
    color: currentColor !important;
  }

  .sm\:focus\:text-black:focus{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-white:focus{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-100:focus{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-200:focus{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-300:focus{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-400:focus{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-500:focus{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-600:focus{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-700:focus{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-800:focus{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-900:focus{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-red:focus{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-orange-100:focus{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-orange-200:focus{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-orange-300:focus{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-orange-400:focus{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-orange-500:focus{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-orange-600:focus{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-orange-700:focus{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-orange-800:focus{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-orange-900:focus{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-yellow-100:focus{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-yellow-200:focus{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-yellow-300:focus{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-yellow-400:focus{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-yellow-500:focus{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-yellow-600:focus{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-yellow-700:focus{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-yellow-800:focus{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-yellow-900:focus{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-green-100:focus{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-green-200:focus{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-green-300:focus{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-green-400:focus{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-green-500:focus{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-green-600:focus{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-green-700:focus{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-green-800:focus{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-green-900:focus{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-teal-100:focus{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-teal-200:focus{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-teal-300:focus{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-teal-400:focus{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-teal-500:focus{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-teal-600:focus{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-teal-700:focus{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-teal-800:focus{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-teal-900:focus{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-100:focus{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-200:focus{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-300:focus{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-400:focus{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-500:focus{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-600:focus{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-700:focus{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-800:focus{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-blue-900:focus{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-indigo-100:focus{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-indigo-200:focus{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-indigo-300:focus{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-indigo-400:focus{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-indigo-500:focus{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-indigo-600:focus{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-indigo-700:focus{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-indigo-800:focus{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-indigo-900:focus{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-purple-100:focus{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-purple-200:focus{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-purple-300:focus{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-purple-400:focus{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-purple-500:focus{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-purple-600:focus{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-purple-700:focus{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-purple-800:focus{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-purple-900:focus{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-pink-100:focus{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-pink-200:focus{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-pink-300:focus{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-pink-400:focus{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-pink-500:focus{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-pink-600:focus{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-pink-700:focus{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-pink-800:focus{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-pink-900:focus{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-primary-color:focus{
    color: var(--primary-color) !important;
  }

  .sm\:focus\:text-primary-hover-color:focus{
    color: var(--hover-color) !important;
  }

  .sm\:focus\:text-gray-body:focus{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-light:focus{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-333:focus{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-666:focus{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-888:focus{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-999:focus{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-icon:focus{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-features:focus{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-slide-border:focus{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-sale-color:focus{
    color: var(--primary-color) !important;
  }

  .sm\:focus\:text-hit-color:focus{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-new-color:focus{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-fb-hover-color:focus{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-fb-active-color:focus{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-vk-hover-color:focus{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-vk-active-color:focus{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-insta-hover-color:focus{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-insta-active-color:focus{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-dc:focus{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-cd:focus{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-gray-e7:focus{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-check-color:focus{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-docx-color:focus{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-dark-black:focus{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .sm\:focus\:text-green-light:focus{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .sm\:text-opacity-0{
    --text-opacity: 0 !important;
  }

  .sm\:text-opacity-25{
    --text-opacity: 0.25 !important;
  }

  .sm\:text-opacity-50{
    --text-opacity: 0.5 !important;
  }

  .sm\:text-opacity-75{
    --text-opacity: 0.75 !important;
  }

  .sm\:text-opacity-100{
    --text-opacity: 1 !important;
  }

  .sm\:hover\:text-opacity-0:hover{
    --text-opacity: 0 !important;
  }

  .sm\:hover\:text-opacity-25:hover{
    --text-opacity: 0.25 !important;
  }

  .sm\:hover\:text-opacity-50:hover{
    --text-opacity: 0.5 !important;
  }

  .sm\:hover\:text-opacity-75:hover{
    --text-opacity: 0.75 !important;
  }

  .sm\:hover\:text-opacity-100:hover{
    --text-opacity: 1 !important;
  }

  .sm\:focus\:text-opacity-0:focus{
    --text-opacity: 0 !important;
  }

  .sm\:focus\:text-opacity-25:focus{
    --text-opacity: 0.25 !important;
  }

  .sm\:focus\:text-opacity-50:focus{
    --text-opacity: 0.5 !important;
  }

  .sm\:focus\:text-opacity-75:focus{
    --text-opacity: 0.75 !important;
  }

  .sm\:focus\:text-opacity-100:focus{
    --text-opacity: 1 !important;
  }

  .sm\:italic{
    font-style: italic !important;
  }

  .sm\:not-italic{
    font-style: normal !important;
  }

  .sm\:uppercase{
    text-transform: uppercase !important;
  }

  .sm\:lowercase{
    text-transform: lowercase !important;
  }

  .sm\:capitalize{
    text-transform: capitalize !important;
  }

  .sm\:normal-case{
    text-transform: none !important;
  }

  .sm\:underline{
    text-decoration: underline !important;
  }

  .sm\:line-through{
    text-decoration: line-through !important;
  }

  .sm\:no-underline{
    text-decoration: none !important;
  }

  .sm\:hover\:underline:hover{
    text-decoration: underline !important;
  }

  .sm\:hover\:line-through:hover{
    text-decoration: line-through !important;
  }

  .sm\:hover\:no-underline:hover{
    text-decoration: none !important;
  }

  .sm\:focus\:underline:focus{
    text-decoration: underline !important;
  }

  .sm\:focus\:line-through:focus{
    text-decoration: line-through !important;
  }

  .sm\:focus\:no-underline:focus{
    text-decoration: none !important;
  }

  .sm\:antialiased{
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .sm\:subpixel-antialiased{
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
  }

  .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
  }

  .sm\:normal-nums{
    font-variant-numeric: normal !important;
  }

  .sm\:ordinal{
    --font-variant-numeric-ordinal: ordinal !important;
  }

  .sm\:slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero !important;
  }

  .sm\:lining-nums{
    --font-variant-numeric-figure: lining-nums !important;
  }

  .sm\:oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums !important;
  }

  .sm\:proportional-nums{
    --font-variant-numeric-spacing: proportional-nums !important;
  }

  .sm\:tabular-nums{
    --font-variant-numeric-spacing: tabular-nums !important;
  }

  .sm\:diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions !important;
  }

  .sm\:stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions !important;
  }

  .sm\:tracking-tighter{
    letter-spacing: -0.05em !important;
  }

  .sm\:tracking-tight{
    letter-spacing: -0.025em !important;
  }

  .sm\:tracking-normal{
    letter-spacing: 0 !important;
  }

  .sm\:tracking-wide{
    letter-spacing: 0.025em !important;
  }

  .sm\:tracking-wider{
    letter-spacing: 0.05em !important;
  }

  .sm\:tracking-widest{
    letter-spacing: 0.1em !important;
  }

  .sm\:select-none{
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
  }

  .sm\:select-text{
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
  }

  .sm\:select-all{
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
  }

  .sm\:select-auto{
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
  }

  .sm\:align-baseline{
    vertical-align: baseline !important;
  }

  .sm\:align-top{
    vertical-align: top !important;
  }

  .sm\:align-middle{
    vertical-align: middle !important;
  }

  .sm\:align-bottom{
    vertical-align: bottom !important;
  }

  .sm\:align-text-top{
    vertical-align: text-top !important;
  }

  .sm\:align-text-bottom{
    vertical-align: text-bottom !important;
  }

  .sm\:visible{
    visibility: visible !important;
  }

  .sm\:invisible{
    visibility: hidden !important;
  }

  .sm\:whitespace-normal{
    white-space: normal !important;
  }

  .sm\:whitespace-no-wrap{
    white-space: nowrap !important;
  }

  .sm\:whitespace-pre{
    white-space: pre !important;
  }

  .sm\:whitespace-pre-line{
    white-space: pre-line !important;
  }

  .sm\:whitespace-pre-wrap{
    white-space: pre-wrap !important;
  }

  .sm\:break-normal{
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .sm\:break-words{
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .sm\:break-all{
    word-break: break-all !important;
  }

  .sm\:truncate{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .sm\:w-0{
    width: 0 !important;
  }

  .sm\:w-1{
    width: 0.25rem !important;
  }

  .sm\:w-2{
    width: 0.5rem !important;
  }

  .sm\:w-3{
    width: 0.75rem !important;
  }

  .sm\:w-4{
    width: 1rem !important;
  }

  .sm\:w-5{
    width: 1.25rem !important;
  }

  .sm\:w-6{
    width: 1.5rem !important;
  }

  .sm\:w-8{
    width: 2rem !important;
  }

  .sm\:w-10{
    width: 2.5rem !important;
  }

  .sm\:w-12{
    width: 3rem !important;
  }

  .sm\:w-16{
    width: 4rem !important;
  }

  .sm\:w-20{
    width: 5rem !important;
  }

  .sm\:w-24{
    width: 6rem !important;
  }

  .sm\:w-28{
    width: 7rem !important;
  }

  .sm\:w-32{
    width: 8rem !important;
  }

  .sm\:w-40{
    width: 10rem !important;
  }

  .sm\:w-48{
    width: 12rem !important;
  }

  .sm\:w-56{
    width: 14rem !important;
  }

  .sm\:w-64{
    width: 16rem !important;
  }

  .sm\:w-auto{
    width: auto !important;
  }

  .sm\:w-px{
    width: 1px !important;
  }

  .sm\:w-2px{
    width: 2px !important;
  }

  .sm\:w-3px{
    width: 3px !important;
  }

  .sm\:w-5px{
    width: 5px !important;
  }

  .sm\:w-10px{
    width: 10px !important;
  }

  .sm\:w-15px{
    width: 15px !important;
  }

  .sm\:w-20px{
    width: 20px !important;
  }

  .sm\:w-25px{
    width: 25px !important;
  }

  .sm\:w-30px{
    width: 30px !important;
  }

  .sm\:w-36px{
    width: 36px !important;
  }

  .sm\:w-50px{
    width: 50px !important;
  }

  .sm\:w-60px{
    width: 60px !important;
  }

  .sm\:w-120px{
    width: 120px !important;
  }

  .sm\:w-1\/2{
    width: 50% !important;
  }

  .sm\:w-1\/3{
    width: 33.333333% !important;
  }

  .sm\:w-2\/3{
    width: 66.666667% !important;
  }

  .sm\:w-1\/4{
    width: 25% !important;
  }

  .sm\:w-2\/4{
    width: 50% !important;
  }

  .sm\:w-3\/4{
    width: 75% !important;
  }

  .sm\:w-1\/5{
    width: 20% !important;
  }

  .sm\:w-2\/5{
    width: 40% !important;
  }

  .sm\:w-3\/5{
    width: 60% !important;
  }

  .sm\:w-4\/5{
    width: 80% !important;
  }

  .sm\:w-1\/6{
    width: 16.666667% !important;
  }

  .sm\:w-2\/6{
    width: 33.333333% !important;
  }

  .sm\:w-3\/6{
    width: 50% !important;
  }

  .sm\:w-4\/6{
    width: 66.666667% !important;
  }

  .sm\:w-5\/6{
    width: 83.333333% !important;
  }

  .sm\:w-1\/12{
    width: 8.333333% !important;
  }

  .sm\:w-2\/12{
    width: 16.666667% !important;
  }

  .sm\:w-3\/12{
    width: 25% !important;
  }

  .sm\:w-4\/12{
    width: 33.333333% !important;
  }

  .sm\:w-5\/12{
    width: 41.666667% !important;
  }

  .sm\:w-6\/12{
    width: 50% !important;
  }

  .sm\:w-7\/12{
    width: 58.333333% !important;
  }

  .sm\:w-8\/12{
    width: 66.666667% !important;
  }

  .sm\:w-9\/12{
    width: 75% !important;
  }

  .sm\:w-10\/12{
    width: 83.333333% !important;
  }

  .sm\:w-11\/12{
    width: 91.666667% !important;
  }

  .sm\:w-full{
    width: 100% !important;
  }

  .sm\:w-screen{
    width: 100vw !important;
  }

  .sm\:z-0{
    z-index: 0 !important;
  }

  .sm\:z-3{
    z-index: 3 !important;
  }

  .sm\:z-10{
    z-index: 10 !important;
  }

  .sm\:z-15{
    z-index: 15 !important;
  }

  .sm\:z-20{
    z-index: 20 !important;
  }

  .sm\:z-30{
    z-index: 30 !important;
  }

  .sm\:z-40{
    z-index: 40 !important;
  }

  .sm\:z-50{
    z-index: 50 !important;
  }

  .sm\:z-auto{
    z-index: auto !important;
  }

  .sm\:gap-0{
    grid-gap: 0 !important;
    gap: 0 !important;
  }

  .sm\:gap-1{
    grid-gap: 0.25rem !important;
    gap: 0.25rem !important;
  }

  .sm\:gap-2{
    grid-gap: 0.5rem !important;
    gap: 0.5rem !important;
  }

  .sm\:gap-3{
    grid-gap: 0.75rem !important;
    gap: 0.75rem !important;
  }

  .sm\:gap-4{
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }

  .sm\:gap-5{
    grid-gap: 1.25rem !important;
    gap: 1.25rem !important;
  }

  .sm\:gap-6{
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important;
  }

  .sm\:gap-8{
    grid-gap: 2rem !important;
    gap: 2rem !important;
  }

  .sm\:gap-10{
    grid-gap: 2.5rem !important;
    gap: 2.5rem !important;
  }

  .sm\:gap-12{
    grid-gap: 3rem !important;
    gap: 3rem !important;
  }

  .sm\:gap-16{
    grid-gap: 4rem !important;
    gap: 4rem !important;
  }

  .sm\:gap-20{
    grid-gap: 5rem !important;
    gap: 5rem !important;
  }

  .sm\:gap-24{
    grid-gap: 6rem !important;
    gap: 6rem !important;
  }

  .sm\:gap-28{
    grid-gap: 7rem !important;
    gap: 7rem !important;
  }

  .sm\:gap-32{
    grid-gap: 8rem !important;
    gap: 8rem !important;
  }

  .sm\:gap-40{
    grid-gap: 10rem !important;
    gap: 10rem !important;
  }

  .sm\:gap-48{
    grid-gap: 12rem !important;
    gap: 12rem !important;
  }

  .sm\:gap-56{
    grid-gap: 14rem !important;
    gap: 14rem !important;
  }

  .sm\:gap-64{
    grid-gap: 16rem !important;
    gap: 16rem !important;
  }

  .sm\:gap-px{
    grid-gap: 1px !important;
    gap: 1px !important;
  }

  .sm\:gap-2px{
    grid-gap: 2px !important;
    gap: 2px !important;
  }

  .sm\:gap-3px{
    grid-gap: 3px !important;
    gap: 3px !important;
  }

  .sm\:gap-5px{
    grid-gap: 5px !important;
    gap: 5px !important;
  }

  .sm\:gap-10px{
    grid-gap: 10px !important;
    gap: 10px !important;
  }

  .sm\:gap-15px{
    grid-gap: 15px !important;
    gap: 15px !important;
  }

  .sm\:gap-20px{
    grid-gap: 20px !important;
    gap: 20px !important;
  }

  .sm\:gap-25px{
    grid-gap: 25px !important;
    gap: 25px !important;
  }

  .sm\:gap-30px{
    grid-gap: 30px !important;
    gap: 30px !important;
  }

  .sm\:gap-36px{
    grid-gap: 36px !important;
    gap: 36px !important;
  }

  .sm\:gap-50px{
    grid-gap: 50px !important;
    gap: 50px !important;
  }

  .sm\:gap-60px{
    grid-gap: 60px !important;
    gap: 60px !important;
  }

  .sm\:gap-120px{
    grid-gap: 120px !important;
    gap: 120px !important;
  }

  .sm\:col-gap-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .sm\:col-gap-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .sm\:col-gap-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .sm\:col-gap-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .sm\:col-gap-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .sm\:col-gap-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .sm\:col-gap-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .sm\:col-gap-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .sm\:col-gap-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .sm\:col-gap-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .sm\:col-gap-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .sm\:col-gap-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .sm\:col-gap-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .sm\:col-gap-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .sm\:col-gap-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .sm\:col-gap-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .sm\:col-gap-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .sm\:col-gap-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .sm\:col-gap-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .sm\:col-gap-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .sm\:col-gap-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .sm\:col-gap-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .sm\:col-gap-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .sm\:col-gap-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .sm\:col-gap-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .sm\:col-gap-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .sm\:col-gap-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .sm\:col-gap-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .sm\:col-gap-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .sm\:col-gap-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .sm\:col-gap-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .sm\:col-gap-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .sm\:gap-x-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .sm\:gap-x-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .sm\:gap-x-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .sm\:gap-x-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .sm\:gap-x-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .sm\:gap-x-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .sm\:gap-x-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .sm\:gap-x-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .sm\:gap-x-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .sm\:gap-x-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .sm\:gap-x-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .sm\:gap-x-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .sm\:gap-x-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .sm\:gap-x-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .sm\:gap-x-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .sm\:gap-x-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .sm\:gap-x-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .sm\:gap-x-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .sm\:gap-x-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .sm\:gap-x-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .sm\:gap-x-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .sm\:gap-x-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .sm\:gap-x-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .sm\:gap-x-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .sm\:gap-x-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .sm\:gap-x-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .sm\:gap-x-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .sm\:gap-x-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .sm\:gap-x-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .sm\:gap-x-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .sm\:gap-x-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .sm\:gap-x-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .sm\:row-gap-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .sm\:row-gap-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .sm\:row-gap-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .sm\:row-gap-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .sm\:row-gap-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .sm\:row-gap-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .sm\:row-gap-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .sm\:row-gap-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .sm\:row-gap-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .sm\:row-gap-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .sm\:row-gap-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .sm\:row-gap-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .sm\:row-gap-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .sm\:row-gap-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .sm\:row-gap-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .sm\:row-gap-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .sm\:row-gap-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .sm\:row-gap-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .sm\:row-gap-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .sm\:row-gap-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .sm\:row-gap-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .sm\:row-gap-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .sm\:row-gap-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .sm\:row-gap-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .sm\:row-gap-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .sm\:row-gap-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .sm\:row-gap-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .sm\:row-gap-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .sm\:row-gap-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .sm\:row-gap-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .sm\:row-gap-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .sm\:row-gap-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .sm\:gap-y-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .sm\:gap-y-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .sm\:gap-y-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .sm\:gap-y-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .sm\:gap-y-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .sm\:gap-y-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .sm\:gap-y-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .sm\:gap-y-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .sm\:gap-y-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .sm\:gap-y-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .sm\:gap-y-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .sm\:gap-y-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .sm\:gap-y-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .sm\:gap-y-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .sm\:gap-y-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .sm\:gap-y-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .sm\:gap-y-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .sm\:gap-y-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .sm\:gap-y-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .sm\:gap-y-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .sm\:gap-y-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .sm\:gap-y-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .sm\:gap-y-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .sm\:gap-y-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .sm\:gap-y-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .sm\:gap-y-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .sm\:gap-y-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .sm\:gap-y-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .sm\:gap-y-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .sm\:gap-y-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .sm\:gap-y-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .sm\:gap-y-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .sm\:grid-flow-row{
    grid-auto-flow: row !important;
  }

  .sm\:grid-flow-col{
    grid-auto-flow: column !important;
  }

  .sm\:grid-flow-row-dense{
    grid-auto-flow: row dense !important;
  }

  .sm\:grid-flow-col-dense{
    grid-auto-flow: column dense !important;
  }

  .sm\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .sm\:grid-cols-none{
    grid-template-columns: none !important;
  }

  .sm\:grid-cols-half-col{
    grid-template-columns: repeat(2, 1fr); !important;
  }

  .sm\:grid-cols-mix-col{
    grid-template-columns: calc(40% - 30px) 60% !important;
  }

  .sm\:grid-cols-mixInfo-col{
    grid-template-columns: calc(40% - 30px) calc(60% - 30px) !important;
  }

  .sm\:auto-cols-auto{
    grid-auto-columns: auto !important;
  }

  .sm\:auto-cols-min{
    grid-auto-columns: -webkit-min-content !important;
    grid-auto-columns: min-content !important;
  }

  .sm\:auto-cols-max{
    grid-auto-columns: -webkit-max-content !important;
    grid-auto-columns: max-content !important;
  }

  .sm\:auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr) !important;
  }

  .sm\:col-auto{
    grid-column: auto !important;
  }

  .sm\:col-span-1{
    grid-column: span 1 / span 1 !important;
  }

  .sm\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }

  .sm\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }

  .sm\:col-span-4{
    grid-column: span 4 / span 4 !important;
  }

  .sm\:col-span-5{
    grid-column: span 5 / span 5 !important;
  }

  .sm\:col-span-6{
    grid-column: span 6 / span 6 !important;
  }

  .sm\:col-span-7{
    grid-column: span 7 / span 7 !important;
  }

  .sm\:col-span-8{
    grid-column: span 8 / span 8 !important;
  }

  .sm\:col-span-9{
    grid-column: span 9 / span 9 !important;
  }

  .sm\:col-span-10{
    grid-column: span 10 / span 10 !important;
  }

  .sm\:col-span-11{
    grid-column: span 11 / span 11 !important;
  }

  .sm\:col-span-12{
    grid-column: span 12 / span 12 !important;
  }

  .sm\:col-span-full{
    grid-column: 1 / -1 !important;
  }

  .sm\:col-start-1{
    grid-column-start: 1 !important;
  }

  .sm\:col-start-2{
    grid-column-start: 2 !important;
  }

  .sm\:col-start-3{
    grid-column-start: 3 !important;
  }

  .sm\:col-start-4{
    grid-column-start: 4 !important;
  }

  .sm\:col-start-5{
    grid-column-start: 5 !important;
  }

  .sm\:col-start-6{
    grid-column-start: 6 !important;
  }

  .sm\:col-start-7{
    grid-column-start: 7 !important;
  }

  .sm\:col-start-8{
    grid-column-start: 8 !important;
  }

  .sm\:col-start-9{
    grid-column-start: 9 !important;
  }

  .sm\:col-start-10{
    grid-column-start: 10 !important;
  }

  .sm\:col-start-11{
    grid-column-start: 11 !important;
  }

  .sm\:col-start-12{
    grid-column-start: 12 !important;
  }

  .sm\:col-start-13{
    grid-column-start: 13 !important;
  }

  .sm\:col-start-auto{
    grid-column-start: auto !important;
  }

  .sm\:col-end-1{
    grid-column-end: 1 !important;
  }

  .sm\:col-end-2{
    grid-column-end: 2 !important;
  }

  .sm\:col-end-3{
    grid-column-end: 3 !important;
  }

  .sm\:col-end-4{
    grid-column-end: 4 !important;
  }

  .sm\:col-end-5{
    grid-column-end: 5 !important;
  }

  .sm\:col-end-6{
    grid-column-end: 6 !important;
  }

  .sm\:col-end-7{
    grid-column-end: 7 !important;
  }

  .sm\:col-end-8{
    grid-column-end: 8 !important;
  }

  .sm\:col-end-9{
    grid-column-end: 9 !important;
  }

  .sm\:col-end-10{
    grid-column-end: 10 !important;
  }

  .sm\:col-end-11{
    grid-column-end: 11 !important;
  }

  .sm\:col-end-12{
    grid-column-end: 12 !important;
  }

  .sm\:col-end-13{
    grid-column-end: 13 !important;
  }

  .sm\:col-end-auto{
    grid-column-end: auto !important;
  }

  .sm\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }

  .sm\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  .sm\:grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }

  .sm\:grid-rows-4{
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }

  .sm\:grid-rows-5{
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }

  .sm\:grid-rows-6{
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }

  .sm\:grid-rows-none{
    grid-template-rows: none !important;
  }

  .sm\:grid-rows-mix-row{
    grid-template-rows: minmax(100px, auto) auto !important;
  }

  .sm\:auto-rows-auto{
    grid-auto-rows: auto !important;
  }

  .sm\:auto-rows-min{
    grid-auto-rows: -webkit-min-content !important;
    grid-auto-rows: min-content !important;
  }

  .sm\:auto-rows-max{
    grid-auto-rows: -webkit-max-content !important;
    grid-auto-rows: max-content !important;
  }

  .sm\:auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  .sm\:row-auto{
    grid-row: auto !important;
  }

  .sm\:row-span-1{
    grid-row: span 1 / span 1 !important;
  }

  .sm\:row-span-2{
    grid-row: span 2 / span 2 !important;
  }

  .sm\:row-span-3{
    grid-row: span 3 / span 3 !important;
  }

  .sm\:row-span-4{
    grid-row: span 4 / span 4 !important;
  }

  .sm\:row-span-5{
    grid-row: span 5 / span 5 !important;
  }

  .sm\:row-span-6{
    grid-row: span 6 / span 6 !important;
  }

  .sm\:row-span-full{
    grid-row: 1 / -1 !important;
  }

  .sm\:row-start-1{
    grid-row-start: 1 !important;
  }

  .sm\:row-start-2{
    grid-row-start: 2 !important;
  }

  .sm\:row-start-3{
    grid-row-start: 3 !important;
  }

  .sm\:row-start-4{
    grid-row-start: 4 !important;
  }

  .sm\:row-start-5{
    grid-row-start: 5 !important;
  }

  .sm\:row-start-6{
    grid-row-start: 6 !important;
  }

  .sm\:row-start-7{
    grid-row-start: 7 !important;
  }

  .sm\:row-start-auto{
    grid-row-start: auto !important;
  }

  .sm\:row-end-1{
    grid-row-end: 1 !important;
  }

  .sm\:row-end-2{
    grid-row-end: 2 !important;
  }

  .sm\:row-end-3{
    grid-row-end: 3 !important;
  }

  .sm\:row-end-4{
    grid-row-end: 4 !important;
  }

  .sm\:row-end-5{
    grid-row-end: 5 !important;
  }

  .sm\:row-end-6{
    grid-row-end: 6 !important;
  }

  .sm\:row-end-7{
    grid-row-end: 7 !important;
  }

  .sm\:row-end-auto{
    grid-row-end: auto !important;
  }

  .sm\:transform{
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
  }

  .sm\:transform-none{
    -webkit-transform: none !important;
    transform: none !important;
  }

  .sm\:origin-center{
    -webkit-transform-origin: center !important;
    transform-origin: center !important;
  }

  .sm\:origin-top{
    -webkit-transform-origin: top !important;
    transform-origin: top !important;
  }

  .sm\:origin-top-right{
    -webkit-transform-origin: top right !important;
    transform-origin: top right !important;
  }

  .sm\:origin-right{
    -webkit-transform-origin: right !important;
    transform-origin: right !important;
  }

  .sm\:origin-bottom-right{
    -webkit-transform-origin: bottom right !important;
    transform-origin: bottom right !important;
  }

  .sm\:origin-bottom{
    -webkit-transform-origin: bottom !important;
    transform-origin: bottom !important;
  }

  .sm\:origin-bottom-left{
    -webkit-transform-origin: bottom left !important;
    transform-origin: bottom left !important;
  }

  .sm\:origin-left{
    -webkit-transform-origin: left !important;
    transform-origin: left !important;
  }

  .sm\:origin-top-left{
    -webkit-transform-origin: top left !important;
    transform-origin: top left !important;
  }

  .sm\:scale-0{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .sm\:scale-50{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .sm\:scale-75{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .sm\:scale-90{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .sm\:scale-95{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .sm\:scale-100{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .sm\:scale-105{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .sm\:scale-110{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .sm\:scale-125{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .sm\:scale-150{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .sm\:scale-x-0{
    --transform-scale-x: 0 !important;
  }

  .sm\:scale-x-50{
    --transform-scale-x: .5 !important;
  }

  .sm\:scale-x-75{
    --transform-scale-x: .75 !important;
  }

  .sm\:scale-x-90{
    --transform-scale-x: .9 !important;
  }

  .sm\:scale-x-95{
    --transform-scale-x: .95 !important;
  }

  .sm\:scale-x-100{
    --transform-scale-x: 1 !important;
  }

  .sm\:scale-x-105{
    --transform-scale-x: 1.05 !important;
  }

  .sm\:scale-x-110{
    --transform-scale-x: 1.1 !important;
  }

  .sm\:scale-x-125{
    --transform-scale-x: 1.25 !important;
  }

  .sm\:scale-x-150{
    --transform-scale-x: 1.5 !important;
  }

  .sm\:scale-y-0{
    --transform-scale-y: 0 !important;
  }

  .sm\:scale-y-50{
    --transform-scale-y: .5 !important;
  }

  .sm\:scale-y-75{
    --transform-scale-y: .75 !important;
  }

  .sm\:scale-y-90{
    --transform-scale-y: .9 !important;
  }

  .sm\:scale-y-95{
    --transform-scale-y: .95 !important;
  }

  .sm\:scale-y-100{
    --transform-scale-y: 1 !important;
  }

  .sm\:scale-y-105{
    --transform-scale-y: 1.05 !important;
  }

  .sm\:scale-y-110{
    --transform-scale-y: 1.1 !important;
  }

  .sm\:scale-y-125{
    --transform-scale-y: 1.25 !important;
  }

  .sm\:scale-y-150{
    --transform-scale-y: 1.5 !important;
  }

  .sm\:hover\:scale-0:hover{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .sm\:hover\:scale-50:hover{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .sm\:hover\:scale-75:hover{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .sm\:hover\:scale-90:hover{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .sm\:hover\:scale-95:hover{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .sm\:hover\:scale-100:hover{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .sm\:hover\:scale-105:hover{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .sm\:hover\:scale-110:hover{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .sm\:hover\:scale-125:hover{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .sm\:hover\:scale-150:hover{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .sm\:hover\:scale-x-0:hover{
    --transform-scale-x: 0 !important;
  }

  .sm\:hover\:scale-x-50:hover{
    --transform-scale-x: .5 !important;
  }

  .sm\:hover\:scale-x-75:hover{
    --transform-scale-x: .75 !important;
  }

  .sm\:hover\:scale-x-90:hover{
    --transform-scale-x: .9 !important;
  }

  .sm\:hover\:scale-x-95:hover{
    --transform-scale-x: .95 !important;
  }

  .sm\:hover\:scale-x-100:hover{
    --transform-scale-x: 1 !important;
  }

  .sm\:hover\:scale-x-105:hover{
    --transform-scale-x: 1.05 !important;
  }

  .sm\:hover\:scale-x-110:hover{
    --transform-scale-x: 1.1 !important;
  }

  .sm\:hover\:scale-x-125:hover{
    --transform-scale-x: 1.25 !important;
  }

  .sm\:hover\:scale-x-150:hover{
    --transform-scale-x: 1.5 !important;
  }

  .sm\:hover\:scale-y-0:hover{
    --transform-scale-y: 0 !important;
  }

  .sm\:hover\:scale-y-50:hover{
    --transform-scale-y: .5 !important;
  }

  .sm\:hover\:scale-y-75:hover{
    --transform-scale-y: .75 !important;
  }

  .sm\:hover\:scale-y-90:hover{
    --transform-scale-y: .9 !important;
  }

  .sm\:hover\:scale-y-95:hover{
    --transform-scale-y: .95 !important;
  }

  .sm\:hover\:scale-y-100:hover{
    --transform-scale-y: 1 !important;
  }

  .sm\:hover\:scale-y-105:hover{
    --transform-scale-y: 1.05 !important;
  }

  .sm\:hover\:scale-y-110:hover{
    --transform-scale-y: 1.1 !important;
  }

  .sm\:hover\:scale-y-125:hover{
    --transform-scale-y: 1.25 !important;
  }

  .sm\:hover\:scale-y-150:hover{
    --transform-scale-y: 1.5 !important;
  }

  .sm\:focus\:scale-0:focus{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .sm\:focus\:scale-50:focus{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .sm\:focus\:scale-75:focus{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .sm\:focus\:scale-90:focus{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .sm\:focus\:scale-95:focus{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .sm\:focus\:scale-100:focus{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .sm\:focus\:scale-105:focus{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .sm\:focus\:scale-110:focus{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .sm\:focus\:scale-125:focus{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .sm\:focus\:scale-150:focus{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .sm\:focus\:scale-x-0:focus{
    --transform-scale-x: 0 !important;
  }

  .sm\:focus\:scale-x-50:focus{
    --transform-scale-x: .5 !important;
  }

  .sm\:focus\:scale-x-75:focus{
    --transform-scale-x: .75 !important;
  }

  .sm\:focus\:scale-x-90:focus{
    --transform-scale-x: .9 !important;
  }

  .sm\:focus\:scale-x-95:focus{
    --transform-scale-x: .95 !important;
  }

  .sm\:focus\:scale-x-100:focus{
    --transform-scale-x: 1 !important;
  }

  .sm\:focus\:scale-x-105:focus{
    --transform-scale-x: 1.05 !important;
  }

  .sm\:focus\:scale-x-110:focus{
    --transform-scale-x: 1.1 !important;
  }

  .sm\:focus\:scale-x-125:focus{
    --transform-scale-x: 1.25 !important;
  }

  .sm\:focus\:scale-x-150:focus{
    --transform-scale-x: 1.5 !important;
  }

  .sm\:focus\:scale-y-0:focus{
    --transform-scale-y: 0 !important;
  }

  .sm\:focus\:scale-y-50:focus{
    --transform-scale-y: .5 !important;
  }

  .sm\:focus\:scale-y-75:focus{
    --transform-scale-y: .75 !important;
  }

  .sm\:focus\:scale-y-90:focus{
    --transform-scale-y: .9 !important;
  }

  .sm\:focus\:scale-y-95:focus{
    --transform-scale-y: .95 !important;
  }

  .sm\:focus\:scale-y-100:focus{
    --transform-scale-y: 1 !important;
  }

  .sm\:focus\:scale-y-105:focus{
    --transform-scale-y: 1.05 !important;
  }

  .sm\:focus\:scale-y-110:focus{
    --transform-scale-y: 1.1 !important;
  }

  .sm\:focus\:scale-y-125:focus{
    --transform-scale-y: 1.25 !important;
  }

  .sm\:focus\:scale-y-150:focus{
    --transform-scale-y: 1.5 !important;
  }

  .sm\:rotate-0{
    --transform-rotate: 0 !important;
  }

  .sm\:rotate-1{
    --transform-rotate: 1deg !important;
  }

  .sm\:rotate-2{
    --transform-rotate: 2deg !important;
  }

  .sm\:rotate-3{
    --transform-rotate: 3deg !important;
  }

  .sm\:rotate-6{
    --transform-rotate: 6deg !important;
  }

  .sm\:rotate-12{
    --transform-rotate: 12deg !important;
  }

  .sm\:rotate-45{
    --transform-rotate: 45deg !important;
  }

  .sm\:rotate-90{
    --transform-rotate: 90deg !important;
  }

  .sm\:rotate-180{
    --transform-rotate: 180deg !important;
  }

  .sm\:-rotate-180{
    --transform-rotate: -180deg !important;
  }

  .sm\:-rotate-90{
    --transform-rotate: -90deg !important;
  }

  .sm\:-rotate-45{
    --transform-rotate: -45deg !important;
  }

  .sm\:-rotate-12{
    --transform-rotate: -12deg !important;
  }

  .sm\:-rotate-6{
    --transform-rotate: -6deg !important;
  }

  .sm\:-rotate-3{
    --transform-rotate: -3deg !important;
  }

  .sm\:-rotate-2{
    --transform-rotate: -2deg !important;
  }

  .sm\:-rotate-1{
    --transform-rotate: -1deg !important;
  }

  .sm\:hover\:rotate-0:hover{
    --transform-rotate: 0 !important;
  }

  .sm\:hover\:rotate-1:hover{
    --transform-rotate: 1deg !important;
  }

  .sm\:hover\:rotate-2:hover{
    --transform-rotate: 2deg !important;
  }

  .sm\:hover\:rotate-3:hover{
    --transform-rotate: 3deg !important;
  }

  .sm\:hover\:rotate-6:hover{
    --transform-rotate: 6deg !important;
  }

  .sm\:hover\:rotate-12:hover{
    --transform-rotate: 12deg !important;
  }

  .sm\:hover\:rotate-45:hover{
    --transform-rotate: 45deg !important;
  }

  .sm\:hover\:rotate-90:hover{
    --transform-rotate: 90deg !important;
  }

  .sm\:hover\:rotate-180:hover{
    --transform-rotate: 180deg !important;
  }

  .sm\:hover\:-rotate-180:hover{
    --transform-rotate: -180deg !important;
  }

  .sm\:hover\:-rotate-90:hover{
    --transform-rotate: -90deg !important;
  }

  .sm\:hover\:-rotate-45:hover{
    --transform-rotate: -45deg !important;
  }

  .sm\:hover\:-rotate-12:hover{
    --transform-rotate: -12deg !important;
  }

  .sm\:hover\:-rotate-6:hover{
    --transform-rotate: -6deg !important;
  }

  .sm\:hover\:-rotate-3:hover{
    --transform-rotate: -3deg !important;
  }

  .sm\:hover\:-rotate-2:hover{
    --transform-rotate: -2deg !important;
  }

  .sm\:hover\:-rotate-1:hover{
    --transform-rotate: -1deg !important;
  }

  .sm\:focus\:rotate-0:focus{
    --transform-rotate: 0 !important;
  }

  .sm\:focus\:rotate-1:focus{
    --transform-rotate: 1deg !important;
  }

  .sm\:focus\:rotate-2:focus{
    --transform-rotate: 2deg !important;
  }

  .sm\:focus\:rotate-3:focus{
    --transform-rotate: 3deg !important;
  }

  .sm\:focus\:rotate-6:focus{
    --transform-rotate: 6deg !important;
  }

  .sm\:focus\:rotate-12:focus{
    --transform-rotate: 12deg !important;
  }

  .sm\:focus\:rotate-45:focus{
    --transform-rotate: 45deg !important;
  }

  .sm\:focus\:rotate-90:focus{
    --transform-rotate: 90deg !important;
  }

  .sm\:focus\:rotate-180:focus{
    --transform-rotate: 180deg !important;
  }

  .sm\:focus\:-rotate-180:focus{
    --transform-rotate: -180deg !important;
  }

  .sm\:focus\:-rotate-90:focus{
    --transform-rotate: -90deg !important;
  }

  .sm\:focus\:-rotate-45:focus{
    --transform-rotate: -45deg !important;
  }

  .sm\:focus\:-rotate-12:focus{
    --transform-rotate: -12deg !important;
  }

  .sm\:focus\:-rotate-6:focus{
    --transform-rotate: -6deg !important;
  }

  .sm\:focus\:-rotate-3:focus{
    --transform-rotate: -3deg !important;
  }

  .sm\:focus\:-rotate-2:focus{
    --transform-rotate: -2deg !important;
  }

  .sm\:focus\:-rotate-1:focus{
    --transform-rotate: -1deg !important;
  }

  .sm\:translate-x-0{
    --transform-translate-x: 0 !important;
  }

  .sm\:translate-x-1{
    --transform-translate-x: 0.25rem !important;
  }

  .sm\:translate-x-2{
    --transform-translate-x: 0.5rem !important;
  }

  .sm\:translate-x-3{
    --transform-translate-x: 0.75rem !important;
  }

  .sm\:translate-x-4{
    --transform-translate-x: 1rem !important;
  }

  .sm\:translate-x-5{
    --transform-translate-x: 1.25rem !important;
  }

  .sm\:translate-x-6{
    --transform-translate-x: 1.5rem !important;
  }

  .sm\:translate-x-8{
    --transform-translate-x: 2rem !important;
  }

  .sm\:translate-x-10{
    --transform-translate-x: 2.5rem !important;
  }

  .sm\:translate-x-12{
    --transform-translate-x: 3rem !important;
  }

  .sm\:translate-x-16{
    --transform-translate-x: 4rem !important;
  }

  .sm\:translate-x-20{
    --transform-translate-x: 5rem !important;
  }

  .sm\:translate-x-24{
    --transform-translate-x: 6rem !important;
  }

  .sm\:translate-x-28{
    --transform-translate-x: 7rem !important;
  }

  .sm\:translate-x-32{
    --transform-translate-x: 8rem !important;
  }

  .sm\:translate-x-40{
    --transform-translate-x: 10rem !important;
  }

  .sm\:translate-x-48{
    --transform-translate-x: 12rem !important;
  }

  .sm\:translate-x-56{
    --transform-translate-x: 14rem !important;
  }

  .sm\:translate-x-64{
    --transform-translate-x: 16rem !important;
  }

  .sm\:translate-x-px{
    --transform-translate-x: 1px !important;
  }

  .sm\:translate-x-2px{
    --transform-translate-x: 2px !important;
  }

  .sm\:translate-x-3px{
    --transform-translate-x: 3px !important;
  }

  .sm\:translate-x-5px{
    --transform-translate-x: 5px !important;
  }

  .sm\:translate-x-10px{
    --transform-translate-x: 10px !important;
  }

  .sm\:translate-x-15px{
    --transform-translate-x: 15px !important;
  }

  .sm\:translate-x-20px{
    --transform-translate-x: 20px !important;
  }

  .sm\:translate-x-25px{
    --transform-translate-x: 25px !important;
  }

  .sm\:translate-x-30px{
    --transform-translate-x: 30px !important;
  }

  .sm\:translate-x-36px{
    --transform-translate-x: 36px !important;
  }

  .sm\:translate-x-50px{
    --transform-translate-x: 50px !important;
  }

  .sm\:translate-x-60px{
    --transform-translate-x: 60px !important;
  }

  .sm\:translate-x-120px{
    --transform-translate-x: 120px !important;
  }

  .sm\:-translate-x-1{
    --transform-translate-x: -0.25rem !important;
  }

  .sm\:-translate-x-2{
    --transform-translate-x: -0.5rem !important;
  }

  .sm\:-translate-x-3{
    --transform-translate-x: -0.75rem !important;
  }

  .sm\:-translate-x-4{
    --transform-translate-x: -1rem !important;
  }

  .sm\:-translate-x-5{
    --transform-translate-x: -1.25rem !important;
  }

  .sm\:-translate-x-6{
    --transform-translate-x: -1.5rem !important;
  }

  .sm\:-translate-x-8{
    --transform-translate-x: -2rem !important;
  }

  .sm\:-translate-x-10{
    --transform-translate-x: -2.5rem !important;
  }

  .sm\:-translate-x-12{
    --transform-translate-x: -3rem !important;
  }

  .sm\:-translate-x-16{
    --transform-translate-x: -4rem !important;
  }

  .sm\:-translate-x-20{
    --transform-translate-x: -5rem !important;
  }

  .sm\:-translate-x-24{
    --transform-translate-x: -6rem !important;
  }

  .sm\:-translate-x-28{
    --transform-translate-x: -7rem !important;
  }

  .sm\:-translate-x-32{
    --transform-translate-x: -8rem !important;
  }

  .sm\:-translate-x-40{
    --transform-translate-x: -10rem !important;
  }

  .sm\:-translate-x-48{
    --transform-translate-x: -12rem !important;
  }

  .sm\:-translate-x-56{
    --transform-translate-x: -14rem !important;
  }

  .sm\:-translate-x-64{
    --transform-translate-x: -16rem !important;
  }

  .sm\:-translate-x-px{
    --transform-translate-x: -1px !important;
  }

  .sm\:-translate-x-2px{
    --transform-translate-x: -2px !important;
  }

  .sm\:-translate-x-3px{
    --transform-translate-x: -3px !important;
  }

  .sm\:-translate-x-5px{
    --transform-translate-x: -5px !important;
  }

  .sm\:-translate-x-10px{
    --transform-translate-x: -10px !important;
  }

  .sm\:-translate-x-15px{
    --transform-translate-x: -15px !important;
  }

  .sm\:-translate-x-20px{
    --transform-translate-x: -20px !important;
  }

  .sm\:-translate-x-25px{
    --transform-translate-x: -25px !important;
  }

  .sm\:-translate-x-30px{
    --transform-translate-x: -30px !important;
  }

  .sm\:-translate-x-36px{
    --transform-translate-x: -36px !important;
  }

  .sm\:-translate-x-50px{
    --transform-translate-x: -50px !important;
  }

  .sm\:-translate-x-60px{
    --transform-translate-x: -60px !important;
  }

  .sm\:-translate-x-120px{
    --transform-translate-x: -120px !important;
  }

  .sm\:-translate-x-full{
    --transform-translate-x: -100% !important;
  }

  .sm\:-translate-x-1\/2{
    --transform-translate-x: -50% !important;
  }

  .sm\:translate-x-1\/2{
    --transform-translate-x: 50% !important;
  }

  .sm\:translate-x-full{
    --transform-translate-x: 100% !important;
  }

  .sm\:translate-y-0{
    --transform-translate-y: 0 !important;
  }

  .sm\:translate-y-1{
    --transform-translate-y: 0.25rem !important;
  }

  .sm\:translate-y-2{
    --transform-translate-y: 0.5rem !important;
  }

  .sm\:translate-y-3{
    --transform-translate-y: 0.75rem !important;
  }

  .sm\:translate-y-4{
    --transform-translate-y: 1rem !important;
  }

  .sm\:translate-y-5{
    --transform-translate-y: 1.25rem !important;
  }

  .sm\:translate-y-6{
    --transform-translate-y: 1.5rem !important;
  }

  .sm\:translate-y-8{
    --transform-translate-y: 2rem !important;
  }

  .sm\:translate-y-10{
    --transform-translate-y: 2.5rem !important;
  }

  .sm\:translate-y-12{
    --transform-translate-y: 3rem !important;
  }

  .sm\:translate-y-16{
    --transform-translate-y: 4rem !important;
  }

  .sm\:translate-y-20{
    --transform-translate-y: 5rem !important;
  }

  .sm\:translate-y-24{
    --transform-translate-y: 6rem !important;
  }

  .sm\:translate-y-28{
    --transform-translate-y: 7rem !important;
  }

  .sm\:translate-y-32{
    --transform-translate-y: 8rem !important;
  }

  .sm\:translate-y-40{
    --transform-translate-y: 10rem !important;
  }

  .sm\:translate-y-48{
    --transform-translate-y: 12rem !important;
  }

  .sm\:translate-y-56{
    --transform-translate-y: 14rem !important;
  }

  .sm\:translate-y-64{
    --transform-translate-y: 16rem !important;
  }

  .sm\:translate-y-px{
    --transform-translate-y: 1px !important;
  }

  .sm\:translate-y-2px{
    --transform-translate-y: 2px !important;
  }

  .sm\:translate-y-3px{
    --transform-translate-y: 3px !important;
  }

  .sm\:translate-y-5px{
    --transform-translate-y: 5px !important;
  }

  .sm\:translate-y-10px{
    --transform-translate-y: 10px !important;
  }

  .sm\:translate-y-15px{
    --transform-translate-y: 15px !important;
  }

  .sm\:translate-y-20px{
    --transform-translate-y: 20px !important;
  }

  .sm\:translate-y-25px{
    --transform-translate-y: 25px !important;
  }

  .sm\:translate-y-30px{
    --transform-translate-y: 30px !important;
  }

  .sm\:translate-y-36px{
    --transform-translate-y: 36px !important;
  }

  .sm\:translate-y-50px{
    --transform-translate-y: 50px !important;
  }

  .sm\:translate-y-60px{
    --transform-translate-y: 60px !important;
  }

  .sm\:translate-y-120px{
    --transform-translate-y: 120px !important;
  }

  .sm\:-translate-y-1{
    --transform-translate-y: -0.25rem !important;
  }

  .sm\:-translate-y-2{
    --transform-translate-y: -0.5rem !important;
  }

  .sm\:-translate-y-3{
    --transform-translate-y: -0.75rem !important;
  }

  .sm\:-translate-y-4{
    --transform-translate-y: -1rem !important;
  }

  .sm\:-translate-y-5{
    --transform-translate-y: -1.25rem !important;
  }

  .sm\:-translate-y-6{
    --transform-translate-y: -1.5rem !important;
  }

  .sm\:-translate-y-8{
    --transform-translate-y: -2rem !important;
  }

  .sm\:-translate-y-10{
    --transform-translate-y: -2.5rem !important;
  }

  .sm\:-translate-y-12{
    --transform-translate-y: -3rem !important;
  }

  .sm\:-translate-y-16{
    --transform-translate-y: -4rem !important;
  }

  .sm\:-translate-y-20{
    --transform-translate-y: -5rem !important;
  }

  .sm\:-translate-y-24{
    --transform-translate-y: -6rem !important;
  }

  .sm\:-translate-y-28{
    --transform-translate-y: -7rem !important;
  }

  .sm\:-translate-y-32{
    --transform-translate-y: -8rem !important;
  }

  .sm\:-translate-y-40{
    --transform-translate-y: -10rem !important;
  }

  .sm\:-translate-y-48{
    --transform-translate-y: -12rem !important;
  }

  .sm\:-translate-y-56{
    --transform-translate-y: -14rem !important;
  }

  .sm\:-translate-y-64{
    --transform-translate-y: -16rem !important;
  }

  .sm\:-translate-y-px{
    --transform-translate-y: -1px !important;
  }

  .sm\:-translate-y-2px{
    --transform-translate-y: -2px !important;
  }

  .sm\:-translate-y-3px{
    --transform-translate-y: -3px !important;
  }

  .sm\:-translate-y-5px{
    --transform-translate-y: -5px !important;
  }

  .sm\:-translate-y-10px{
    --transform-translate-y: -10px !important;
  }

  .sm\:-translate-y-15px{
    --transform-translate-y: -15px !important;
  }

  .sm\:-translate-y-20px{
    --transform-translate-y: -20px !important;
  }

  .sm\:-translate-y-25px{
    --transform-translate-y: -25px !important;
  }

  .sm\:-translate-y-30px{
    --transform-translate-y: -30px !important;
  }

  .sm\:-translate-y-36px{
    --transform-translate-y: -36px !important;
  }

  .sm\:-translate-y-50px{
    --transform-translate-y: -50px !important;
  }

  .sm\:-translate-y-60px{
    --transform-translate-y: -60px !important;
  }

  .sm\:-translate-y-120px{
    --transform-translate-y: -120px !important;
  }

  .sm\:-translate-y-full{
    --transform-translate-y: -100% !important;
  }

  .sm\:-translate-y-1\/2{
    --transform-translate-y: -50% !important;
  }

  .sm\:translate-y-1\/2{
    --transform-translate-y: 50% !important;
  }

  .sm\:translate-y-full{
    --transform-translate-y: 100% !important;
  }

  .sm\:hover\:translate-x-0:hover{
    --transform-translate-x: 0 !important;
  }

  .sm\:hover\:translate-x-1:hover{
    --transform-translate-x: 0.25rem !important;
  }

  .sm\:hover\:translate-x-2:hover{
    --transform-translate-x: 0.5rem !important;
  }

  .sm\:hover\:translate-x-3:hover{
    --transform-translate-x: 0.75rem !important;
  }

  .sm\:hover\:translate-x-4:hover{
    --transform-translate-x: 1rem !important;
  }

  .sm\:hover\:translate-x-5:hover{
    --transform-translate-x: 1.25rem !important;
  }

  .sm\:hover\:translate-x-6:hover{
    --transform-translate-x: 1.5rem !important;
  }

  .sm\:hover\:translate-x-8:hover{
    --transform-translate-x: 2rem !important;
  }

  .sm\:hover\:translate-x-10:hover{
    --transform-translate-x: 2.5rem !important;
  }

  .sm\:hover\:translate-x-12:hover{
    --transform-translate-x: 3rem !important;
  }

  .sm\:hover\:translate-x-16:hover{
    --transform-translate-x: 4rem !important;
  }

  .sm\:hover\:translate-x-20:hover{
    --transform-translate-x: 5rem !important;
  }

  .sm\:hover\:translate-x-24:hover{
    --transform-translate-x: 6rem !important;
  }

  .sm\:hover\:translate-x-28:hover{
    --transform-translate-x: 7rem !important;
  }

  .sm\:hover\:translate-x-32:hover{
    --transform-translate-x: 8rem !important;
  }

  .sm\:hover\:translate-x-40:hover{
    --transform-translate-x: 10rem !important;
  }

  .sm\:hover\:translate-x-48:hover{
    --transform-translate-x: 12rem !important;
  }

  .sm\:hover\:translate-x-56:hover{
    --transform-translate-x: 14rem !important;
  }

  .sm\:hover\:translate-x-64:hover{
    --transform-translate-x: 16rem !important;
  }

  .sm\:hover\:translate-x-px:hover{
    --transform-translate-x: 1px !important;
  }

  .sm\:hover\:translate-x-2px:hover{
    --transform-translate-x: 2px !important;
  }

  .sm\:hover\:translate-x-3px:hover{
    --transform-translate-x: 3px !important;
  }

  .sm\:hover\:translate-x-5px:hover{
    --transform-translate-x: 5px !important;
  }

  .sm\:hover\:translate-x-10px:hover{
    --transform-translate-x: 10px !important;
  }

  .sm\:hover\:translate-x-15px:hover{
    --transform-translate-x: 15px !important;
  }

  .sm\:hover\:translate-x-20px:hover{
    --transform-translate-x: 20px !important;
  }

  .sm\:hover\:translate-x-25px:hover{
    --transform-translate-x: 25px !important;
  }

  .sm\:hover\:translate-x-30px:hover{
    --transform-translate-x: 30px !important;
  }

  .sm\:hover\:translate-x-36px:hover{
    --transform-translate-x: 36px !important;
  }

  .sm\:hover\:translate-x-50px:hover{
    --transform-translate-x: 50px !important;
  }

  .sm\:hover\:translate-x-60px:hover{
    --transform-translate-x: 60px !important;
  }

  .sm\:hover\:translate-x-120px:hover{
    --transform-translate-x: 120px !important;
  }

  .sm\:hover\:-translate-x-1:hover{
    --transform-translate-x: -0.25rem !important;
  }

  .sm\:hover\:-translate-x-2:hover{
    --transform-translate-x: -0.5rem !important;
  }

  .sm\:hover\:-translate-x-3:hover{
    --transform-translate-x: -0.75rem !important;
  }

  .sm\:hover\:-translate-x-4:hover{
    --transform-translate-x: -1rem !important;
  }

  .sm\:hover\:-translate-x-5:hover{
    --transform-translate-x: -1.25rem !important;
  }

  .sm\:hover\:-translate-x-6:hover{
    --transform-translate-x: -1.5rem !important;
  }

  .sm\:hover\:-translate-x-8:hover{
    --transform-translate-x: -2rem !important;
  }

  .sm\:hover\:-translate-x-10:hover{
    --transform-translate-x: -2.5rem !important;
  }

  .sm\:hover\:-translate-x-12:hover{
    --transform-translate-x: -3rem !important;
  }

  .sm\:hover\:-translate-x-16:hover{
    --transform-translate-x: -4rem !important;
  }

  .sm\:hover\:-translate-x-20:hover{
    --transform-translate-x: -5rem !important;
  }

  .sm\:hover\:-translate-x-24:hover{
    --transform-translate-x: -6rem !important;
  }

  .sm\:hover\:-translate-x-28:hover{
    --transform-translate-x: -7rem !important;
  }

  .sm\:hover\:-translate-x-32:hover{
    --transform-translate-x: -8rem !important;
  }

  .sm\:hover\:-translate-x-40:hover{
    --transform-translate-x: -10rem !important;
  }

  .sm\:hover\:-translate-x-48:hover{
    --transform-translate-x: -12rem !important;
  }

  .sm\:hover\:-translate-x-56:hover{
    --transform-translate-x: -14rem !important;
  }

  .sm\:hover\:-translate-x-64:hover{
    --transform-translate-x: -16rem !important;
  }

  .sm\:hover\:-translate-x-px:hover{
    --transform-translate-x: -1px !important;
  }

  .sm\:hover\:-translate-x-2px:hover{
    --transform-translate-x: -2px !important;
  }

  .sm\:hover\:-translate-x-3px:hover{
    --transform-translate-x: -3px !important;
  }

  .sm\:hover\:-translate-x-5px:hover{
    --transform-translate-x: -5px !important;
  }

  .sm\:hover\:-translate-x-10px:hover{
    --transform-translate-x: -10px !important;
  }

  .sm\:hover\:-translate-x-15px:hover{
    --transform-translate-x: -15px !important;
  }

  .sm\:hover\:-translate-x-20px:hover{
    --transform-translate-x: -20px !important;
  }

  .sm\:hover\:-translate-x-25px:hover{
    --transform-translate-x: -25px !important;
  }

  .sm\:hover\:-translate-x-30px:hover{
    --transform-translate-x: -30px !important;
  }

  .sm\:hover\:-translate-x-36px:hover{
    --transform-translate-x: -36px !important;
  }

  .sm\:hover\:-translate-x-50px:hover{
    --transform-translate-x: -50px !important;
  }

  .sm\:hover\:-translate-x-60px:hover{
    --transform-translate-x: -60px !important;
  }

  .sm\:hover\:-translate-x-120px:hover{
    --transform-translate-x: -120px !important;
  }

  .sm\:hover\:-translate-x-full:hover{
    --transform-translate-x: -100% !important;
  }

  .sm\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x: -50% !important;
  }

  .sm\:hover\:translate-x-1\/2:hover{
    --transform-translate-x: 50% !important;
  }

  .sm\:hover\:translate-x-full:hover{
    --transform-translate-x: 100% !important;
  }

  .sm\:hover\:translate-y-0:hover{
    --transform-translate-y: 0 !important;
  }

  .sm\:hover\:translate-y-1:hover{
    --transform-translate-y: 0.25rem !important;
  }

  .sm\:hover\:translate-y-2:hover{
    --transform-translate-y: 0.5rem !important;
  }

  .sm\:hover\:translate-y-3:hover{
    --transform-translate-y: 0.75rem !important;
  }

  .sm\:hover\:translate-y-4:hover{
    --transform-translate-y: 1rem !important;
  }

  .sm\:hover\:translate-y-5:hover{
    --transform-translate-y: 1.25rem !important;
  }

  .sm\:hover\:translate-y-6:hover{
    --transform-translate-y: 1.5rem !important;
  }

  .sm\:hover\:translate-y-8:hover{
    --transform-translate-y: 2rem !important;
  }

  .sm\:hover\:translate-y-10:hover{
    --transform-translate-y: 2.5rem !important;
  }

  .sm\:hover\:translate-y-12:hover{
    --transform-translate-y: 3rem !important;
  }

  .sm\:hover\:translate-y-16:hover{
    --transform-translate-y: 4rem !important;
  }

  .sm\:hover\:translate-y-20:hover{
    --transform-translate-y: 5rem !important;
  }

  .sm\:hover\:translate-y-24:hover{
    --transform-translate-y: 6rem !important;
  }

  .sm\:hover\:translate-y-28:hover{
    --transform-translate-y: 7rem !important;
  }

  .sm\:hover\:translate-y-32:hover{
    --transform-translate-y: 8rem !important;
  }

  .sm\:hover\:translate-y-40:hover{
    --transform-translate-y: 10rem !important;
  }

  .sm\:hover\:translate-y-48:hover{
    --transform-translate-y: 12rem !important;
  }

  .sm\:hover\:translate-y-56:hover{
    --transform-translate-y: 14rem !important;
  }

  .sm\:hover\:translate-y-64:hover{
    --transform-translate-y: 16rem !important;
  }

  .sm\:hover\:translate-y-px:hover{
    --transform-translate-y: 1px !important;
  }

  .sm\:hover\:translate-y-2px:hover{
    --transform-translate-y: 2px !important;
  }

  .sm\:hover\:translate-y-3px:hover{
    --transform-translate-y: 3px !important;
  }

  .sm\:hover\:translate-y-5px:hover{
    --transform-translate-y: 5px !important;
  }

  .sm\:hover\:translate-y-10px:hover{
    --transform-translate-y: 10px !important;
  }

  .sm\:hover\:translate-y-15px:hover{
    --transform-translate-y: 15px !important;
  }

  .sm\:hover\:translate-y-20px:hover{
    --transform-translate-y: 20px !important;
  }

  .sm\:hover\:translate-y-25px:hover{
    --transform-translate-y: 25px !important;
  }

  .sm\:hover\:translate-y-30px:hover{
    --transform-translate-y: 30px !important;
  }

  .sm\:hover\:translate-y-36px:hover{
    --transform-translate-y: 36px !important;
  }

  .sm\:hover\:translate-y-50px:hover{
    --transform-translate-y: 50px !important;
  }

  .sm\:hover\:translate-y-60px:hover{
    --transform-translate-y: 60px !important;
  }

  .sm\:hover\:translate-y-120px:hover{
    --transform-translate-y: 120px !important;
  }

  .sm\:hover\:-translate-y-1:hover{
    --transform-translate-y: -0.25rem !important;
  }

  .sm\:hover\:-translate-y-2:hover{
    --transform-translate-y: -0.5rem !important;
  }

  .sm\:hover\:-translate-y-3:hover{
    --transform-translate-y: -0.75rem !important;
  }

  .sm\:hover\:-translate-y-4:hover{
    --transform-translate-y: -1rem !important;
  }

  .sm\:hover\:-translate-y-5:hover{
    --transform-translate-y: -1.25rem !important;
  }

  .sm\:hover\:-translate-y-6:hover{
    --transform-translate-y: -1.5rem !important;
  }

  .sm\:hover\:-translate-y-8:hover{
    --transform-translate-y: -2rem !important;
  }

  .sm\:hover\:-translate-y-10:hover{
    --transform-translate-y: -2.5rem !important;
  }

  .sm\:hover\:-translate-y-12:hover{
    --transform-translate-y: -3rem !important;
  }

  .sm\:hover\:-translate-y-16:hover{
    --transform-translate-y: -4rem !important;
  }

  .sm\:hover\:-translate-y-20:hover{
    --transform-translate-y: -5rem !important;
  }

  .sm\:hover\:-translate-y-24:hover{
    --transform-translate-y: -6rem !important;
  }

  .sm\:hover\:-translate-y-28:hover{
    --transform-translate-y: -7rem !important;
  }

  .sm\:hover\:-translate-y-32:hover{
    --transform-translate-y: -8rem !important;
  }

  .sm\:hover\:-translate-y-40:hover{
    --transform-translate-y: -10rem !important;
  }

  .sm\:hover\:-translate-y-48:hover{
    --transform-translate-y: -12rem !important;
  }

  .sm\:hover\:-translate-y-56:hover{
    --transform-translate-y: -14rem !important;
  }

  .sm\:hover\:-translate-y-64:hover{
    --transform-translate-y: -16rem !important;
  }

  .sm\:hover\:-translate-y-px:hover{
    --transform-translate-y: -1px !important;
  }

  .sm\:hover\:-translate-y-2px:hover{
    --transform-translate-y: -2px !important;
  }

  .sm\:hover\:-translate-y-3px:hover{
    --transform-translate-y: -3px !important;
  }

  .sm\:hover\:-translate-y-5px:hover{
    --transform-translate-y: -5px !important;
  }

  .sm\:hover\:-translate-y-10px:hover{
    --transform-translate-y: -10px !important;
  }

  .sm\:hover\:-translate-y-15px:hover{
    --transform-translate-y: -15px !important;
  }

  .sm\:hover\:-translate-y-20px:hover{
    --transform-translate-y: -20px !important;
  }

  .sm\:hover\:-translate-y-25px:hover{
    --transform-translate-y: -25px !important;
  }

  .sm\:hover\:-translate-y-30px:hover{
    --transform-translate-y: -30px !important;
  }

  .sm\:hover\:-translate-y-36px:hover{
    --transform-translate-y: -36px !important;
  }

  .sm\:hover\:-translate-y-50px:hover{
    --transform-translate-y: -50px !important;
  }

  .sm\:hover\:-translate-y-60px:hover{
    --transform-translate-y: -60px !important;
  }

  .sm\:hover\:-translate-y-120px:hover{
    --transform-translate-y: -120px !important;
  }

  .sm\:hover\:-translate-y-full:hover{
    --transform-translate-y: -100% !important;
  }

  .sm\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y: -50% !important;
  }

  .sm\:hover\:translate-y-1\/2:hover{
    --transform-translate-y: 50% !important;
  }

  .sm\:hover\:translate-y-full:hover{
    --transform-translate-y: 100% !important;
  }

  .sm\:focus\:translate-x-0:focus{
    --transform-translate-x: 0 !important;
  }

  .sm\:focus\:translate-x-1:focus{
    --transform-translate-x: 0.25rem !important;
  }

  .sm\:focus\:translate-x-2:focus{
    --transform-translate-x: 0.5rem !important;
  }

  .sm\:focus\:translate-x-3:focus{
    --transform-translate-x: 0.75rem !important;
  }

  .sm\:focus\:translate-x-4:focus{
    --transform-translate-x: 1rem !important;
  }

  .sm\:focus\:translate-x-5:focus{
    --transform-translate-x: 1.25rem !important;
  }

  .sm\:focus\:translate-x-6:focus{
    --transform-translate-x: 1.5rem !important;
  }

  .sm\:focus\:translate-x-8:focus{
    --transform-translate-x: 2rem !important;
  }

  .sm\:focus\:translate-x-10:focus{
    --transform-translate-x: 2.5rem !important;
  }

  .sm\:focus\:translate-x-12:focus{
    --transform-translate-x: 3rem !important;
  }

  .sm\:focus\:translate-x-16:focus{
    --transform-translate-x: 4rem !important;
  }

  .sm\:focus\:translate-x-20:focus{
    --transform-translate-x: 5rem !important;
  }

  .sm\:focus\:translate-x-24:focus{
    --transform-translate-x: 6rem !important;
  }

  .sm\:focus\:translate-x-28:focus{
    --transform-translate-x: 7rem !important;
  }

  .sm\:focus\:translate-x-32:focus{
    --transform-translate-x: 8rem !important;
  }

  .sm\:focus\:translate-x-40:focus{
    --transform-translate-x: 10rem !important;
  }

  .sm\:focus\:translate-x-48:focus{
    --transform-translate-x: 12rem !important;
  }

  .sm\:focus\:translate-x-56:focus{
    --transform-translate-x: 14rem !important;
  }

  .sm\:focus\:translate-x-64:focus{
    --transform-translate-x: 16rem !important;
  }

  .sm\:focus\:translate-x-px:focus{
    --transform-translate-x: 1px !important;
  }

  .sm\:focus\:translate-x-2px:focus{
    --transform-translate-x: 2px !important;
  }

  .sm\:focus\:translate-x-3px:focus{
    --transform-translate-x: 3px !important;
  }

  .sm\:focus\:translate-x-5px:focus{
    --transform-translate-x: 5px !important;
  }

  .sm\:focus\:translate-x-10px:focus{
    --transform-translate-x: 10px !important;
  }

  .sm\:focus\:translate-x-15px:focus{
    --transform-translate-x: 15px !important;
  }

  .sm\:focus\:translate-x-20px:focus{
    --transform-translate-x: 20px !important;
  }

  .sm\:focus\:translate-x-25px:focus{
    --transform-translate-x: 25px !important;
  }

  .sm\:focus\:translate-x-30px:focus{
    --transform-translate-x: 30px !important;
  }

  .sm\:focus\:translate-x-36px:focus{
    --transform-translate-x: 36px !important;
  }

  .sm\:focus\:translate-x-50px:focus{
    --transform-translate-x: 50px !important;
  }

  .sm\:focus\:translate-x-60px:focus{
    --transform-translate-x: 60px !important;
  }

  .sm\:focus\:translate-x-120px:focus{
    --transform-translate-x: 120px !important;
  }

  .sm\:focus\:-translate-x-1:focus{
    --transform-translate-x: -0.25rem !important;
  }

  .sm\:focus\:-translate-x-2:focus{
    --transform-translate-x: -0.5rem !important;
  }

  .sm\:focus\:-translate-x-3:focus{
    --transform-translate-x: -0.75rem !important;
  }

  .sm\:focus\:-translate-x-4:focus{
    --transform-translate-x: -1rem !important;
  }

  .sm\:focus\:-translate-x-5:focus{
    --transform-translate-x: -1.25rem !important;
  }

  .sm\:focus\:-translate-x-6:focus{
    --transform-translate-x: -1.5rem !important;
  }

  .sm\:focus\:-translate-x-8:focus{
    --transform-translate-x: -2rem !important;
  }

  .sm\:focus\:-translate-x-10:focus{
    --transform-translate-x: -2.5rem !important;
  }

  .sm\:focus\:-translate-x-12:focus{
    --transform-translate-x: -3rem !important;
  }

  .sm\:focus\:-translate-x-16:focus{
    --transform-translate-x: -4rem !important;
  }

  .sm\:focus\:-translate-x-20:focus{
    --transform-translate-x: -5rem !important;
  }

  .sm\:focus\:-translate-x-24:focus{
    --transform-translate-x: -6rem !important;
  }

  .sm\:focus\:-translate-x-28:focus{
    --transform-translate-x: -7rem !important;
  }

  .sm\:focus\:-translate-x-32:focus{
    --transform-translate-x: -8rem !important;
  }

  .sm\:focus\:-translate-x-40:focus{
    --transform-translate-x: -10rem !important;
  }

  .sm\:focus\:-translate-x-48:focus{
    --transform-translate-x: -12rem !important;
  }

  .sm\:focus\:-translate-x-56:focus{
    --transform-translate-x: -14rem !important;
  }

  .sm\:focus\:-translate-x-64:focus{
    --transform-translate-x: -16rem !important;
  }

  .sm\:focus\:-translate-x-px:focus{
    --transform-translate-x: -1px !important;
  }

  .sm\:focus\:-translate-x-2px:focus{
    --transform-translate-x: -2px !important;
  }

  .sm\:focus\:-translate-x-3px:focus{
    --transform-translate-x: -3px !important;
  }

  .sm\:focus\:-translate-x-5px:focus{
    --transform-translate-x: -5px !important;
  }

  .sm\:focus\:-translate-x-10px:focus{
    --transform-translate-x: -10px !important;
  }

  .sm\:focus\:-translate-x-15px:focus{
    --transform-translate-x: -15px !important;
  }

  .sm\:focus\:-translate-x-20px:focus{
    --transform-translate-x: -20px !important;
  }

  .sm\:focus\:-translate-x-25px:focus{
    --transform-translate-x: -25px !important;
  }

  .sm\:focus\:-translate-x-30px:focus{
    --transform-translate-x: -30px !important;
  }

  .sm\:focus\:-translate-x-36px:focus{
    --transform-translate-x: -36px !important;
  }

  .sm\:focus\:-translate-x-50px:focus{
    --transform-translate-x: -50px !important;
  }

  .sm\:focus\:-translate-x-60px:focus{
    --transform-translate-x: -60px !important;
  }

  .sm\:focus\:-translate-x-120px:focus{
    --transform-translate-x: -120px !important;
  }

  .sm\:focus\:-translate-x-full:focus{
    --transform-translate-x: -100% !important;
  }

  .sm\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x: -50% !important;
  }

  .sm\:focus\:translate-x-1\/2:focus{
    --transform-translate-x: 50% !important;
  }

  .sm\:focus\:translate-x-full:focus{
    --transform-translate-x: 100% !important;
  }

  .sm\:focus\:translate-y-0:focus{
    --transform-translate-y: 0 !important;
  }

  .sm\:focus\:translate-y-1:focus{
    --transform-translate-y: 0.25rem !important;
  }

  .sm\:focus\:translate-y-2:focus{
    --transform-translate-y: 0.5rem !important;
  }

  .sm\:focus\:translate-y-3:focus{
    --transform-translate-y: 0.75rem !important;
  }

  .sm\:focus\:translate-y-4:focus{
    --transform-translate-y: 1rem !important;
  }

  .sm\:focus\:translate-y-5:focus{
    --transform-translate-y: 1.25rem !important;
  }

  .sm\:focus\:translate-y-6:focus{
    --transform-translate-y: 1.5rem !important;
  }

  .sm\:focus\:translate-y-8:focus{
    --transform-translate-y: 2rem !important;
  }

  .sm\:focus\:translate-y-10:focus{
    --transform-translate-y: 2.5rem !important;
  }

  .sm\:focus\:translate-y-12:focus{
    --transform-translate-y: 3rem !important;
  }

  .sm\:focus\:translate-y-16:focus{
    --transform-translate-y: 4rem !important;
  }

  .sm\:focus\:translate-y-20:focus{
    --transform-translate-y: 5rem !important;
  }

  .sm\:focus\:translate-y-24:focus{
    --transform-translate-y: 6rem !important;
  }

  .sm\:focus\:translate-y-28:focus{
    --transform-translate-y: 7rem !important;
  }

  .sm\:focus\:translate-y-32:focus{
    --transform-translate-y: 8rem !important;
  }

  .sm\:focus\:translate-y-40:focus{
    --transform-translate-y: 10rem !important;
  }

  .sm\:focus\:translate-y-48:focus{
    --transform-translate-y: 12rem !important;
  }

  .sm\:focus\:translate-y-56:focus{
    --transform-translate-y: 14rem !important;
  }

  .sm\:focus\:translate-y-64:focus{
    --transform-translate-y: 16rem !important;
  }

  .sm\:focus\:translate-y-px:focus{
    --transform-translate-y: 1px !important;
  }

  .sm\:focus\:translate-y-2px:focus{
    --transform-translate-y: 2px !important;
  }

  .sm\:focus\:translate-y-3px:focus{
    --transform-translate-y: 3px !important;
  }

  .sm\:focus\:translate-y-5px:focus{
    --transform-translate-y: 5px !important;
  }

  .sm\:focus\:translate-y-10px:focus{
    --transform-translate-y: 10px !important;
  }

  .sm\:focus\:translate-y-15px:focus{
    --transform-translate-y: 15px !important;
  }

  .sm\:focus\:translate-y-20px:focus{
    --transform-translate-y: 20px !important;
  }

  .sm\:focus\:translate-y-25px:focus{
    --transform-translate-y: 25px !important;
  }

  .sm\:focus\:translate-y-30px:focus{
    --transform-translate-y: 30px !important;
  }

  .sm\:focus\:translate-y-36px:focus{
    --transform-translate-y: 36px !important;
  }

  .sm\:focus\:translate-y-50px:focus{
    --transform-translate-y: 50px !important;
  }

  .sm\:focus\:translate-y-60px:focus{
    --transform-translate-y: 60px !important;
  }

  .sm\:focus\:translate-y-120px:focus{
    --transform-translate-y: 120px !important;
  }

  .sm\:focus\:-translate-y-1:focus{
    --transform-translate-y: -0.25rem !important;
  }

  .sm\:focus\:-translate-y-2:focus{
    --transform-translate-y: -0.5rem !important;
  }

  .sm\:focus\:-translate-y-3:focus{
    --transform-translate-y: -0.75rem !important;
  }

  .sm\:focus\:-translate-y-4:focus{
    --transform-translate-y: -1rem !important;
  }

  .sm\:focus\:-translate-y-5:focus{
    --transform-translate-y: -1.25rem !important;
  }

  .sm\:focus\:-translate-y-6:focus{
    --transform-translate-y: -1.5rem !important;
  }

  .sm\:focus\:-translate-y-8:focus{
    --transform-translate-y: -2rem !important;
  }

  .sm\:focus\:-translate-y-10:focus{
    --transform-translate-y: -2.5rem !important;
  }

  .sm\:focus\:-translate-y-12:focus{
    --transform-translate-y: -3rem !important;
  }

  .sm\:focus\:-translate-y-16:focus{
    --transform-translate-y: -4rem !important;
  }

  .sm\:focus\:-translate-y-20:focus{
    --transform-translate-y: -5rem !important;
  }

  .sm\:focus\:-translate-y-24:focus{
    --transform-translate-y: -6rem !important;
  }

  .sm\:focus\:-translate-y-28:focus{
    --transform-translate-y: -7rem !important;
  }

  .sm\:focus\:-translate-y-32:focus{
    --transform-translate-y: -8rem !important;
  }

  .sm\:focus\:-translate-y-40:focus{
    --transform-translate-y: -10rem !important;
  }

  .sm\:focus\:-translate-y-48:focus{
    --transform-translate-y: -12rem !important;
  }

  .sm\:focus\:-translate-y-56:focus{
    --transform-translate-y: -14rem !important;
  }

  .sm\:focus\:-translate-y-64:focus{
    --transform-translate-y: -16rem !important;
  }

  .sm\:focus\:-translate-y-px:focus{
    --transform-translate-y: -1px !important;
  }

  .sm\:focus\:-translate-y-2px:focus{
    --transform-translate-y: -2px !important;
  }

  .sm\:focus\:-translate-y-3px:focus{
    --transform-translate-y: -3px !important;
  }

  .sm\:focus\:-translate-y-5px:focus{
    --transform-translate-y: -5px !important;
  }

  .sm\:focus\:-translate-y-10px:focus{
    --transform-translate-y: -10px !important;
  }

  .sm\:focus\:-translate-y-15px:focus{
    --transform-translate-y: -15px !important;
  }

  .sm\:focus\:-translate-y-20px:focus{
    --transform-translate-y: -20px !important;
  }

  .sm\:focus\:-translate-y-25px:focus{
    --transform-translate-y: -25px !important;
  }

  .sm\:focus\:-translate-y-30px:focus{
    --transform-translate-y: -30px !important;
  }

  .sm\:focus\:-translate-y-36px:focus{
    --transform-translate-y: -36px !important;
  }

  .sm\:focus\:-translate-y-50px:focus{
    --transform-translate-y: -50px !important;
  }

  .sm\:focus\:-translate-y-60px:focus{
    --transform-translate-y: -60px !important;
  }

  .sm\:focus\:-translate-y-120px:focus{
    --transform-translate-y: -120px !important;
  }

  .sm\:focus\:-translate-y-full:focus{
    --transform-translate-y: -100% !important;
  }

  .sm\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y: -50% !important;
  }

  .sm\:focus\:translate-y-1\/2:focus{
    --transform-translate-y: 50% !important;
  }

  .sm\:focus\:translate-y-full:focus{
    --transform-translate-y: 100% !important;
  }

  .sm\:skew-x-0{
    --transform-skew-x: 0 !important;
  }

  .sm\:skew-x-1{
    --transform-skew-x: 1deg !important;
  }

  .sm\:skew-x-2{
    --transform-skew-x: 2deg !important;
  }

  .sm\:skew-x-3{
    --transform-skew-x: 3deg !important;
  }

  .sm\:skew-x-6{
    --transform-skew-x: 6deg !important;
  }

  .sm\:skew-x-12{
    --transform-skew-x: 12deg !important;
  }

  .sm\:-skew-x-12{
    --transform-skew-x: -12deg !important;
  }

  .sm\:-skew-x-6{
    --transform-skew-x: -6deg !important;
  }

  .sm\:-skew-x-3{
    --transform-skew-x: -3deg !important;
  }

  .sm\:-skew-x-2{
    --transform-skew-x: -2deg !important;
  }

  .sm\:-skew-x-1{
    --transform-skew-x: -1deg !important;
  }

  .sm\:skew-y-0{
    --transform-skew-y: 0 !important;
  }

  .sm\:skew-y-1{
    --transform-skew-y: 1deg !important;
  }

  .sm\:skew-y-2{
    --transform-skew-y: 2deg !important;
  }

  .sm\:skew-y-3{
    --transform-skew-y: 3deg !important;
  }

  .sm\:skew-y-6{
    --transform-skew-y: 6deg !important;
  }

  .sm\:skew-y-12{
    --transform-skew-y: 12deg !important;
  }

  .sm\:-skew-y-12{
    --transform-skew-y: -12deg !important;
  }

  .sm\:-skew-y-6{
    --transform-skew-y: -6deg !important;
  }

  .sm\:-skew-y-3{
    --transform-skew-y: -3deg !important;
  }

  .sm\:-skew-y-2{
    --transform-skew-y: -2deg !important;
  }

  .sm\:-skew-y-1{
    --transform-skew-y: -1deg !important;
  }

  .sm\:hover\:skew-x-0:hover{
    --transform-skew-x: 0 !important;
  }

  .sm\:hover\:skew-x-1:hover{
    --transform-skew-x: 1deg !important;
  }

  .sm\:hover\:skew-x-2:hover{
    --transform-skew-x: 2deg !important;
  }

  .sm\:hover\:skew-x-3:hover{
    --transform-skew-x: 3deg !important;
  }

  .sm\:hover\:skew-x-6:hover{
    --transform-skew-x: 6deg !important;
  }

  .sm\:hover\:skew-x-12:hover{
    --transform-skew-x: 12deg !important;
  }

  .sm\:hover\:-skew-x-12:hover{
    --transform-skew-x: -12deg !important;
  }

  .sm\:hover\:-skew-x-6:hover{
    --transform-skew-x: -6deg !important;
  }

  .sm\:hover\:-skew-x-3:hover{
    --transform-skew-x: -3deg !important;
  }

  .sm\:hover\:-skew-x-2:hover{
    --transform-skew-x: -2deg !important;
  }

  .sm\:hover\:-skew-x-1:hover{
    --transform-skew-x: -1deg !important;
  }

  .sm\:hover\:skew-y-0:hover{
    --transform-skew-y: 0 !important;
  }

  .sm\:hover\:skew-y-1:hover{
    --transform-skew-y: 1deg !important;
  }

  .sm\:hover\:skew-y-2:hover{
    --transform-skew-y: 2deg !important;
  }

  .sm\:hover\:skew-y-3:hover{
    --transform-skew-y: 3deg !important;
  }

  .sm\:hover\:skew-y-6:hover{
    --transform-skew-y: 6deg !important;
  }

  .sm\:hover\:skew-y-12:hover{
    --transform-skew-y: 12deg !important;
  }

  .sm\:hover\:-skew-y-12:hover{
    --transform-skew-y: -12deg !important;
  }

  .sm\:hover\:-skew-y-6:hover{
    --transform-skew-y: -6deg !important;
  }

  .sm\:hover\:-skew-y-3:hover{
    --transform-skew-y: -3deg !important;
  }

  .sm\:hover\:-skew-y-2:hover{
    --transform-skew-y: -2deg !important;
  }

  .sm\:hover\:-skew-y-1:hover{
    --transform-skew-y: -1deg !important;
  }

  .sm\:focus\:skew-x-0:focus{
    --transform-skew-x: 0 !important;
  }

  .sm\:focus\:skew-x-1:focus{
    --transform-skew-x: 1deg !important;
  }

  .sm\:focus\:skew-x-2:focus{
    --transform-skew-x: 2deg !important;
  }

  .sm\:focus\:skew-x-3:focus{
    --transform-skew-x: 3deg !important;
  }

  .sm\:focus\:skew-x-6:focus{
    --transform-skew-x: 6deg !important;
  }

  .sm\:focus\:skew-x-12:focus{
    --transform-skew-x: 12deg !important;
  }

  .sm\:focus\:-skew-x-12:focus{
    --transform-skew-x: -12deg !important;
  }

  .sm\:focus\:-skew-x-6:focus{
    --transform-skew-x: -6deg !important;
  }

  .sm\:focus\:-skew-x-3:focus{
    --transform-skew-x: -3deg !important;
  }

  .sm\:focus\:-skew-x-2:focus{
    --transform-skew-x: -2deg !important;
  }

  .sm\:focus\:-skew-x-1:focus{
    --transform-skew-x: -1deg !important;
  }

  .sm\:focus\:skew-y-0:focus{
    --transform-skew-y: 0 !important;
  }

  .sm\:focus\:skew-y-1:focus{
    --transform-skew-y: 1deg !important;
  }

  .sm\:focus\:skew-y-2:focus{
    --transform-skew-y: 2deg !important;
  }

  .sm\:focus\:skew-y-3:focus{
    --transform-skew-y: 3deg !important;
  }

  .sm\:focus\:skew-y-6:focus{
    --transform-skew-y: 6deg !important;
  }

  .sm\:focus\:skew-y-12:focus{
    --transform-skew-y: 12deg !important;
  }

  .sm\:focus\:-skew-y-12:focus{
    --transform-skew-y: -12deg !important;
  }

  .sm\:focus\:-skew-y-6:focus{
    --transform-skew-y: -6deg !important;
  }

  .sm\:focus\:-skew-y-3:focus{
    --transform-skew-y: -3deg !important;
  }

  .sm\:focus\:-skew-y-2:focus{
    --transform-skew-y: -2deg !important;
  }

  .sm\:focus\:-skew-y-1:focus{
    --transform-skew-y: -1deg !important;
  }

  .sm\:transition-0{
    -webkit-transition-property: hover !important;
    transition-property: hover !important;
  }

  .sm\:transition-1{
    -webkit-transition-property: focus !important;
    transition-property: focus !important;
  }

  .sm\:transition-none{
    -webkit-transition-property: none !important;
    transition-property: none !important;
  }

  .sm\:transition-all{
    -webkit-transition-property: all !important;
    transition-property: all !important;
  }

  .sm\:transition{
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform !important;
  }

  .sm\:transition-colors{
    -webkit-transition-property: background-color, border-color, color, fill, stroke !important;
    transition-property: background-color, border-color, color, fill, stroke !important;
  }

  .sm\:transition-opacity{
    -webkit-transition-property: opacity !important;
    transition-property: opacity !important;
  }

  .sm\:transition-shadow{
    -webkit-transition-property: -webkit-box-shadow !important;
    transition-property: -webkit-box-shadow !important;
    transition-property: box-shadow !important;
    transition-property: box-shadow, -webkit-box-shadow !important;
  }

  .sm\:transition-transform{
    -webkit-transition-property: -webkit-transform !important;
    transition-property: -webkit-transform !important;
    transition-property: transform !important;
    transition-property: transform, -webkit-transform !important;
  }

  .sm\:ease-linear{
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
  }

  .sm\:ease-in{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }

  .sm\:ease-out{
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }

  .sm\:ease-in-out{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .sm\:duration-75{
    -webkit-transition-duration: 75ms !important;
    transition-duration: 75ms !important;
  }

  .sm\:duration-100{
    -webkit-transition-duration: 100ms !important;
    transition-duration: 100ms !important;
  }

  .sm\:duration-150{
    -webkit-transition-duration: 150ms !important;
    transition-duration: 150ms !important;
  }

  .sm\:duration-200{
    -webkit-transition-duration: 200ms !important;
    transition-duration: 200ms !important;
  }

  .sm\:duration-300{
    -webkit-transition-duration: 300ms !important;
    transition-duration: 300ms !important;
  }

  .sm\:duration-500{
    -webkit-transition-duration: 500ms !important;
    transition-duration: 500ms !important;
  }

  .sm\:duration-700{
    -webkit-transition-duration: 700ms !important;
    transition-duration: 700ms !important;
  }

  .sm\:duration-1000{
    -webkit-transition-duration: 1000ms !important;
    transition-duration: 1000ms !important;
  }

  .sm\:delay-75{
    -webkit-transition-delay: 75ms !important;
    transition-delay: 75ms !important;
  }

  .sm\:delay-100{
    -webkit-transition-delay: 100ms !important;
    transition-delay: 100ms !important;
  }

  .sm\:delay-150{
    -webkit-transition-delay: 150ms !important;
    transition-delay: 150ms !important;
  }

  .sm\:delay-200{
    -webkit-transition-delay: 200ms !important;
    transition-delay: 200ms !important;
  }

  .sm\:delay-300{
    -webkit-transition-delay: 300ms !important;
    transition-delay: 300ms !important;
  }

  .sm\:delay-500{
    -webkit-transition-delay: 500ms !important;
    transition-delay: 500ms !important;
  }

  .sm\:delay-700{
    -webkit-transition-delay: 700ms !important;
    transition-delay: 700ms !important;
  }

  .sm\:delay-1000{
    -webkit-transition-delay: 1000ms !important;
    transition-delay: 1000ms !important;
  }

  .sm\:animate-none{
    -webkit-animation: none !important;
    animation: none !important;
  }

  .sm\:animate-spin{
    -webkit-animation: spin 1s linear infinite !important;
    animation: spin 1s linear infinite !important;
  }

  .sm\:animate-ping{
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  }

  .sm\:animate-pulse{
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }

  .sm\:animate-bounce{
    -webkit-animation: bounce 1s infinite !important;
    animation: bounce 1s infinite !important;
  }
}

@media (min-width: 768px){
  .md\:container{
    width: 100%;
  }

  @media (min-width: 320px){
    .md\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 360px){
    .md\:container{
      max-width: 360px;
    }
  }

  @media (min-width: 560px){
    .md\:container{
      max-width: 560px;
    }
  }

  @media (min-width: 768px){
    .md\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .md\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .md\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 1920px){
    .md\:container{
      max-width: 1920px;
    }
  }

  .md\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1rem * var(--space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2rem * var(--space-x-reverse)) !important;
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3rem * var(--space-x-reverse)) !important;
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(4rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(4rem * var(--space-x-reverse)) !important;
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5rem * var(--space-x-reverse)) !important;
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(6rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(6rem * var(--space-x-reverse)) !important;
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(7rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(7rem * var(--space-x-reverse)) !important;
    margin-left: calc(7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(8rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(8rem * var(--space-x-reverse)) !important;
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10rem * var(--space-x-reverse)) !important;
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(12rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(12rem * var(--space-x-reverse)) !important;
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(14rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(14rem * var(--space-x-reverse)) !important;
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(16rem * var(--space-y-reverse)) !important;
  }

  .md\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(16rem * var(--space-x-reverse)) !important;
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1px * var(--space-x-reverse)) !important;
    margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2px * var(--space-x-reverse)) !important;
    margin-left: calc(2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3px * var(--space-x-reverse)) !important;
    margin-left: calc(3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5px * var(--space-x-reverse)) !important;
    margin-left: calc(5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10px * var(--space-x-reverse)) !important;
    margin-left: calc(10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(15px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(15px * var(--space-x-reverse)) !important;
    margin-left: calc(15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(20px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(20px * var(--space-x-reverse)) !important;
    margin-left: calc(20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(25px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(25px * var(--space-x-reverse)) !important;
    margin-left: calc(25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(30px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(30px * var(--space-x-reverse)) !important;
    margin-left: calc(30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(36px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(36px * var(--space-x-reverse)) !important;
    margin-left: calc(36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(50px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(50px * var(--space-x-reverse)) !important;
    margin-left: calc(50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(60px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(60px * var(--space-x-reverse)) !important;
    margin-left: calc(60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(120px * var(--space-y-reverse)) !important;
  }

  .md\:space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(120px * var(--space-x-reverse)) !important;
    margin-left: calc(120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3rem * var(--space-x-reverse)) !important;
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-4rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-4rem * var(--space-x-reverse)) !important;
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-6rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-6rem * var(--space-x-reverse)) !important;
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-7rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-7rem * var(--space-x-reverse)) !important;
    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-8rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-8rem * var(--space-x-reverse)) !important;
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10rem * var(--space-x-reverse)) !important;
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-12rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-12rem * var(--space-x-reverse)) !important;
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-14rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-14rem * var(--space-x-reverse)) !important;
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-16rem * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-16rem * var(--space-x-reverse)) !important;
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1px * var(--space-x-reverse)) !important;
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2px * var(--space-x-reverse)) !important;
    margin-left: calc(-2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3px * var(--space-x-reverse)) !important;
    margin-left: calc(-3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5px * var(--space-x-reverse)) !important;
    margin-left: calc(-5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10px * var(--space-x-reverse)) !important;
    margin-left: calc(-10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-15px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-15px * var(--space-x-reverse)) !important;
    margin-left: calc(-15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-20px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-20px * var(--space-x-reverse)) !important;
    margin-left: calc(-20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-25px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-25px * var(--space-x-reverse)) !important;
    margin-left: calc(-25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-30px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-30px * var(--space-x-reverse)) !important;
    margin-left: calc(-30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-36px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-36px * var(--space-x-reverse)) !important;
    margin-left: calc(-36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-50px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-50px * var(--space-x-reverse)) !important;
    margin-left: calc(-50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-60px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-60px * var(--space-x-reverse)) !important;
    margin-left: calc(-60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:-space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-120px * var(--space-y-reverse)) !important;
  }

  .md\:-space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-120px * var(--space-x-reverse)) !important;
    margin-left: calc(-120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .md\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1 !important;
  }

  .md\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1 !important;
  }

  .md\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
  }

  .md\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(0px * var(--divide-x-reverse)) !important;
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .md\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
  }

  .md\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(2px * var(--divide-x-reverse)) !important;
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .md\:divide-y-3 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(3px * var(--divide-y-reverse)) !important;
  }

  .md\:divide-x-3 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(3px * var(--divide-x-reverse)) !important;
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .md\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
  }

  .md\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(4px * var(--divide-x-reverse)) !important;
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .md\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
  }

  .md\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(8px * var(--divide-x-reverse)) !important;
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .md\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
  }

  .md\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .md\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1 !important;
  }

  .md\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1 !important;
  }

  .md\:divide-transparent > :not(template) ~ :not(template){
    border-color: transparent !important;
  }

  .md\:divide-current > :not(template) ~ :not(template){
    border-color: currentColor !important;
  }

  .md\:divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
  }

  .md\:divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
  }

  .md\:divide-red > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--divide-opacity)) !important;
  }

  .md\:divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
  }

  .md\:divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
  }

  .md\:divide-orange-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
  }

  .md\:divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
  }

  .md\:divide-orange-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
  }

  .md\:divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
  }

  .md\:divide-orange-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
  }

  .md\:divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
  }

  .md\:divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
  }

  .md\:divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
  }

  .md\:divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
  }

  .md\:divide-yellow-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
  }

  .md\:divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
  }

  .md\:divide-yellow-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
  }

  .md\:divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
  }

  .md\:divide-yellow-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
  }

  .md\:divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
  }

  .md\:divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
  }

  .md\:divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
  }

  .md\:divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
  }

  .md\:divide-green-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
  }

  .md\:divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
  }

  .md\:divide-green-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
  }

  .md\:divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
  }

  .md\:divide-green-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
  }

  .md\:divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
  }

  .md\:divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
  }

  .md\:divide-teal-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
  }

  .md\:divide-teal-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
  }

  .md\:divide-teal-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
  }

  .md\:divide-teal-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
  }

  .md\:divide-teal-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
  }

  .md\:divide-teal-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
  }

  .md\:divide-teal-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
  }

  .md\:divide-teal-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
  }

  .md\:divide-teal-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
  }

  .md\:divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
  }

  .md\:divide-indigo-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
  }

  .md\:divide-indigo-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
  }

  .md\:divide-indigo-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
  }

  .md\:divide-indigo-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
  }

  .md\:divide-indigo-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
  }

  .md\:divide-indigo-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
  }

  .md\:divide-indigo-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
  }

  .md\:divide-indigo-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
  }

  .md\:divide-indigo-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
  }

  .md\:divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
  }

  .md\:divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
  }

  .md\:divide-purple-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
  }

  .md\:divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
  }

  .md\:divide-purple-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
  }

  .md\:divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
  }

  .md\:divide-purple-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
  }

  .md\:divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
  }

  .md\:divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
  }

  .md\:divide-pink-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
  }

  .md\:divide-pink-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
  }

  .md\:divide-pink-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
  }

  .md\:divide-pink-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
  }

  .md\:divide-pink-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
  }

  .md\:divide-pink-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
  }

  .md\:divide-pink-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
  }

  .md\:divide-pink-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
  }

  .md\:divide-pink-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
  }

  .md\:divide-primary-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .md\:divide-primary-hover-color > :not(template) ~ :not(template){
    border-color: var(--hover-color) !important;
  }

  .md\:divide-gray-body > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-333 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-666 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-888 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-999 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-icon > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-features > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--divide-opacity)) !important;
  }

  .md\:divide-slide-border > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--divide-opacity)) !important;
  }

  .md\:divide-sale-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .md\:divide-hit-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--divide-opacity)) !important;
  }

  .md\:divide-new-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--divide-opacity)) !important;
  }

  .md\:divide-fb-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--divide-opacity)) !important;
  }

  .md\:divide-fb-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--divide-opacity)) !important;
  }

  .md\:divide-vk-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--divide-opacity)) !important;
  }

  .md\:divide-vk-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--divide-opacity)) !important;
  }

  .md\:divide-insta-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--divide-opacity)) !important;
  }

  .md\:divide-insta-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-dc > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-cd > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--divide-opacity)) !important;
  }

  .md\:divide-gray-e7 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--divide-opacity)) !important;
  }

  .md\:divide-check-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--divide-opacity)) !important;
  }

  .md\:divide-docx-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--divide-opacity)) !important;
  }

  .md\:divide-dark-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--divide-opacity)) !important;
  }

  .md\:divide-green-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--divide-opacity)) !important;
  }

  .md\:divide-solid > :not(template) ~ :not(template){
    border-style: solid !important;
  }

  .md\:divide-dashed > :not(template) ~ :not(template){
    border-style: dashed !important;
  }

  .md\:divide-dotted > :not(template) ~ :not(template){
    border-style: dotted !important;
  }

  .md\:divide-double > :not(template) ~ :not(template){
    border-style: double !important;
  }

  .md\:divide-none > :not(template) ~ :not(template){
    border-style: none !important;
  }

  .md\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0 !important;
  }

  .md\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25 !important;
  }

  .md\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5 !important;
  }

  .md\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75 !important;
  }

  .md\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
  }

  .md\:sr-only{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .md\:not-sr-only{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .md\:focus\:sr-only:focus{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .md\:focus\:not-sr-only:focus{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .md\:appearance-none{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }

  .md\:bg-fixed{
    background-attachment: fixed !important;
  }

  .md\:bg-local{
    background-attachment: local !important;
  }

  .md\:bg-scroll{
    background-attachment: scroll !important;
  }

  .md\:bg-clip-border{
    background-clip: border-box !important;
  }

  .md\:bg-clip-padding{
    background-clip: padding-box !important;
  }

  .md\:bg-clip-content{
    background-clip: content-box !important;
  }

  .md\:bg-clip-text{
    -webkit-background-clip: text !important;
    background-clip: text !important;
  }

  .md\:bg-transparent{
    background-color: transparent !important;
  }

  .md\:bg-current{
    background-color: currentColor !important;
  }

  .md\:bg-black{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .md\:bg-white{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-100{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-200{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-300{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-400{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-500{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-600{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-700{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-800{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-900{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .md\:bg-red{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .md\:bg-orange-100{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .md\:bg-orange-200{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .md\:bg-orange-300{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .md\:bg-orange-400{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .md\:bg-orange-500{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .md\:bg-orange-600{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .md\:bg-orange-700{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .md\:bg-orange-800{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .md\:bg-orange-900{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .md\:bg-yellow-100{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .md\:bg-yellow-200{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .md\:bg-yellow-300{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .md\:bg-yellow-400{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .md\:bg-yellow-500{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .md\:bg-yellow-600{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .md\:bg-yellow-700{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .md\:bg-yellow-800{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .md\:bg-yellow-900{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .md\:bg-green-100{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .md\:bg-green-200{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .md\:bg-green-300{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .md\:bg-green-400{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .md\:bg-green-500{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .md\:bg-green-600{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .md\:bg-green-700{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .md\:bg-green-800{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .md\:bg-green-900{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .md\:bg-teal-100{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .md\:bg-teal-200{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .md\:bg-teal-300{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .md\:bg-teal-400{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .md\:bg-teal-500{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .md\:bg-teal-600{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .md\:bg-teal-700{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .md\:bg-teal-800{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .md\:bg-teal-900{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-100{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-200{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-300{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-400{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-500{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-600{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-700{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-800{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .md\:bg-blue-900{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .md\:bg-indigo-100{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .md\:bg-indigo-200{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .md\:bg-indigo-300{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .md\:bg-indigo-400{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .md\:bg-indigo-500{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .md\:bg-indigo-600{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .md\:bg-indigo-700{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .md\:bg-indigo-800{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .md\:bg-indigo-900{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .md\:bg-purple-100{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .md\:bg-purple-200{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .md\:bg-purple-300{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .md\:bg-purple-400{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .md\:bg-purple-500{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .md\:bg-purple-600{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .md\:bg-purple-700{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .md\:bg-purple-800{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .md\:bg-purple-900{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .md\:bg-pink-100{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .md\:bg-pink-200{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .md\:bg-pink-300{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .md\:bg-pink-400{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .md\:bg-pink-500{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .md\:bg-pink-600{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .md\:bg-pink-700{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .md\:bg-pink-800{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .md\:bg-pink-900{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .md\:bg-primary-color{
    background-color: var(--primary-color) !important;
  }

  .md\:bg-primary-hover-color{
    background-color: var(--hover-color) !important;
  }

  .md\:bg-gray-body{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-light{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-333{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-666{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-888{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-999{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-icon{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-features{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .md\:bg-slide-border{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .md\:bg-sale-color{
    background-color: var(--primary-color) !important;
  }

  .md\:bg-hit-color{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .md\:bg-new-color{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .md\:bg-fb-hover-color{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .md\:bg-fb-active-color{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .md\:bg-vk-hover-color{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .md\:bg-vk-active-color{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .md\:bg-insta-hover-color{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .md\:bg-insta-active-color{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-dc{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-cd{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .md\:bg-gray-e7{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .md\:bg-check-color{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .md\:bg-docx-color{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .md\:bg-dark-black{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .md\:bg-green-light{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-transparent:hover{
    background-color: transparent !important;
  }

  .md\:hover\:bg-current:hover{
    background-color: currentColor !important;
  }

  .md\:hover\:bg-black:hover{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-white:hover{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-200:hover{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-300:hover{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-400:hover{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-500:hover{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-600:hover{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-900:hover{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-red:hover{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-orange-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-orange-200:hover{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-orange-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-orange-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-orange-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-orange-600:hover{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-orange-700:hover{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-orange-800:hover{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-orange-900:hover{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-yellow-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-yellow-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-yellow-300:hover{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-yellow-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-yellow-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-yellow-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-yellow-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-yellow-800:hover{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-yellow-900:hover{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-green-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-green-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-green-300:hover{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-green-400:hover{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-green-500:hover{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-green-600:hover{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-green-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-green-800:hover{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-green-900:hover{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-teal-100:hover{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-teal-200:hover{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-teal-300:hover{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-teal-400:hover{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-teal-500:hover{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-teal-600:hover{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-teal-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-teal-800:hover{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-teal-900:hover{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-200:hover{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-300:hover{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-400:hover{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-500:hover{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-600:hover{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-blue-900:hover{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-indigo-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-indigo-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-indigo-300:hover{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-indigo-400:hover{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-indigo-500:hover{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-indigo-600:hover{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-indigo-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-indigo-800:hover{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-indigo-900:hover{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-purple-100:hover{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-purple-200:hover{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-purple-300:hover{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-purple-400:hover{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-purple-500:hover{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-purple-600:hover{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-purple-700:hover{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-purple-800:hover{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-purple-900:hover{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-pink-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-pink-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-pink-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-pink-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-pink-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-pink-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-pink-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-pink-800:hover{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-pink-900:hover{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-primary-color:hover{
    background-color: var(--primary-color) !important;
  }

  .md\:hover\:bg-primary-hover-color:hover{
    background-color: var(--hover-color) !important;
  }

  .md\:hover\:bg-gray-body:hover{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-light:hover{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-333:hover{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-666:hover{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-888:hover{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-999:hover{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-icon:hover{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-features:hover{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-slide-border:hover{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-sale-color:hover{
    background-color: var(--primary-color) !important;
  }

  .md\:hover\:bg-hit-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-new-color:hover{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-fb-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-fb-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-vk-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-vk-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-insta-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-insta-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-dc:hover{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-cd:hover{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-gray-e7:hover{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-check-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-docx-color:hover{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-dark-black:hover{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .md\:hover\:bg-green-light:hover{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-transparent:focus{
    background-color: transparent !important;
  }

  .md\:focus\:bg-current:focus{
    background-color: currentColor !important;
  }

  .md\:focus\:bg-black:focus{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-white:focus{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-200:focus{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-300:focus{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-400:focus{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-500:focus{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-600:focus{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-900:focus{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-red:focus{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-orange-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-orange-200:focus{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-orange-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-orange-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-orange-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-orange-600:focus{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-orange-700:focus{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-orange-800:focus{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-orange-900:focus{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-yellow-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-yellow-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-yellow-300:focus{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-yellow-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-yellow-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-yellow-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-yellow-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-yellow-800:focus{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-yellow-900:focus{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-green-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-green-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-green-300:focus{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-green-400:focus{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-green-500:focus{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-green-600:focus{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-green-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-green-800:focus{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-green-900:focus{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-teal-100:focus{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-teal-200:focus{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-teal-300:focus{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-teal-400:focus{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-teal-500:focus{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-teal-600:focus{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-teal-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-teal-800:focus{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-teal-900:focus{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-200:focus{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-300:focus{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-400:focus{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-500:focus{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-600:focus{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-blue-900:focus{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-indigo-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-indigo-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-indigo-300:focus{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-indigo-400:focus{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-indigo-500:focus{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-indigo-600:focus{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-indigo-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-indigo-800:focus{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-indigo-900:focus{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-purple-100:focus{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-purple-200:focus{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-purple-300:focus{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-purple-400:focus{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-purple-500:focus{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-purple-600:focus{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-purple-700:focus{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-purple-800:focus{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-purple-900:focus{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-pink-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-pink-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-pink-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-pink-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-pink-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-pink-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-pink-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-pink-800:focus{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-pink-900:focus{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-primary-color:focus{
    background-color: var(--primary-color) !important;
  }

  .md\:focus\:bg-primary-hover-color:focus{
    background-color: var(--hover-color) !important;
  }

  .md\:focus\:bg-gray-body:focus{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-light:focus{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-333:focus{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-666:focus{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-888:focus{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-999:focus{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-icon:focus{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-features:focus{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-slide-border:focus{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-sale-color:focus{
    background-color: var(--primary-color) !important;
  }

  .md\:focus\:bg-hit-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-new-color:focus{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-fb-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-fb-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-vk-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-vk-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-insta-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-insta-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-dc:focus{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-cd:focus{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-gray-e7:focus{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-check-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-docx-color:focus{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-dark-black:focus{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .md\:focus\:bg-green-light:focus{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .md\:bg-none{
    background-image: none !important;
  }

  .md\:bg-gradient-to-t{
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-tr{
    background-image: -webkit-gradient(linear, left bottom, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-r{
    background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-br{
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-b{
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-bl{
    background-image: -webkit-gradient(linear, right top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-l{
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
  }

  .md\:bg-gradient-to-tl{
    background-image: -webkit-gradient(linear, right bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
  }

  .md\:from-transparent{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:from-current{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:from-black{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:from-white{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:from-gray-100{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .md\:from-gray-200{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .md\:from-gray-300{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .md\:from-gray-400{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .md\:from-gray-500{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .md\:from-gray-600{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .md\:from-gray-700{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .md\:from-gray-800{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .md\:from-gray-900{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .md\:from-red{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .md\:from-orange-100{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .md\:from-orange-200{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .md\:from-orange-300{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .md\:from-orange-400{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .md\:from-orange-500{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .md\:from-orange-600{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .md\:from-orange-700{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .md\:from-orange-800{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .md\:from-orange-900{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .md\:from-yellow-100{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .md\:from-yellow-200{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .md\:from-yellow-300{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .md\:from-yellow-400{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .md\:from-yellow-500{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .md\:from-yellow-600{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .md\:from-yellow-700{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .md\:from-yellow-800{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .md\:from-yellow-900{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .md\:from-green-100{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .md\:from-green-200{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .md\:from-green-300{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .md\:from-green-400{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .md\:from-green-500{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .md\:from-green-600{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .md\:from-green-700{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .md\:from-green-800{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .md\:from-green-900{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .md\:from-teal-100{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .md\:from-teal-200{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .md\:from-teal-300{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .md\:from-teal-400{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .md\:from-teal-500{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .md\:from-teal-600{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .md\:from-teal-700{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .md\:from-teal-800{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .md\:from-teal-900{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .md\:from-blue-100{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .md\:from-blue-200{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .md\:from-blue-300{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .md\:from-blue-400{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .md\:from-blue-500{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .md\:from-blue-600{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .md\:from-blue-700{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .md\:from-blue-800{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .md\:from-blue-900{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .md\:from-indigo-100{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .md\:from-indigo-200{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .md\:from-indigo-300{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .md\:from-indigo-400{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .md\:from-indigo-500{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .md\:from-indigo-600{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .md\:from-indigo-700{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .md\:from-indigo-800{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .md\:from-indigo-900{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .md\:from-purple-100{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .md\:from-purple-200{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .md\:from-purple-300{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .md\:from-purple-400{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .md\:from-purple-500{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .md\:from-purple-600{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .md\:from-purple-700{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .md\:from-purple-800{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .md\:from-purple-900{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .md\:from-pink-100{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .md\:from-pink-200{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .md\:from-pink-300{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .md\:from-pink-400{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .md\:from-pink-500{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .md\:from-pink-600{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .md\:from-pink-700{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .md\:from-pink-800{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .md\:from-pink-900{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .md\:from-primary-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:from-primary-hover-color{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:from-gray-body{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .md\:from-gray-light{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .md\:from-gray-333{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .md\:from-gray-666{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .md\:from-gray-888{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .md\:from-gray-999{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .md\:from-gray-icon{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .md\:from-gray-features{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .md\:from-slide-border{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .md\:from-sale-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:from-hit-color{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .md\:from-new-color{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .md\:from-fb-hover-color{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .md\:from-fb-active-color{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .md\:from-vk-hover-color{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .md\:from-vk-active-color{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .md\:from-insta-hover-color{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .md\:from-insta-active-color{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .md\:from-gray-dc{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .md\:from-gray-cd{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .md\:from-gray-e7{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .md\:from-check-color{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .md\:from-docx-color{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .md\:from-dark-black{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .md\:from-green-light{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .md\:via-transparent{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:via-current{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:via-black{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:via-white{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:via-gray-100{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .md\:via-gray-200{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .md\:via-gray-300{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .md\:via-gray-400{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .md\:via-gray-500{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .md\:via-gray-600{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .md\:via-gray-700{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .md\:via-gray-800{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .md\:via-gray-900{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .md\:via-red{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .md\:via-orange-100{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .md\:via-orange-200{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .md\:via-orange-300{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .md\:via-orange-400{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .md\:via-orange-500{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .md\:via-orange-600{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .md\:via-orange-700{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .md\:via-orange-800{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .md\:via-orange-900{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .md\:via-yellow-100{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .md\:via-yellow-200{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .md\:via-yellow-300{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .md\:via-yellow-400{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .md\:via-yellow-500{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .md\:via-yellow-600{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .md\:via-yellow-700{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .md\:via-yellow-800{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .md\:via-yellow-900{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .md\:via-green-100{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .md\:via-green-200{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .md\:via-green-300{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .md\:via-green-400{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .md\:via-green-500{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .md\:via-green-600{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .md\:via-green-700{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .md\:via-green-800{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .md\:via-green-900{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .md\:via-teal-100{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .md\:via-teal-200{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .md\:via-teal-300{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .md\:via-teal-400{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .md\:via-teal-500{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .md\:via-teal-600{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .md\:via-teal-700{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .md\:via-teal-800{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .md\:via-teal-900{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .md\:via-blue-100{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .md\:via-blue-200{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .md\:via-blue-300{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .md\:via-blue-400{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .md\:via-blue-500{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .md\:via-blue-600{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .md\:via-blue-700{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .md\:via-blue-800{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .md\:via-blue-900{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .md\:via-indigo-100{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .md\:via-indigo-200{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .md\:via-indigo-300{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .md\:via-indigo-400{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .md\:via-indigo-500{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .md\:via-indigo-600{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .md\:via-indigo-700{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .md\:via-indigo-800{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .md\:via-indigo-900{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .md\:via-purple-100{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .md\:via-purple-200{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .md\:via-purple-300{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .md\:via-purple-400{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .md\:via-purple-500{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .md\:via-purple-600{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .md\:via-purple-700{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .md\:via-purple-800{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .md\:via-purple-900{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .md\:via-pink-100{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .md\:via-pink-200{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .md\:via-pink-300{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .md\:via-pink-400{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .md\:via-pink-500{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .md\:via-pink-600{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .md\:via-pink-700{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .md\:via-pink-800{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .md\:via-pink-900{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .md\:via-primary-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:via-primary-hover-color{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:via-gray-body{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .md\:via-gray-light{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .md\:via-gray-333{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .md\:via-gray-666{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .md\:via-gray-888{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .md\:via-gray-999{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .md\:via-gray-icon{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .md\:via-gray-features{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .md\:via-slide-border{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .md\:via-sale-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:via-hit-color{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .md\:via-new-color{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .md\:via-fb-hover-color{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .md\:via-fb-active-color{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .md\:via-vk-hover-color{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .md\:via-vk-active-color{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .md\:via-insta-hover-color{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .md\:via-insta-active-color{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .md\:via-gray-dc{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .md\:via-gray-cd{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .md\:via-gray-e7{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .md\:via-check-color{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .md\:via-docx-color{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .md\:via-dark-black{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .md\:via-green-light{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .md\:to-transparent{
    --gradient-to-color: transparent !important;
  }

  .md\:to-current{
    --gradient-to-color: currentColor !important;
  }

  .md\:to-black{
    --gradient-to-color: #000 !important;
  }

  .md\:to-white{
    --gradient-to-color: #fff !important;
  }

  .md\:to-gray-100{
    --gradient-to-color: #f7fafc !important;
  }

  .md\:to-gray-200{
    --gradient-to-color: #edf2f7 !important;
  }

  .md\:to-gray-300{
    --gradient-to-color: #e2e8f0 !important;
  }

  .md\:to-gray-400{
    --gradient-to-color: #cbd5e0 !important;
  }

  .md\:to-gray-500{
    --gradient-to-color: #a0aec0 !important;
  }

  .md\:to-gray-600{
    --gradient-to-color: #718096 !important;
  }

  .md\:to-gray-700{
    --gradient-to-color: #4a5568 !important;
  }

  .md\:to-gray-800{
    --gradient-to-color: #2d3748 !important;
  }

  .md\:to-gray-900{
    --gradient-to-color: #1a202c !important;
  }

  .md\:to-red{
    --gradient-to-color: #cc0a0a !important;
  }

  .md\:to-orange-100{
    --gradient-to-color: #fffaf0 !important;
  }

  .md\:to-orange-200{
    --gradient-to-color: #feebc8 !important;
  }

  .md\:to-orange-300{
    --gradient-to-color: #fbd38d !important;
  }

  .md\:to-orange-400{
    --gradient-to-color: #f6ad55 !important;
  }

  .md\:to-orange-500{
    --gradient-to-color: #ed8936 !important;
  }

  .md\:to-orange-600{
    --gradient-to-color: #dd6b20 !important;
  }

  .md\:to-orange-700{
    --gradient-to-color: #c05621 !important;
  }

  .md\:to-orange-800{
    --gradient-to-color: #9c4221 !important;
  }

  .md\:to-orange-900{
    --gradient-to-color: #7b341e !important;
  }

  .md\:to-yellow-100{
    --gradient-to-color: #fffff0 !important;
  }

  .md\:to-yellow-200{
    --gradient-to-color: #fefcbf !important;
  }

  .md\:to-yellow-300{
    --gradient-to-color: #faf089 !important;
  }

  .md\:to-yellow-400{
    --gradient-to-color: #f6e05e !important;
  }

  .md\:to-yellow-500{
    --gradient-to-color: #ecc94b !important;
  }

  .md\:to-yellow-600{
    --gradient-to-color: #d69e2e !important;
  }

  .md\:to-yellow-700{
    --gradient-to-color: #b7791f !important;
  }

  .md\:to-yellow-800{
    --gradient-to-color: #975a16 !important;
  }

  .md\:to-yellow-900{
    --gradient-to-color: #744210 !important;
  }

  .md\:to-green-100{
    --gradient-to-color: #f0fff4 !important;
  }

  .md\:to-green-200{
    --gradient-to-color: #c6f6d5 !important;
  }

  .md\:to-green-300{
    --gradient-to-color: #9ae6b4 !important;
  }

  .md\:to-green-400{
    --gradient-to-color: #68d391 !important;
  }

  .md\:to-green-500{
    --gradient-to-color: #48bb78 !important;
  }

  .md\:to-green-600{
    --gradient-to-color: #38a169 !important;
  }

  .md\:to-green-700{
    --gradient-to-color: #2f855a !important;
  }

  .md\:to-green-800{
    --gradient-to-color: #276749 !important;
  }

  .md\:to-green-900{
    --gradient-to-color: #22543d !important;
  }

  .md\:to-teal-100{
    --gradient-to-color: #e6fffa !important;
  }

  .md\:to-teal-200{
    --gradient-to-color: #b2f5ea !important;
  }

  .md\:to-teal-300{
    --gradient-to-color: #81e6d9 !important;
  }

  .md\:to-teal-400{
    --gradient-to-color: #4fd1c5 !important;
  }

  .md\:to-teal-500{
    --gradient-to-color: #38b2ac !important;
  }

  .md\:to-teal-600{
    --gradient-to-color: #319795 !important;
  }

  .md\:to-teal-700{
    --gradient-to-color: #2c7a7b !important;
  }

  .md\:to-teal-800{
    --gradient-to-color: #285e61 !important;
  }

  .md\:to-teal-900{
    --gradient-to-color: #234e52 !important;
  }

  .md\:to-blue-100{
    --gradient-to-color: #ebf8ff !important;
  }

  .md\:to-blue-200{
    --gradient-to-color: #bee3f8 !important;
  }

  .md\:to-blue-300{
    --gradient-to-color: #90cdf4 !important;
  }

  .md\:to-blue-400{
    --gradient-to-color: #63b3ed !important;
  }

  .md\:to-blue-500{
    --gradient-to-color: #4299e1 !important;
  }

  .md\:to-blue-600{
    --gradient-to-color: #3182ce !important;
  }

  .md\:to-blue-700{
    --gradient-to-color: #2b6cb0 !important;
  }

  .md\:to-blue-800{
    --gradient-to-color: #2c5282 !important;
  }

  .md\:to-blue-900{
    --gradient-to-color: #2a4365 !important;
  }

  .md\:to-indigo-100{
    --gradient-to-color: #ebf4ff !important;
  }

  .md\:to-indigo-200{
    --gradient-to-color: #c3dafe !important;
  }

  .md\:to-indigo-300{
    --gradient-to-color: #a3bffa !important;
  }

  .md\:to-indigo-400{
    --gradient-to-color: #7f9cf5 !important;
  }

  .md\:to-indigo-500{
    --gradient-to-color: #667eea !important;
  }

  .md\:to-indigo-600{
    --gradient-to-color: #5a67d8 !important;
  }

  .md\:to-indigo-700{
    --gradient-to-color: #4c51bf !important;
  }

  .md\:to-indigo-800{
    --gradient-to-color: #434190 !important;
  }

  .md\:to-indigo-900{
    --gradient-to-color: #3c366b !important;
  }

  .md\:to-purple-100{
    --gradient-to-color: #faf5ff !important;
  }

  .md\:to-purple-200{
    --gradient-to-color: #e9d8fd !important;
  }

  .md\:to-purple-300{
    --gradient-to-color: #d6bcfa !important;
  }

  .md\:to-purple-400{
    --gradient-to-color: #b794f4 !important;
  }

  .md\:to-purple-500{
    --gradient-to-color: #9f7aea !important;
  }

  .md\:to-purple-600{
    --gradient-to-color: #805ad5 !important;
  }

  .md\:to-purple-700{
    --gradient-to-color: #6b46c1 !important;
  }

  .md\:to-purple-800{
    --gradient-to-color: #553c9a !important;
  }

  .md\:to-purple-900{
    --gradient-to-color: #44337a !important;
  }

  .md\:to-pink-100{
    --gradient-to-color: #fff5f7 !important;
  }

  .md\:to-pink-200{
    --gradient-to-color: #fed7e2 !important;
  }

  .md\:to-pink-300{
    --gradient-to-color: #fbb6ce !important;
  }

  .md\:to-pink-400{
    --gradient-to-color: #f687b3 !important;
  }

  .md\:to-pink-500{
    --gradient-to-color: #ed64a6 !important;
  }

  .md\:to-pink-600{
    --gradient-to-color: #d53f8c !important;
  }

  .md\:to-pink-700{
    --gradient-to-color: #b83280 !important;
  }

  .md\:to-pink-800{
    --gradient-to-color: #97266d !important;
  }

  .md\:to-pink-900{
    --gradient-to-color: #702459 !important;
  }

  .md\:to-primary-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .md\:to-primary-hover-color{
    --gradient-to-color: var(--hover-color) !important;
  }

  .md\:to-gray-body{
    --gradient-to-color: #f2f2f2 !important;
  }

  .md\:to-gray-light{
    --gradient-to-color: #ccc !important;
  }

  .md\:to-gray-333{
    --gradient-to-color: #333 !important;
  }

  .md\:to-gray-666{
    --gradient-to-color: #666 !important;
  }

  .md\:to-gray-888{
    --gradient-to-color: #888 !important;
  }

  .md\:to-gray-999{
    --gradient-to-color: #999 !important;
  }

  .md\:to-gray-icon{
    --gradient-to-color: #9a9a9a !important;
  }

  .md\:to-gray-features{
    --gradient-to-color: #f5f5f5 !important;
  }

  .md\:to-slide-border{
    --gradient-to-color: #e1e1e1 !important;
  }

  .md\:to-sale-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .md\:to-hit-color{
    --gradient-to-color: #ff9900 !important;
  }

  .md\:to-new-color{
    --gradient-to-color: #0fa3c6 !important;
  }

  .md\:to-fb-hover-color{
    --gradient-to-color: #5959d8 !important;
  }

  .md\:to-fb-active-color{
    --gradient-to-color: #4040b3 !important;
  }

  .md\:to-vk-hover-color{
    --gradient-to-color: #628dd3 !important;
  }

  .md\:to-vk-active-color{
    --gradient-to-color: #3768b9 !important;
  }

  .md\:to-insta-hover-color{
    --gradient-to-color: #af35d2 !important;
  }

  .md\:to-insta-active-color{
    --gradient-to-color: #7e47b7 !important;
  }

  .md\:to-gray-dc{
    --gradient-to-color: #dcdcdc !important;
  }

  .md\:to-gray-cd{
    --gradient-to-color: #cdcdcd !important;
  }

  .md\:to-gray-e7{
    --gradient-to-color: #e7e7e7 !important;
  }

  .md\:to-check-color{
    --gradient-to-color: #ce3a12 !important;
  }

  .md\:to-docx-color{
    --gradient-to-color: #1789e9 !important;
  }

  .md\:to-dark-black{
    --gradient-to-color: #010101 !important;
  }

  .md\:to-green-light{
    --gradient-to-color: #3ab011 !important;
  }

  .md\:hover\:from-transparent:hover{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:hover\:from-current:hover{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:hover\:from-black:hover{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:hover\:from-white:hover{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:hover\:from-gray-100:hover{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .md\:hover\:from-gray-200:hover{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .md\:hover\:from-gray-300:hover{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .md\:hover\:from-gray-400:hover{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .md\:hover\:from-gray-500:hover{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .md\:hover\:from-gray-600:hover{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .md\:hover\:from-gray-700:hover{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .md\:hover\:from-gray-800:hover{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .md\:hover\:from-gray-900:hover{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .md\:hover\:from-red:hover{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .md\:hover\:from-orange-100:hover{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .md\:hover\:from-orange-200:hover{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .md\:hover\:from-orange-300:hover{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .md\:hover\:from-orange-400:hover{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .md\:hover\:from-orange-500:hover{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .md\:hover\:from-orange-600:hover{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .md\:hover\:from-orange-700:hover{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .md\:hover\:from-orange-800:hover{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .md\:hover\:from-orange-900:hover{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .md\:hover\:from-yellow-100:hover{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .md\:hover\:from-yellow-200:hover{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .md\:hover\:from-yellow-300:hover{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .md\:hover\:from-yellow-400:hover{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .md\:hover\:from-yellow-500:hover{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .md\:hover\:from-yellow-600:hover{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .md\:hover\:from-yellow-700:hover{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .md\:hover\:from-yellow-800:hover{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .md\:hover\:from-yellow-900:hover{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .md\:hover\:from-green-100:hover{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .md\:hover\:from-green-200:hover{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .md\:hover\:from-green-300:hover{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .md\:hover\:from-green-400:hover{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .md\:hover\:from-green-500:hover{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .md\:hover\:from-green-600:hover{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .md\:hover\:from-green-700:hover{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .md\:hover\:from-green-800:hover{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .md\:hover\:from-green-900:hover{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .md\:hover\:from-teal-100:hover{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .md\:hover\:from-teal-200:hover{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .md\:hover\:from-teal-300:hover{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .md\:hover\:from-teal-400:hover{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .md\:hover\:from-teal-500:hover{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .md\:hover\:from-teal-600:hover{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .md\:hover\:from-teal-700:hover{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .md\:hover\:from-teal-800:hover{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .md\:hover\:from-teal-900:hover{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .md\:hover\:from-blue-100:hover{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .md\:hover\:from-blue-200:hover{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .md\:hover\:from-blue-300:hover{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .md\:hover\:from-blue-400:hover{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .md\:hover\:from-blue-500:hover{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .md\:hover\:from-blue-600:hover{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .md\:hover\:from-blue-700:hover{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .md\:hover\:from-blue-800:hover{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .md\:hover\:from-blue-900:hover{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .md\:hover\:from-indigo-100:hover{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .md\:hover\:from-indigo-200:hover{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .md\:hover\:from-indigo-300:hover{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .md\:hover\:from-indigo-400:hover{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .md\:hover\:from-indigo-500:hover{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .md\:hover\:from-indigo-600:hover{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .md\:hover\:from-indigo-700:hover{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .md\:hover\:from-indigo-800:hover{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .md\:hover\:from-indigo-900:hover{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .md\:hover\:from-purple-100:hover{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .md\:hover\:from-purple-200:hover{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .md\:hover\:from-purple-300:hover{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .md\:hover\:from-purple-400:hover{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .md\:hover\:from-purple-500:hover{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .md\:hover\:from-purple-600:hover{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .md\:hover\:from-purple-700:hover{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .md\:hover\:from-purple-800:hover{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .md\:hover\:from-purple-900:hover{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .md\:hover\:from-pink-100:hover{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .md\:hover\:from-pink-200:hover{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .md\:hover\:from-pink-300:hover{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .md\:hover\:from-pink-400:hover{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .md\:hover\:from-pink-500:hover{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .md\:hover\:from-pink-600:hover{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .md\:hover\:from-pink-700:hover{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .md\:hover\:from-pink-800:hover{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .md\:hover\:from-pink-900:hover{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .md\:hover\:from-primary-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:hover\:from-primary-hover-color:hover{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:hover\:from-gray-body:hover{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .md\:hover\:from-gray-light:hover{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .md\:hover\:from-gray-333:hover{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .md\:hover\:from-gray-666:hover{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .md\:hover\:from-gray-888:hover{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .md\:hover\:from-gray-999:hover{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .md\:hover\:from-gray-icon:hover{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .md\:hover\:from-gray-features:hover{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .md\:hover\:from-slide-border:hover{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .md\:hover\:from-sale-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:hover\:from-hit-color:hover{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .md\:hover\:from-new-color:hover{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .md\:hover\:from-fb-hover-color:hover{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .md\:hover\:from-fb-active-color:hover{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .md\:hover\:from-vk-hover-color:hover{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .md\:hover\:from-vk-active-color:hover{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .md\:hover\:from-insta-hover-color:hover{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .md\:hover\:from-insta-active-color:hover{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .md\:hover\:from-gray-dc:hover{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .md\:hover\:from-gray-cd:hover{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .md\:hover\:from-gray-e7:hover{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .md\:hover\:from-check-color:hover{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .md\:hover\:from-docx-color:hover{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .md\:hover\:from-dark-black:hover{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .md\:hover\:from-green-light:hover{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .md\:hover\:via-transparent:hover{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:hover\:via-current:hover{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:hover\:via-black:hover{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:hover\:via-white:hover{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:hover\:via-gray-100:hover{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .md\:hover\:via-gray-200:hover{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .md\:hover\:via-gray-300:hover{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .md\:hover\:via-gray-400:hover{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .md\:hover\:via-gray-500:hover{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .md\:hover\:via-gray-600:hover{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .md\:hover\:via-gray-700:hover{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .md\:hover\:via-gray-800:hover{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .md\:hover\:via-gray-900:hover{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .md\:hover\:via-red:hover{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .md\:hover\:via-orange-100:hover{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .md\:hover\:via-orange-200:hover{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .md\:hover\:via-orange-300:hover{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .md\:hover\:via-orange-400:hover{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .md\:hover\:via-orange-500:hover{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .md\:hover\:via-orange-600:hover{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .md\:hover\:via-orange-700:hover{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .md\:hover\:via-orange-800:hover{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .md\:hover\:via-orange-900:hover{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .md\:hover\:via-yellow-100:hover{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .md\:hover\:via-yellow-200:hover{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .md\:hover\:via-yellow-300:hover{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .md\:hover\:via-yellow-400:hover{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .md\:hover\:via-yellow-500:hover{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .md\:hover\:via-yellow-600:hover{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .md\:hover\:via-yellow-700:hover{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .md\:hover\:via-yellow-800:hover{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .md\:hover\:via-yellow-900:hover{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .md\:hover\:via-green-100:hover{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .md\:hover\:via-green-200:hover{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .md\:hover\:via-green-300:hover{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .md\:hover\:via-green-400:hover{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .md\:hover\:via-green-500:hover{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .md\:hover\:via-green-600:hover{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .md\:hover\:via-green-700:hover{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .md\:hover\:via-green-800:hover{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .md\:hover\:via-green-900:hover{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .md\:hover\:via-teal-100:hover{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .md\:hover\:via-teal-200:hover{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .md\:hover\:via-teal-300:hover{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .md\:hover\:via-teal-400:hover{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .md\:hover\:via-teal-500:hover{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .md\:hover\:via-teal-600:hover{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .md\:hover\:via-teal-700:hover{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .md\:hover\:via-teal-800:hover{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .md\:hover\:via-teal-900:hover{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .md\:hover\:via-blue-100:hover{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .md\:hover\:via-blue-200:hover{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .md\:hover\:via-blue-300:hover{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .md\:hover\:via-blue-400:hover{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .md\:hover\:via-blue-500:hover{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .md\:hover\:via-blue-600:hover{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .md\:hover\:via-blue-700:hover{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .md\:hover\:via-blue-800:hover{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .md\:hover\:via-blue-900:hover{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .md\:hover\:via-indigo-100:hover{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .md\:hover\:via-indigo-200:hover{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .md\:hover\:via-indigo-300:hover{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .md\:hover\:via-indigo-400:hover{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .md\:hover\:via-indigo-500:hover{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .md\:hover\:via-indigo-600:hover{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .md\:hover\:via-indigo-700:hover{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .md\:hover\:via-indigo-800:hover{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .md\:hover\:via-indigo-900:hover{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .md\:hover\:via-purple-100:hover{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .md\:hover\:via-purple-200:hover{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .md\:hover\:via-purple-300:hover{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .md\:hover\:via-purple-400:hover{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .md\:hover\:via-purple-500:hover{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .md\:hover\:via-purple-600:hover{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .md\:hover\:via-purple-700:hover{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .md\:hover\:via-purple-800:hover{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .md\:hover\:via-purple-900:hover{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .md\:hover\:via-pink-100:hover{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .md\:hover\:via-pink-200:hover{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .md\:hover\:via-pink-300:hover{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .md\:hover\:via-pink-400:hover{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .md\:hover\:via-pink-500:hover{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .md\:hover\:via-pink-600:hover{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .md\:hover\:via-pink-700:hover{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .md\:hover\:via-pink-800:hover{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .md\:hover\:via-pink-900:hover{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .md\:hover\:via-primary-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:hover\:via-primary-hover-color:hover{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:hover\:via-gray-body:hover{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .md\:hover\:via-gray-light:hover{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .md\:hover\:via-gray-333:hover{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .md\:hover\:via-gray-666:hover{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .md\:hover\:via-gray-888:hover{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .md\:hover\:via-gray-999:hover{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .md\:hover\:via-gray-icon:hover{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .md\:hover\:via-gray-features:hover{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .md\:hover\:via-slide-border:hover{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .md\:hover\:via-sale-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:hover\:via-hit-color:hover{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .md\:hover\:via-new-color:hover{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .md\:hover\:via-fb-hover-color:hover{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .md\:hover\:via-fb-active-color:hover{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .md\:hover\:via-vk-hover-color:hover{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .md\:hover\:via-vk-active-color:hover{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .md\:hover\:via-insta-hover-color:hover{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .md\:hover\:via-insta-active-color:hover{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .md\:hover\:via-gray-dc:hover{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .md\:hover\:via-gray-cd:hover{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .md\:hover\:via-gray-e7:hover{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .md\:hover\:via-check-color:hover{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .md\:hover\:via-docx-color:hover{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .md\:hover\:via-dark-black:hover{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .md\:hover\:via-green-light:hover{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .md\:hover\:to-transparent:hover{
    --gradient-to-color: transparent !important;
  }

  .md\:hover\:to-current:hover{
    --gradient-to-color: currentColor !important;
  }

  .md\:hover\:to-black:hover{
    --gradient-to-color: #000 !important;
  }

  .md\:hover\:to-white:hover{
    --gradient-to-color: #fff !important;
  }

  .md\:hover\:to-gray-100:hover{
    --gradient-to-color: #f7fafc !important;
  }

  .md\:hover\:to-gray-200:hover{
    --gradient-to-color: #edf2f7 !important;
  }

  .md\:hover\:to-gray-300:hover{
    --gradient-to-color: #e2e8f0 !important;
  }

  .md\:hover\:to-gray-400:hover{
    --gradient-to-color: #cbd5e0 !important;
  }

  .md\:hover\:to-gray-500:hover{
    --gradient-to-color: #a0aec0 !important;
  }

  .md\:hover\:to-gray-600:hover{
    --gradient-to-color: #718096 !important;
  }

  .md\:hover\:to-gray-700:hover{
    --gradient-to-color: #4a5568 !important;
  }

  .md\:hover\:to-gray-800:hover{
    --gradient-to-color: #2d3748 !important;
  }

  .md\:hover\:to-gray-900:hover{
    --gradient-to-color: #1a202c !important;
  }

  .md\:hover\:to-red:hover{
    --gradient-to-color: #cc0a0a !important;
  }

  .md\:hover\:to-orange-100:hover{
    --gradient-to-color: #fffaf0 !important;
  }

  .md\:hover\:to-orange-200:hover{
    --gradient-to-color: #feebc8 !important;
  }

  .md\:hover\:to-orange-300:hover{
    --gradient-to-color: #fbd38d !important;
  }

  .md\:hover\:to-orange-400:hover{
    --gradient-to-color: #f6ad55 !important;
  }

  .md\:hover\:to-orange-500:hover{
    --gradient-to-color: #ed8936 !important;
  }

  .md\:hover\:to-orange-600:hover{
    --gradient-to-color: #dd6b20 !important;
  }

  .md\:hover\:to-orange-700:hover{
    --gradient-to-color: #c05621 !important;
  }

  .md\:hover\:to-orange-800:hover{
    --gradient-to-color: #9c4221 !important;
  }

  .md\:hover\:to-orange-900:hover{
    --gradient-to-color: #7b341e !important;
  }

  .md\:hover\:to-yellow-100:hover{
    --gradient-to-color: #fffff0 !important;
  }

  .md\:hover\:to-yellow-200:hover{
    --gradient-to-color: #fefcbf !important;
  }

  .md\:hover\:to-yellow-300:hover{
    --gradient-to-color: #faf089 !important;
  }

  .md\:hover\:to-yellow-400:hover{
    --gradient-to-color: #f6e05e !important;
  }

  .md\:hover\:to-yellow-500:hover{
    --gradient-to-color: #ecc94b !important;
  }

  .md\:hover\:to-yellow-600:hover{
    --gradient-to-color: #d69e2e !important;
  }

  .md\:hover\:to-yellow-700:hover{
    --gradient-to-color: #b7791f !important;
  }

  .md\:hover\:to-yellow-800:hover{
    --gradient-to-color: #975a16 !important;
  }

  .md\:hover\:to-yellow-900:hover{
    --gradient-to-color: #744210 !important;
  }

  .md\:hover\:to-green-100:hover{
    --gradient-to-color: #f0fff4 !important;
  }

  .md\:hover\:to-green-200:hover{
    --gradient-to-color: #c6f6d5 !important;
  }

  .md\:hover\:to-green-300:hover{
    --gradient-to-color: #9ae6b4 !important;
  }

  .md\:hover\:to-green-400:hover{
    --gradient-to-color: #68d391 !important;
  }

  .md\:hover\:to-green-500:hover{
    --gradient-to-color: #48bb78 !important;
  }

  .md\:hover\:to-green-600:hover{
    --gradient-to-color: #38a169 !important;
  }

  .md\:hover\:to-green-700:hover{
    --gradient-to-color: #2f855a !important;
  }

  .md\:hover\:to-green-800:hover{
    --gradient-to-color: #276749 !important;
  }

  .md\:hover\:to-green-900:hover{
    --gradient-to-color: #22543d !important;
  }

  .md\:hover\:to-teal-100:hover{
    --gradient-to-color: #e6fffa !important;
  }

  .md\:hover\:to-teal-200:hover{
    --gradient-to-color: #b2f5ea !important;
  }

  .md\:hover\:to-teal-300:hover{
    --gradient-to-color: #81e6d9 !important;
  }

  .md\:hover\:to-teal-400:hover{
    --gradient-to-color: #4fd1c5 !important;
  }

  .md\:hover\:to-teal-500:hover{
    --gradient-to-color: #38b2ac !important;
  }

  .md\:hover\:to-teal-600:hover{
    --gradient-to-color: #319795 !important;
  }

  .md\:hover\:to-teal-700:hover{
    --gradient-to-color: #2c7a7b !important;
  }

  .md\:hover\:to-teal-800:hover{
    --gradient-to-color: #285e61 !important;
  }

  .md\:hover\:to-teal-900:hover{
    --gradient-to-color: #234e52 !important;
  }

  .md\:hover\:to-blue-100:hover{
    --gradient-to-color: #ebf8ff !important;
  }

  .md\:hover\:to-blue-200:hover{
    --gradient-to-color: #bee3f8 !important;
  }

  .md\:hover\:to-blue-300:hover{
    --gradient-to-color: #90cdf4 !important;
  }

  .md\:hover\:to-blue-400:hover{
    --gradient-to-color: #63b3ed !important;
  }

  .md\:hover\:to-blue-500:hover{
    --gradient-to-color: #4299e1 !important;
  }

  .md\:hover\:to-blue-600:hover{
    --gradient-to-color: #3182ce !important;
  }

  .md\:hover\:to-blue-700:hover{
    --gradient-to-color: #2b6cb0 !important;
  }

  .md\:hover\:to-blue-800:hover{
    --gradient-to-color: #2c5282 !important;
  }

  .md\:hover\:to-blue-900:hover{
    --gradient-to-color: #2a4365 !important;
  }

  .md\:hover\:to-indigo-100:hover{
    --gradient-to-color: #ebf4ff !important;
  }

  .md\:hover\:to-indigo-200:hover{
    --gradient-to-color: #c3dafe !important;
  }

  .md\:hover\:to-indigo-300:hover{
    --gradient-to-color: #a3bffa !important;
  }

  .md\:hover\:to-indigo-400:hover{
    --gradient-to-color: #7f9cf5 !important;
  }

  .md\:hover\:to-indigo-500:hover{
    --gradient-to-color: #667eea !important;
  }

  .md\:hover\:to-indigo-600:hover{
    --gradient-to-color: #5a67d8 !important;
  }

  .md\:hover\:to-indigo-700:hover{
    --gradient-to-color: #4c51bf !important;
  }

  .md\:hover\:to-indigo-800:hover{
    --gradient-to-color: #434190 !important;
  }

  .md\:hover\:to-indigo-900:hover{
    --gradient-to-color: #3c366b !important;
  }

  .md\:hover\:to-purple-100:hover{
    --gradient-to-color: #faf5ff !important;
  }

  .md\:hover\:to-purple-200:hover{
    --gradient-to-color: #e9d8fd !important;
  }

  .md\:hover\:to-purple-300:hover{
    --gradient-to-color: #d6bcfa !important;
  }

  .md\:hover\:to-purple-400:hover{
    --gradient-to-color: #b794f4 !important;
  }

  .md\:hover\:to-purple-500:hover{
    --gradient-to-color: #9f7aea !important;
  }

  .md\:hover\:to-purple-600:hover{
    --gradient-to-color: #805ad5 !important;
  }

  .md\:hover\:to-purple-700:hover{
    --gradient-to-color: #6b46c1 !important;
  }

  .md\:hover\:to-purple-800:hover{
    --gradient-to-color: #553c9a !important;
  }

  .md\:hover\:to-purple-900:hover{
    --gradient-to-color: #44337a !important;
  }

  .md\:hover\:to-pink-100:hover{
    --gradient-to-color: #fff5f7 !important;
  }

  .md\:hover\:to-pink-200:hover{
    --gradient-to-color: #fed7e2 !important;
  }

  .md\:hover\:to-pink-300:hover{
    --gradient-to-color: #fbb6ce !important;
  }

  .md\:hover\:to-pink-400:hover{
    --gradient-to-color: #f687b3 !important;
  }

  .md\:hover\:to-pink-500:hover{
    --gradient-to-color: #ed64a6 !important;
  }

  .md\:hover\:to-pink-600:hover{
    --gradient-to-color: #d53f8c !important;
  }

  .md\:hover\:to-pink-700:hover{
    --gradient-to-color: #b83280 !important;
  }

  .md\:hover\:to-pink-800:hover{
    --gradient-to-color: #97266d !important;
  }

  .md\:hover\:to-pink-900:hover{
    --gradient-to-color: #702459 !important;
  }

  .md\:hover\:to-primary-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .md\:hover\:to-primary-hover-color:hover{
    --gradient-to-color: var(--hover-color) !important;
  }

  .md\:hover\:to-gray-body:hover{
    --gradient-to-color: #f2f2f2 !important;
  }

  .md\:hover\:to-gray-light:hover{
    --gradient-to-color: #ccc !important;
  }

  .md\:hover\:to-gray-333:hover{
    --gradient-to-color: #333 !important;
  }

  .md\:hover\:to-gray-666:hover{
    --gradient-to-color: #666 !important;
  }

  .md\:hover\:to-gray-888:hover{
    --gradient-to-color: #888 !important;
  }

  .md\:hover\:to-gray-999:hover{
    --gradient-to-color: #999 !important;
  }

  .md\:hover\:to-gray-icon:hover{
    --gradient-to-color: #9a9a9a !important;
  }

  .md\:hover\:to-gray-features:hover{
    --gradient-to-color: #f5f5f5 !important;
  }

  .md\:hover\:to-slide-border:hover{
    --gradient-to-color: #e1e1e1 !important;
  }

  .md\:hover\:to-sale-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .md\:hover\:to-hit-color:hover{
    --gradient-to-color: #ff9900 !important;
  }

  .md\:hover\:to-new-color:hover{
    --gradient-to-color: #0fa3c6 !important;
  }

  .md\:hover\:to-fb-hover-color:hover{
    --gradient-to-color: #5959d8 !important;
  }

  .md\:hover\:to-fb-active-color:hover{
    --gradient-to-color: #4040b3 !important;
  }

  .md\:hover\:to-vk-hover-color:hover{
    --gradient-to-color: #628dd3 !important;
  }

  .md\:hover\:to-vk-active-color:hover{
    --gradient-to-color: #3768b9 !important;
  }

  .md\:hover\:to-insta-hover-color:hover{
    --gradient-to-color: #af35d2 !important;
  }

  .md\:hover\:to-insta-active-color:hover{
    --gradient-to-color: #7e47b7 !important;
  }

  .md\:hover\:to-gray-dc:hover{
    --gradient-to-color: #dcdcdc !important;
  }

  .md\:hover\:to-gray-cd:hover{
    --gradient-to-color: #cdcdcd !important;
  }

  .md\:hover\:to-gray-e7:hover{
    --gradient-to-color: #e7e7e7 !important;
  }

  .md\:hover\:to-check-color:hover{
    --gradient-to-color: #ce3a12 !important;
  }

  .md\:hover\:to-docx-color:hover{
    --gradient-to-color: #1789e9 !important;
  }

  .md\:hover\:to-dark-black:hover{
    --gradient-to-color: #010101 !important;
  }

  .md\:hover\:to-green-light:hover{
    --gradient-to-color: #3ab011 !important;
  }

  .md\:focus\:from-transparent:focus{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:focus\:from-current:focus{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:focus\:from-black:focus{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:focus\:from-white:focus{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:focus\:from-gray-100:focus{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .md\:focus\:from-gray-200:focus{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .md\:focus\:from-gray-300:focus{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .md\:focus\:from-gray-400:focus{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .md\:focus\:from-gray-500:focus{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .md\:focus\:from-gray-600:focus{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .md\:focus\:from-gray-700:focus{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .md\:focus\:from-gray-800:focus{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .md\:focus\:from-gray-900:focus{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .md\:focus\:from-red:focus{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .md\:focus\:from-orange-100:focus{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .md\:focus\:from-orange-200:focus{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .md\:focus\:from-orange-300:focus{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .md\:focus\:from-orange-400:focus{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .md\:focus\:from-orange-500:focus{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .md\:focus\:from-orange-600:focus{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .md\:focus\:from-orange-700:focus{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .md\:focus\:from-orange-800:focus{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .md\:focus\:from-orange-900:focus{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .md\:focus\:from-yellow-100:focus{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .md\:focus\:from-yellow-200:focus{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .md\:focus\:from-yellow-300:focus{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .md\:focus\:from-yellow-400:focus{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .md\:focus\:from-yellow-500:focus{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .md\:focus\:from-yellow-600:focus{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .md\:focus\:from-yellow-700:focus{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .md\:focus\:from-yellow-800:focus{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .md\:focus\:from-yellow-900:focus{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .md\:focus\:from-green-100:focus{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .md\:focus\:from-green-200:focus{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .md\:focus\:from-green-300:focus{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .md\:focus\:from-green-400:focus{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .md\:focus\:from-green-500:focus{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .md\:focus\:from-green-600:focus{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .md\:focus\:from-green-700:focus{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .md\:focus\:from-green-800:focus{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .md\:focus\:from-green-900:focus{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .md\:focus\:from-teal-100:focus{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .md\:focus\:from-teal-200:focus{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .md\:focus\:from-teal-300:focus{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .md\:focus\:from-teal-400:focus{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .md\:focus\:from-teal-500:focus{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .md\:focus\:from-teal-600:focus{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .md\:focus\:from-teal-700:focus{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .md\:focus\:from-teal-800:focus{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .md\:focus\:from-teal-900:focus{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .md\:focus\:from-blue-100:focus{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .md\:focus\:from-blue-200:focus{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .md\:focus\:from-blue-300:focus{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .md\:focus\:from-blue-400:focus{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .md\:focus\:from-blue-500:focus{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .md\:focus\:from-blue-600:focus{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .md\:focus\:from-blue-700:focus{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .md\:focus\:from-blue-800:focus{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .md\:focus\:from-blue-900:focus{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .md\:focus\:from-indigo-100:focus{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .md\:focus\:from-indigo-200:focus{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .md\:focus\:from-indigo-300:focus{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .md\:focus\:from-indigo-400:focus{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .md\:focus\:from-indigo-500:focus{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .md\:focus\:from-indigo-600:focus{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .md\:focus\:from-indigo-700:focus{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .md\:focus\:from-indigo-800:focus{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .md\:focus\:from-indigo-900:focus{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .md\:focus\:from-purple-100:focus{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .md\:focus\:from-purple-200:focus{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .md\:focus\:from-purple-300:focus{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .md\:focus\:from-purple-400:focus{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .md\:focus\:from-purple-500:focus{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .md\:focus\:from-purple-600:focus{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .md\:focus\:from-purple-700:focus{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .md\:focus\:from-purple-800:focus{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .md\:focus\:from-purple-900:focus{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .md\:focus\:from-pink-100:focus{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .md\:focus\:from-pink-200:focus{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .md\:focus\:from-pink-300:focus{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .md\:focus\:from-pink-400:focus{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .md\:focus\:from-pink-500:focus{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .md\:focus\:from-pink-600:focus{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .md\:focus\:from-pink-700:focus{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .md\:focus\:from-pink-800:focus{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .md\:focus\:from-pink-900:focus{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .md\:focus\:from-primary-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:focus\:from-primary-hover-color:focus{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:focus\:from-gray-body:focus{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .md\:focus\:from-gray-light:focus{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .md\:focus\:from-gray-333:focus{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .md\:focus\:from-gray-666:focus{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .md\:focus\:from-gray-888:focus{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .md\:focus\:from-gray-999:focus{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .md\:focus\:from-gray-icon:focus{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .md\:focus\:from-gray-features:focus{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .md\:focus\:from-slide-border:focus{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .md\:focus\:from-sale-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:focus\:from-hit-color:focus{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .md\:focus\:from-new-color:focus{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .md\:focus\:from-fb-hover-color:focus{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .md\:focus\:from-fb-active-color:focus{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .md\:focus\:from-vk-hover-color:focus{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .md\:focus\:from-vk-active-color:focus{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .md\:focus\:from-insta-hover-color:focus{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .md\:focus\:from-insta-active-color:focus{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .md\:focus\:from-gray-dc:focus{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .md\:focus\:from-gray-cd:focus{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .md\:focus\:from-gray-e7:focus{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .md\:focus\:from-check-color:focus{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .md\:focus\:from-docx-color:focus{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .md\:focus\:from-dark-black:focus{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .md\:focus\:from-green-light:focus{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .md\:focus\:via-transparent:focus{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:focus\:via-current:focus{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:focus\:via-black:focus{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .md\:focus\:via-white:focus{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:focus\:via-gray-100:focus{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .md\:focus\:via-gray-200:focus{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .md\:focus\:via-gray-300:focus{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .md\:focus\:via-gray-400:focus{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .md\:focus\:via-gray-500:focus{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .md\:focus\:via-gray-600:focus{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .md\:focus\:via-gray-700:focus{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .md\:focus\:via-gray-800:focus{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .md\:focus\:via-gray-900:focus{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .md\:focus\:via-red:focus{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .md\:focus\:via-orange-100:focus{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .md\:focus\:via-orange-200:focus{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .md\:focus\:via-orange-300:focus{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .md\:focus\:via-orange-400:focus{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .md\:focus\:via-orange-500:focus{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .md\:focus\:via-orange-600:focus{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .md\:focus\:via-orange-700:focus{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .md\:focus\:via-orange-800:focus{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .md\:focus\:via-orange-900:focus{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .md\:focus\:via-yellow-100:focus{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .md\:focus\:via-yellow-200:focus{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .md\:focus\:via-yellow-300:focus{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .md\:focus\:via-yellow-400:focus{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .md\:focus\:via-yellow-500:focus{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .md\:focus\:via-yellow-600:focus{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .md\:focus\:via-yellow-700:focus{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .md\:focus\:via-yellow-800:focus{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .md\:focus\:via-yellow-900:focus{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .md\:focus\:via-green-100:focus{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .md\:focus\:via-green-200:focus{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .md\:focus\:via-green-300:focus{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .md\:focus\:via-green-400:focus{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .md\:focus\:via-green-500:focus{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .md\:focus\:via-green-600:focus{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .md\:focus\:via-green-700:focus{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .md\:focus\:via-green-800:focus{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .md\:focus\:via-green-900:focus{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .md\:focus\:via-teal-100:focus{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .md\:focus\:via-teal-200:focus{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .md\:focus\:via-teal-300:focus{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .md\:focus\:via-teal-400:focus{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .md\:focus\:via-teal-500:focus{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .md\:focus\:via-teal-600:focus{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .md\:focus\:via-teal-700:focus{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .md\:focus\:via-teal-800:focus{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .md\:focus\:via-teal-900:focus{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .md\:focus\:via-blue-100:focus{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .md\:focus\:via-blue-200:focus{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .md\:focus\:via-blue-300:focus{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .md\:focus\:via-blue-400:focus{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .md\:focus\:via-blue-500:focus{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .md\:focus\:via-blue-600:focus{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .md\:focus\:via-blue-700:focus{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .md\:focus\:via-blue-800:focus{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .md\:focus\:via-blue-900:focus{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .md\:focus\:via-indigo-100:focus{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .md\:focus\:via-indigo-200:focus{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .md\:focus\:via-indigo-300:focus{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .md\:focus\:via-indigo-400:focus{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .md\:focus\:via-indigo-500:focus{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .md\:focus\:via-indigo-600:focus{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .md\:focus\:via-indigo-700:focus{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .md\:focus\:via-indigo-800:focus{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .md\:focus\:via-indigo-900:focus{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .md\:focus\:via-purple-100:focus{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .md\:focus\:via-purple-200:focus{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .md\:focus\:via-purple-300:focus{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .md\:focus\:via-purple-400:focus{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .md\:focus\:via-purple-500:focus{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .md\:focus\:via-purple-600:focus{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .md\:focus\:via-purple-700:focus{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .md\:focus\:via-purple-800:focus{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .md\:focus\:via-purple-900:focus{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .md\:focus\:via-pink-100:focus{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .md\:focus\:via-pink-200:focus{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .md\:focus\:via-pink-300:focus{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .md\:focus\:via-pink-400:focus{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .md\:focus\:via-pink-500:focus{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .md\:focus\:via-pink-600:focus{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .md\:focus\:via-pink-700:focus{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .md\:focus\:via-pink-800:focus{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .md\:focus\:via-pink-900:focus{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .md\:focus\:via-primary-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:focus\:via-primary-hover-color:focus{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:focus\:via-gray-body:focus{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .md\:focus\:via-gray-light:focus{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .md\:focus\:via-gray-333:focus{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .md\:focus\:via-gray-666:focus{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .md\:focus\:via-gray-888:focus{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .md\:focus\:via-gray-999:focus{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .md\:focus\:via-gray-icon:focus{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .md\:focus\:via-gray-features:focus{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .md\:focus\:via-slide-border:focus{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .md\:focus\:via-sale-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .md\:focus\:via-hit-color:focus{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .md\:focus\:via-new-color:focus{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .md\:focus\:via-fb-hover-color:focus{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .md\:focus\:via-fb-active-color:focus{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .md\:focus\:via-vk-hover-color:focus{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .md\:focus\:via-vk-active-color:focus{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .md\:focus\:via-insta-hover-color:focus{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .md\:focus\:via-insta-active-color:focus{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .md\:focus\:via-gray-dc:focus{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .md\:focus\:via-gray-cd:focus{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .md\:focus\:via-gray-e7:focus{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .md\:focus\:via-check-color:focus{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .md\:focus\:via-docx-color:focus{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .md\:focus\:via-dark-black:focus{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .md\:focus\:via-green-light:focus{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .md\:focus\:to-transparent:focus{
    --gradient-to-color: transparent !important;
  }

  .md\:focus\:to-current:focus{
    --gradient-to-color: currentColor !important;
  }

  .md\:focus\:to-black:focus{
    --gradient-to-color: #000 !important;
  }

  .md\:focus\:to-white:focus{
    --gradient-to-color: #fff !important;
  }

  .md\:focus\:to-gray-100:focus{
    --gradient-to-color: #f7fafc !important;
  }

  .md\:focus\:to-gray-200:focus{
    --gradient-to-color: #edf2f7 !important;
  }

  .md\:focus\:to-gray-300:focus{
    --gradient-to-color: #e2e8f0 !important;
  }

  .md\:focus\:to-gray-400:focus{
    --gradient-to-color: #cbd5e0 !important;
  }

  .md\:focus\:to-gray-500:focus{
    --gradient-to-color: #a0aec0 !important;
  }

  .md\:focus\:to-gray-600:focus{
    --gradient-to-color: #718096 !important;
  }

  .md\:focus\:to-gray-700:focus{
    --gradient-to-color: #4a5568 !important;
  }

  .md\:focus\:to-gray-800:focus{
    --gradient-to-color: #2d3748 !important;
  }

  .md\:focus\:to-gray-900:focus{
    --gradient-to-color: #1a202c !important;
  }

  .md\:focus\:to-red:focus{
    --gradient-to-color: #cc0a0a !important;
  }

  .md\:focus\:to-orange-100:focus{
    --gradient-to-color: #fffaf0 !important;
  }

  .md\:focus\:to-orange-200:focus{
    --gradient-to-color: #feebc8 !important;
  }

  .md\:focus\:to-orange-300:focus{
    --gradient-to-color: #fbd38d !important;
  }

  .md\:focus\:to-orange-400:focus{
    --gradient-to-color: #f6ad55 !important;
  }

  .md\:focus\:to-orange-500:focus{
    --gradient-to-color: #ed8936 !important;
  }

  .md\:focus\:to-orange-600:focus{
    --gradient-to-color: #dd6b20 !important;
  }

  .md\:focus\:to-orange-700:focus{
    --gradient-to-color: #c05621 !important;
  }

  .md\:focus\:to-orange-800:focus{
    --gradient-to-color: #9c4221 !important;
  }

  .md\:focus\:to-orange-900:focus{
    --gradient-to-color: #7b341e !important;
  }

  .md\:focus\:to-yellow-100:focus{
    --gradient-to-color: #fffff0 !important;
  }

  .md\:focus\:to-yellow-200:focus{
    --gradient-to-color: #fefcbf !important;
  }

  .md\:focus\:to-yellow-300:focus{
    --gradient-to-color: #faf089 !important;
  }

  .md\:focus\:to-yellow-400:focus{
    --gradient-to-color: #f6e05e !important;
  }

  .md\:focus\:to-yellow-500:focus{
    --gradient-to-color: #ecc94b !important;
  }

  .md\:focus\:to-yellow-600:focus{
    --gradient-to-color: #d69e2e !important;
  }

  .md\:focus\:to-yellow-700:focus{
    --gradient-to-color: #b7791f !important;
  }

  .md\:focus\:to-yellow-800:focus{
    --gradient-to-color: #975a16 !important;
  }

  .md\:focus\:to-yellow-900:focus{
    --gradient-to-color: #744210 !important;
  }

  .md\:focus\:to-green-100:focus{
    --gradient-to-color: #f0fff4 !important;
  }

  .md\:focus\:to-green-200:focus{
    --gradient-to-color: #c6f6d5 !important;
  }

  .md\:focus\:to-green-300:focus{
    --gradient-to-color: #9ae6b4 !important;
  }

  .md\:focus\:to-green-400:focus{
    --gradient-to-color: #68d391 !important;
  }

  .md\:focus\:to-green-500:focus{
    --gradient-to-color: #48bb78 !important;
  }

  .md\:focus\:to-green-600:focus{
    --gradient-to-color: #38a169 !important;
  }

  .md\:focus\:to-green-700:focus{
    --gradient-to-color: #2f855a !important;
  }

  .md\:focus\:to-green-800:focus{
    --gradient-to-color: #276749 !important;
  }

  .md\:focus\:to-green-900:focus{
    --gradient-to-color: #22543d !important;
  }

  .md\:focus\:to-teal-100:focus{
    --gradient-to-color: #e6fffa !important;
  }

  .md\:focus\:to-teal-200:focus{
    --gradient-to-color: #b2f5ea !important;
  }

  .md\:focus\:to-teal-300:focus{
    --gradient-to-color: #81e6d9 !important;
  }

  .md\:focus\:to-teal-400:focus{
    --gradient-to-color: #4fd1c5 !important;
  }

  .md\:focus\:to-teal-500:focus{
    --gradient-to-color: #38b2ac !important;
  }

  .md\:focus\:to-teal-600:focus{
    --gradient-to-color: #319795 !important;
  }

  .md\:focus\:to-teal-700:focus{
    --gradient-to-color: #2c7a7b !important;
  }

  .md\:focus\:to-teal-800:focus{
    --gradient-to-color: #285e61 !important;
  }

  .md\:focus\:to-teal-900:focus{
    --gradient-to-color: #234e52 !important;
  }

  .md\:focus\:to-blue-100:focus{
    --gradient-to-color: #ebf8ff !important;
  }

  .md\:focus\:to-blue-200:focus{
    --gradient-to-color: #bee3f8 !important;
  }

  .md\:focus\:to-blue-300:focus{
    --gradient-to-color: #90cdf4 !important;
  }

  .md\:focus\:to-blue-400:focus{
    --gradient-to-color: #63b3ed !important;
  }

  .md\:focus\:to-blue-500:focus{
    --gradient-to-color: #4299e1 !important;
  }

  .md\:focus\:to-blue-600:focus{
    --gradient-to-color: #3182ce !important;
  }

  .md\:focus\:to-blue-700:focus{
    --gradient-to-color: #2b6cb0 !important;
  }

  .md\:focus\:to-blue-800:focus{
    --gradient-to-color: #2c5282 !important;
  }

  .md\:focus\:to-blue-900:focus{
    --gradient-to-color: #2a4365 !important;
  }

  .md\:focus\:to-indigo-100:focus{
    --gradient-to-color: #ebf4ff !important;
  }

  .md\:focus\:to-indigo-200:focus{
    --gradient-to-color: #c3dafe !important;
  }

  .md\:focus\:to-indigo-300:focus{
    --gradient-to-color: #a3bffa !important;
  }

  .md\:focus\:to-indigo-400:focus{
    --gradient-to-color: #7f9cf5 !important;
  }

  .md\:focus\:to-indigo-500:focus{
    --gradient-to-color: #667eea !important;
  }

  .md\:focus\:to-indigo-600:focus{
    --gradient-to-color: #5a67d8 !important;
  }

  .md\:focus\:to-indigo-700:focus{
    --gradient-to-color: #4c51bf !important;
  }

  .md\:focus\:to-indigo-800:focus{
    --gradient-to-color: #434190 !important;
  }

  .md\:focus\:to-indigo-900:focus{
    --gradient-to-color: #3c366b !important;
  }

  .md\:focus\:to-purple-100:focus{
    --gradient-to-color: #faf5ff !important;
  }

  .md\:focus\:to-purple-200:focus{
    --gradient-to-color: #e9d8fd !important;
  }

  .md\:focus\:to-purple-300:focus{
    --gradient-to-color: #d6bcfa !important;
  }

  .md\:focus\:to-purple-400:focus{
    --gradient-to-color: #b794f4 !important;
  }

  .md\:focus\:to-purple-500:focus{
    --gradient-to-color: #9f7aea !important;
  }

  .md\:focus\:to-purple-600:focus{
    --gradient-to-color: #805ad5 !important;
  }

  .md\:focus\:to-purple-700:focus{
    --gradient-to-color: #6b46c1 !important;
  }

  .md\:focus\:to-purple-800:focus{
    --gradient-to-color: #553c9a !important;
  }

  .md\:focus\:to-purple-900:focus{
    --gradient-to-color: #44337a !important;
  }

  .md\:focus\:to-pink-100:focus{
    --gradient-to-color: #fff5f7 !important;
  }

  .md\:focus\:to-pink-200:focus{
    --gradient-to-color: #fed7e2 !important;
  }

  .md\:focus\:to-pink-300:focus{
    --gradient-to-color: #fbb6ce !important;
  }

  .md\:focus\:to-pink-400:focus{
    --gradient-to-color: #f687b3 !important;
  }

  .md\:focus\:to-pink-500:focus{
    --gradient-to-color: #ed64a6 !important;
  }

  .md\:focus\:to-pink-600:focus{
    --gradient-to-color: #d53f8c !important;
  }

  .md\:focus\:to-pink-700:focus{
    --gradient-to-color: #b83280 !important;
  }

  .md\:focus\:to-pink-800:focus{
    --gradient-to-color: #97266d !important;
  }

  .md\:focus\:to-pink-900:focus{
    --gradient-to-color: #702459 !important;
  }

  .md\:focus\:to-primary-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .md\:focus\:to-primary-hover-color:focus{
    --gradient-to-color: var(--hover-color) !important;
  }

  .md\:focus\:to-gray-body:focus{
    --gradient-to-color: #f2f2f2 !important;
  }

  .md\:focus\:to-gray-light:focus{
    --gradient-to-color: #ccc !important;
  }

  .md\:focus\:to-gray-333:focus{
    --gradient-to-color: #333 !important;
  }

  .md\:focus\:to-gray-666:focus{
    --gradient-to-color: #666 !important;
  }

  .md\:focus\:to-gray-888:focus{
    --gradient-to-color: #888 !important;
  }

  .md\:focus\:to-gray-999:focus{
    --gradient-to-color: #999 !important;
  }

  .md\:focus\:to-gray-icon:focus{
    --gradient-to-color: #9a9a9a !important;
  }

  .md\:focus\:to-gray-features:focus{
    --gradient-to-color: #f5f5f5 !important;
  }

  .md\:focus\:to-slide-border:focus{
    --gradient-to-color: #e1e1e1 !important;
  }

  .md\:focus\:to-sale-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .md\:focus\:to-hit-color:focus{
    --gradient-to-color: #ff9900 !important;
  }

  .md\:focus\:to-new-color:focus{
    --gradient-to-color: #0fa3c6 !important;
  }

  .md\:focus\:to-fb-hover-color:focus{
    --gradient-to-color: #5959d8 !important;
  }

  .md\:focus\:to-fb-active-color:focus{
    --gradient-to-color: #4040b3 !important;
  }

  .md\:focus\:to-vk-hover-color:focus{
    --gradient-to-color: #628dd3 !important;
  }

  .md\:focus\:to-vk-active-color:focus{
    --gradient-to-color: #3768b9 !important;
  }

  .md\:focus\:to-insta-hover-color:focus{
    --gradient-to-color: #af35d2 !important;
  }

  .md\:focus\:to-insta-active-color:focus{
    --gradient-to-color: #7e47b7 !important;
  }

  .md\:focus\:to-gray-dc:focus{
    --gradient-to-color: #dcdcdc !important;
  }

  .md\:focus\:to-gray-cd:focus{
    --gradient-to-color: #cdcdcd !important;
  }

  .md\:focus\:to-gray-e7:focus{
    --gradient-to-color: #e7e7e7 !important;
  }

  .md\:focus\:to-check-color:focus{
    --gradient-to-color: #ce3a12 !important;
  }

  .md\:focus\:to-docx-color:focus{
    --gradient-to-color: #1789e9 !important;
  }

  .md\:focus\:to-dark-black:focus{
    --gradient-to-color: #010101 !important;
  }

  .md\:focus\:to-green-light:focus{
    --gradient-to-color: #3ab011 !important;
  }

  .md\:bg-opacity-0{
    --bg-opacity: 0 !important;
  }

  .md\:bg-opacity-25{
    --bg-opacity: 0.25 !important;
  }

  .md\:bg-opacity-50{
    --bg-opacity: 0.5 !important;
  }

  .md\:bg-opacity-75{
    --bg-opacity: 0.75 !important;
  }

  .md\:bg-opacity-100{
    --bg-opacity: 1 !important;
  }

  .md\:hover\:bg-opacity-0:hover{
    --bg-opacity: 0 !important;
  }

  .md\:hover\:bg-opacity-25:hover{
    --bg-opacity: 0.25 !important;
  }

  .md\:hover\:bg-opacity-50:hover{
    --bg-opacity: 0.5 !important;
  }

  .md\:hover\:bg-opacity-75:hover{
    --bg-opacity: 0.75 !important;
  }

  .md\:hover\:bg-opacity-100:hover{
    --bg-opacity: 1 !important;
  }

  .md\:focus\:bg-opacity-0:focus{
    --bg-opacity: 0 !important;
  }

  .md\:focus\:bg-opacity-25:focus{
    --bg-opacity: 0.25 !important;
  }

  .md\:focus\:bg-opacity-50:focus{
    --bg-opacity: 0.5 !important;
  }

  .md\:focus\:bg-opacity-75:focus{
    --bg-opacity: 0.75 !important;
  }

  .md\:focus\:bg-opacity-100:focus{
    --bg-opacity: 1 !important;
  }

  .md\:bg-bottom{
    background-position: bottom !important;
  }

  .md\:bg-center{
    background-position: center !important;
  }

  .md\:bg-left{
    background-position: left !important;
  }

  .md\:bg-left-bottom{
    background-position: left bottom !important;
  }

  .md\:bg-left-top{
    background-position: left top !important;
  }

  .md\:bg-right{
    background-position: right !important;
  }

  .md\:bg-right-bottom{
    background-position: right bottom !important;
  }

  .md\:bg-right-top{
    background-position: right top !important;
  }

  .md\:bg-top{
    background-position: top !important;
  }

  .md\:bg-repeat{
    background-repeat: repeat !important;
  }

  .md\:bg-no-repeat{
    background-repeat: no-repeat !important;
  }

  .md\:bg-repeat-x{
    background-repeat: repeat-x !important;
  }

  .md\:bg-repeat-y{
    background-repeat: repeat-y !important;
  }

  .md\:bg-repeat-round{
    background-repeat: round !important;
  }

  .md\:bg-repeat-space{
    background-repeat: space !important;
  }

  .md\:bg-auto{
    background-size: auto !important;
  }

  .md\:bg-cover{
    background-size: cover !important;
  }

  .md\:bg-contain{
    background-size: contain !important;
  }

  .md\:border-collapse{
    border-collapse: collapse !important;
  }

  .md\:border-separate{
    border-collapse: separate !important;
  }

  .md\:border-transparent{
    border-color: transparent !important;
  }

  .md\:border-current{
    border-color: currentColor !important;
  }

  .md\:border-black{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .md\:border-white{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .md\:border-gray-100{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .md\:border-gray-200{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .md\:border-gray-300{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .md\:border-gray-400{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .md\:border-gray-500{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .md\:border-gray-600{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .md\:border-gray-700{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .md\:border-gray-800{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .md\:border-gray-900{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .md\:border-red{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .md\:border-orange-100{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .md\:border-orange-200{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .md\:border-orange-300{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .md\:border-orange-400{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .md\:border-orange-500{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .md\:border-orange-600{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .md\:border-orange-700{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .md\:border-orange-800{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .md\:border-orange-900{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .md\:border-yellow-100{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .md\:border-yellow-200{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .md\:border-yellow-300{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .md\:border-yellow-400{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .md\:border-yellow-500{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .md\:border-yellow-600{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .md\:border-yellow-700{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .md\:border-yellow-800{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .md\:border-yellow-900{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .md\:border-green-100{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .md\:border-green-200{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .md\:border-green-300{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .md\:border-green-400{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .md\:border-green-500{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .md\:border-green-600{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .md\:border-green-700{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .md\:border-green-800{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .md\:border-green-900{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .md\:border-teal-100{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .md\:border-teal-200{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .md\:border-teal-300{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .md\:border-teal-400{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .md\:border-teal-500{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .md\:border-teal-600{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .md\:border-teal-700{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .md\:border-teal-800{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .md\:border-teal-900{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .md\:border-blue-100{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .md\:border-blue-200{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .md\:border-blue-300{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .md\:border-blue-400{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .md\:border-blue-500{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .md\:border-blue-600{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .md\:border-blue-700{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .md\:border-blue-800{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .md\:border-blue-900{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .md\:border-indigo-100{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .md\:border-indigo-200{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .md\:border-indigo-300{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .md\:border-indigo-400{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .md\:border-indigo-500{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .md\:border-indigo-600{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .md\:border-indigo-700{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .md\:border-indigo-800{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .md\:border-indigo-900{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .md\:border-purple-100{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .md\:border-purple-200{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .md\:border-purple-300{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .md\:border-purple-400{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .md\:border-purple-500{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .md\:border-purple-600{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .md\:border-purple-700{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .md\:border-purple-800{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .md\:border-purple-900{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .md\:border-pink-100{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .md\:border-pink-200{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .md\:border-pink-300{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .md\:border-pink-400{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .md\:border-pink-500{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .md\:border-pink-600{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .md\:border-pink-700{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .md\:border-pink-800{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .md\:border-pink-900{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .md\:border-primary-color{
    border-color: var(--primary-color) !important;
  }

  .md\:border-primary-hover-color{
    border-color: var(--hover-color) !important;
  }

  .md\:border-gray-body{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .md\:border-gray-light{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .md\:border-gray-333{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .md\:border-gray-666{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .md\:border-gray-888{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .md\:border-gray-999{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .md\:border-gray-icon{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .md\:border-gray-features{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .md\:border-slide-border{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .md\:border-sale-color{
    border-color: var(--primary-color) !important;
  }

  .md\:border-hit-color{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .md\:border-new-color{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .md\:border-fb-hover-color{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .md\:border-fb-active-color{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .md\:border-vk-hover-color{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .md\:border-vk-active-color{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .md\:border-insta-hover-color{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .md\:border-insta-active-color{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .md\:border-gray-dc{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .md\:border-gray-cd{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .md\:border-gray-e7{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .md\:border-check-color{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .md\:border-docx-color{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .md\:border-dark-black{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .md\:border-green-light{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .md\:hover\:border-transparent:hover{
    border-color: transparent !important;
  }

  .md\:hover\:border-current:hover{
    border-color: currentColor !important;
  }

  .md\:hover\:border-black:hover{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .md\:hover\:border-white:hover{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-100:hover{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-200:hover{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-300:hover{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-400:hover{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-500:hover{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-600:hover{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-700:hover{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-800:hover{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-900:hover{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .md\:hover\:border-red:hover{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .md\:hover\:border-orange-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .md\:hover\:border-orange-200:hover{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .md\:hover\:border-orange-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .md\:hover\:border-orange-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .md\:hover\:border-orange-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .md\:hover\:border-orange-600:hover{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .md\:hover\:border-orange-700:hover{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .md\:hover\:border-orange-800:hover{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .md\:hover\:border-orange-900:hover{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .md\:hover\:border-yellow-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .md\:hover\:border-yellow-200:hover{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .md\:hover\:border-yellow-300:hover{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .md\:hover\:border-yellow-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .md\:hover\:border-yellow-500:hover{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .md\:hover\:border-yellow-600:hover{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .md\:hover\:border-yellow-700:hover{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .md\:hover\:border-yellow-800:hover{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .md\:hover\:border-yellow-900:hover{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .md\:hover\:border-green-100:hover{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .md\:hover\:border-green-200:hover{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .md\:hover\:border-green-300:hover{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .md\:hover\:border-green-400:hover{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .md\:hover\:border-green-500:hover{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .md\:hover\:border-green-600:hover{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .md\:hover\:border-green-700:hover{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .md\:hover\:border-green-800:hover{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .md\:hover\:border-green-900:hover{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .md\:hover\:border-teal-100:hover{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .md\:hover\:border-teal-200:hover{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .md\:hover\:border-teal-300:hover{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .md\:hover\:border-teal-400:hover{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .md\:hover\:border-teal-500:hover{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .md\:hover\:border-teal-600:hover{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .md\:hover\:border-teal-700:hover{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .md\:hover\:border-teal-800:hover{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .md\:hover\:border-teal-900:hover{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-200:hover{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-300:hover{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-400:hover{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-500:hover{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-600:hover{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-700:hover{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-800:hover{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .md\:hover\:border-blue-900:hover{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .md\:hover\:border-indigo-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .md\:hover\:border-indigo-200:hover{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .md\:hover\:border-indigo-300:hover{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .md\:hover\:border-indigo-400:hover{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .md\:hover\:border-indigo-500:hover{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .md\:hover\:border-indigo-600:hover{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .md\:hover\:border-indigo-700:hover{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .md\:hover\:border-indigo-800:hover{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .md\:hover\:border-indigo-900:hover{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .md\:hover\:border-purple-100:hover{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .md\:hover\:border-purple-200:hover{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .md\:hover\:border-purple-300:hover{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .md\:hover\:border-purple-400:hover{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .md\:hover\:border-purple-500:hover{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .md\:hover\:border-purple-600:hover{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .md\:hover\:border-purple-700:hover{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .md\:hover\:border-purple-800:hover{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .md\:hover\:border-purple-900:hover{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .md\:hover\:border-pink-100:hover{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .md\:hover\:border-pink-200:hover{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .md\:hover\:border-pink-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .md\:hover\:border-pink-400:hover{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .md\:hover\:border-pink-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .md\:hover\:border-pink-600:hover{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .md\:hover\:border-pink-700:hover{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .md\:hover\:border-pink-800:hover{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .md\:hover\:border-pink-900:hover{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .md\:hover\:border-primary-color:hover{
    border-color: var(--primary-color) !important;
  }

  .md\:hover\:border-primary-hover-color:hover{
    border-color: var(--hover-color) !important;
  }

  .md\:hover\:border-gray-body:hover{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-light:hover{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-333:hover{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-666:hover{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-888:hover{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-999:hover{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-icon:hover{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-features:hover{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .md\:hover\:border-slide-border:hover{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .md\:hover\:border-sale-color:hover{
    border-color: var(--primary-color) !important;
  }

  .md\:hover\:border-hit-color:hover{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .md\:hover\:border-new-color:hover{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .md\:hover\:border-fb-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .md\:hover\:border-fb-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .md\:hover\:border-vk-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .md\:hover\:border-vk-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .md\:hover\:border-insta-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .md\:hover\:border-insta-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-dc:hover{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-cd:hover{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .md\:hover\:border-gray-e7:hover{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .md\:hover\:border-check-color:hover{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .md\:hover\:border-docx-color:hover{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .md\:hover\:border-dark-black:hover{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .md\:hover\:border-green-light:hover{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .md\:focus\:border-transparent:focus{
    border-color: transparent !important;
  }

  .md\:focus\:border-current:focus{
    border-color: currentColor !important;
  }

  .md\:focus\:border-black:focus{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .md\:focus\:border-white:focus{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-100:focus{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-200:focus{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-300:focus{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-400:focus{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-500:focus{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-600:focus{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-700:focus{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-800:focus{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-900:focus{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .md\:focus\:border-red:focus{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .md\:focus\:border-orange-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .md\:focus\:border-orange-200:focus{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .md\:focus\:border-orange-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .md\:focus\:border-orange-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .md\:focus\:border-orange-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .md\:focus\:border-orange-600:focus{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .md\:focus\:border-orange-700:focus{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .md\:focus\:border-orange-800:focus{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .md\:focus\:border-orange-900:focus{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .md\:focus\:border-yellow-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .md\:focus\:border-yellow-200:focus{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .md\:focus\:border-yellow-300:focus{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .md\:focus\:border-yellow-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .md\:focus\:border-yellow-500:focus{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .md\:focus\:border-yellow-600:focus{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .md\:focus\:border-yellow-700:focus{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .md\:focus\:border-yellow-800:focus{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .md\:focus\:border-yellow-900:focus{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .md\:focus\:border-green-100:focus{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .md\:focus\:border-green-200:focus{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .md\:focus\:border-green-300:focus{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .md\:focus\:border-green-400:focus{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .md\:focus\:border-green-500:focus{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .md\:focus\:border-green-600:focus{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .md\:focus\:border-green-700:focus{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .md\:focus\:border-green-800:focus{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .md\:focus\:border-green-900:focus{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .md\:focus\:border-teal-100:focus{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .md\:focus\:border-teal-200:focus{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .md\:focus\:border-teal-300:focus{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .md\:focus\:border-teal-400:focus{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .md\:focus\:border-teal-500:focus{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .md\:focus\:border-teal-600:focus{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .md\:focus\:border-teal-700:focus{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .md\:focus\:border-teal-800:focus{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .md\:focus\:border-teal-900:focus{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-200:focus{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-300:focus{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-400:focus{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-500:focus{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-600:focus{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-700:focus{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-800:focus{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .md\:focus\:border-blue-900:focus{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .md\:focus\:border-indigo-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .md\:focus\:border-indigo-200:focus{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .md\:focus\:border-indigo-300:focus{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .md\:focus\:border-indigo-400:focus{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .md\:focus\:border-indigo-500:focus{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .md\:focus\:border-indigo-600:focus{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .md\:focus\:border-indigo-700:focus{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .md\:focus\:border-indigo-800:focus{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .md\:focus\:border-indigo-900:focus{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .md\:focus\:border-purple-100:focus{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .md\:focus\:border-purple-200:focus{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .md\:focus\:border-purple-300:focus{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .md\:focus\:border-purple-400:focus{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .md\:focus\:border-purple-500:focus{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .md\:focus\:border-purple-600:focus{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .md\:focus\:border-purple-700:focus{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .md\:focus\:border-purple-800:focus{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .md\:focus\:border-purple-900:focus{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .md\:focus\:border-pink-100:focus{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .md\:focus\:border-pink-200:focus{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .md\:focus\:border-pink-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .md\:focus\:border-pink-400:focus{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .md\:focus\:border-pink-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .md\:focus\:border-pink-600:focus{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .md\:focus\:border-pink-700:focus{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .md\:focus\:border-pink-800:focus{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .md\:focus\:border-pink-900:focus{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .md\:focus\:border-primary-color:focus{
    border-color: var(--primary-color) !important;
  }

  .md\:focus\:border-primary-hover-color:focus{
    border-color: var(--hover-color) !important;
  }

  .md\:focus\:border-gray-body:focus{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-light:focus{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-333:focus{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-666:focus{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-888:focus{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-999:focus{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-icon:focus{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-features:focus{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .md\:focus\:border-slide-border:focus{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .md\:focus\:border-sale-color:focus{
    border-color: var(--primary-color) !important;
  }

  .md\:focus\:border-hit-color:focus{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .md\:focus\:border-new-color:focus{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .md\:focus\:border-fb-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .md\:focus\:border-fb-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .md\:focus\:border-vk-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .md\:focus\:border-vk-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .md\:focus\:border-insta-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .md\:focus\:border-insta-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-dc:focus{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-cd:focus{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .md\:focus\:border-gray-e7:focus{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .md\:focus\:border-check-color:focus{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .md\:focus\:border-docx-color:focus{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .md\:focus\:border-dark-black:focus{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .md\:focus\:border-green-light:focus{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .md\:border-opacity-0{
    --border-opacity: 0 !important;
  }

  .md\:border-opacity-25{
    --border-opacity: 0.25 !important;
  }

  .md\:border-opacity-50{
    --border-opacity: 0.5 !important;
  }

  .md\:border-opacity-75{
    --border-opacity: 0.75 !important;
  }

  .md\:border-opacity-100{
    --border-opacity: 1 !important;
  }

  .md\:hover\:border-opacity-0:hover{
    --border-opacity: 0 !important;
  }

  .md\:hover\:border-opacity-25:hover{
    --border-opacity: 0.25 !important;
  }

  .md\:hover\:border-opacity-50:hover{
    --border-opacity: 0.5 !important;
  }

  .md\:hover\:border-opacity-75:hover{
    --border-opacity: 0.75 !important;
  }

  .md\:hover\:border-opacity-100:hover{
    --border-opacity: 1 !important;
  }

  .md\:focus\:border-opacity-0:focus{
    --border-opacity: 0 !important;
  }

  .md\:focus\:border-opacity-25:focus{
    --border-opacity: 0.25 !important;
  }

  .md\:focus\:border-opacity-50:focus{
    --border-opacity: 0.5 !important;
  }

  .md\:focus\:border-opacity-75:focus{
    --border-opacity: 0.75 !important;
  }

  .md\:focus\:border-opacity-100:focus{
    --border-opacity: 1 !important;
  }

  .md\:rounded-10{
    border-radius: 10px !important;
  }

  .md\:rounded-none{
    border-radius: 0 !important;
  }

  .md\:rounded-sm{
    border-radius: 0.125rem !important;
  }

  .md\:rounded{
    border-radius: 0.25rem !important;
  }

  .md\:rounded-md{
    border-radius: 0.375rem !important;
  }

  .md\:rounded-lg{
    border-radius: 0.5rem !important;
  }

  .md\:rounded-xl{
    border-radius: 0.75rem !important;
  }

  .md\:rounded-2xl{
    border-radius: 1rem !important;
  }

  .md\:rounded-3xl{
    border-radius: 1.5rem !important;
  }

  .md\:rounded-full{
    border-radius: 9999px !important;
  }

  .md\:rounded-50\%{
    border-radius: 50% !important;
  }

  .md\:rounded-t-10{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  .md\:rounded-r-10{
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }

  .md\:rounded-b-10{
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .md\:rounded-l-10{
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .md\:rounded-t-none{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .md\:rounded-r-none{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .md\:rounded-b-none{
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .md\:rounded-l-none{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .md\:rounded-t-sm{
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }

  .md\:rounded-r-sm{
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }

  .md\:rounded-b-sm{
    border-bottom-right-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .md\:rounded-l-sm{
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .md\:rounded-t{
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }

  .md\:rounded-r{
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }

  .md\:rounded-b{
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .md\:rounded-l{
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .md\:rounded-t-md{
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }

  .md\:rounded-r-md{
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }

  .md\:rounded-b-md{
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .md\:rounded-l-md{
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .md\:rounded-t-lg{
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }

  .md\:rounded-r-lg{
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }

  .md\:rounded-b-lg{
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .md\:rounded-l-lg{
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .md\:rounded-t-xl{
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }

  .md\:rounded-r-xl{
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }

  .md\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .md\:rounded-l-xl{
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .md\:rounded-t-2xl{
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }

  .md\:rounded-r-2xl{
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }

  .md\:rounded-b-2xl{
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .md\:rounded-l-2xl{
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .md\:rounded-t-3xl{
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }

  .md\:rounded-r-3xl{
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }

  .md\:rounded-b-3xl{
    border-bottom-right-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .md\:rounded-l-3xl{
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .md\:rounded-t-full{
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
  }

  .md\:rounded-r-full{
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
  }

  .md\:rounded-b-full{
    border-bottom-right-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .md\:rounded-l-full{
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .md\:rounded-t-50\%{
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }

  .md\:rounded-r-50\%{
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }

  .md\:rounded-b-50\%{
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .md\:rounded-l-50\%{
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .md\:rounded-tl-10{
    border-top-left-radius: 10px !important;
  }

  .md\:rounded-tr-10{
    border-top-right-radius: 10px !important;
  }

  .md\:rounded-br-10{
    border-bottom-right-radius: 10px !important;
  }

  .md\:rounded-bl-10{
    border-bottom-left-radius: 10px !important;
  }

  .md\:rounded-tl-none{
    border-top-left-radius: 0 !important;
  }

  .md\:rounded-tr-none{
    border-top-right-radius: 0 !important;
  }

  .md\:rounded-br-none{
    border-bottom-right-radius: 0 !important;
  }

  .md\:rounded-bl-none{
    border-bottom-left-radius: 0 !important;
  }

  .md\:rounded-tl-sm{
    border-top-left-radius: 0.125rem !important;
  }

  .md\:rounded-tr-sm{
    border-top-right-radius: 0.125rem !important;
  }

  .md\:rounded-br-sm{
    border-bottom-right-radius: 0.125rem !important;
  }

  .md\:rounded-bl-sm{
    border-bottom-left-radius: 0.125rem !important;
  }

  .md\:rounded-tl{
    border-top-left-radius: 0.25rem !important;
  }

  .md\:rounded-tr{
    border-top-right-radius: 0.25rem !important;
  }

  .md\:rounded-br{
    border-bottom-right-radius: 0.25rem !important;
  }

  .md\:rounded-bl{
    border-bottom-left-radius: 0.25rem !important;
  }

  .md\:rounded-tl-md{
    border-top-left-radius: 0.375rem !important;
  }

  .md\:rounded-tr-md{
    border-top-right-radius: 0.375rem !important;
  }

  .md\:rounded-br-md{
    border-bottom-right-radius: 0.375rem !important;
  }

  .md\:rounded-bl-md{
    border-bottom-left-radius: 0.375rem !important;
  }

  .md\:rounded-tl-lg{
    border-top-left-radius: 0.5rem !important;
  }

  .md\:rounded-tr-lg{
    border-top-right-radius: 0.5rem !important;
  }

  .md\:rounded-br-lg{
    border-bottom-right-radius: 0.5rem !important;
  }

  .md\:rounded-bl-lg{
    border-bottom-left-radius: 0.5rem !important;
  }

  .md\:rounded-tl-xl{
    border-top-left-radius: 0.75rem !important;
  }

  .md\:rounded-tr-xl{
    border-top-right-radius: 0.75rem !important;
  }

  .md\:rounded-br-xl{
    border-bottom-right-radius: 0.75rem !important;
  }

  .md\:rounded-bl-xl{
    border-bottom-left-radius: 0.75rem !important;
  }

  .md\:rounded-tl-2xl{
    border-top-left-radius: 1rem !important;
  }

  .md\:rounded-tr-2xl{
    border-top-right-radius: 1rem !important;
  }

  .md\:rounded-br-2xl{
    border-bottom-right-radius: 1rem !important;
  }

  .md\:rounded-bl-2xl{
    border-bottom-left-radius: 1rem !important;
  }

  .md\:rounded-tl-3xl{
    border-top-left-radius: 1.5rem !important;
  }

  .md\:rounded-tr-3xl{
    border-top-right-radius: 1.5rem !important;
  }

  .md\:rounded-br-3xl{
    border-bottom-right-radius: 1.5rem !important;
  }

  .md\:rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem !important;
  }

  .md\:rounded-tl-full{
    border-top-left-radius: 9999px !important;
  }

  .md\:rounded-tr-full{
    border-top-right-radius: 9999px !important;
  }

  .md\:rounded-br-full{
    border-bottom-right-radius: 9999px !important;
  }

  .md\:rounded-bl-full{
    border-bottom-left-radius: 9999px !important;
  }

  .md\:rounded-tl-50\%{
    border-top-left-radius: 50% !important;
  }

  .md\:rounded-tr-50\%{
    border-top-right-radius: 50% !important;
  }

  .md\:rounded-br-50\%{
    border-bottom-right-radius: 50% !important;
  }

  .md\:rounded-bl-50\%{
    border-bottom-left-radius: 50% !important;
  }

  .md\:border-solid{
    border-style: solid !important;
  }

  .md\:border-dashed{
    border-style: dashed !important;
  }

  .md\:border-dotted{
    border-style: dotted !important;
  }

  .md\:border-double{
    border-style: double !important;
  }

  .md\:border-none{
    border-style: none !important;
  }

  .md\:border-0{
    border-width: 0 !important;
  }

  .md\:border-2{
    border-width: 2px !important;
  }

  .md\:border-3{
    border-width: 3px !important;
  }

  .md\:border-4{
    border-width: 4px !important;
  }

  .md\:border-8{
    border-width: 8px !important;
  }

  .md\:border{
    border-width: 1px !important;
  }

  .md\:border-t-0{
    border-top-width: 0 !important;
  }

  .md\:border-r-0{
    border-right-width: 0 !important;
  }

  .md\:border-b-0{
    border-bottom-width: 0 !important;
  }

  .md\:border-l-0{
    border-left-width: 0 !important;
  }

  .md\:border-t-2{
    border-top-width: 2px !important;
  }

  .md\:border-r-2{
    border-right-width: 2px !important;
  }

  .md\:border-b-2{
    border-bottom-width: 2px !important;
  }

  .md\:border-l-2{
    border-left-width: 2px !important;
  }

  .md\:border-t-3{
    border-top-width: 3px !important;
  }

  .md\:border-r-3{
    border-right-width: 3px !important;
  }

  .md\:border-b-3{
    border-bottom-width: 3px !important;
  }

  .md\:border-l-3{
    border-left-width: 3px !important;
  }

  .md\:border-t-4{
    border-top-width: 4px !important;
  }

  .md\:border-r-4{
    border-right-width: 4px !important;
  }

  .md\:border-b-4{
    border-bottom-width: 4px !important;
  }

  .md\:border-l-4{
    border-left-width: 4px !important;
  }

  .md\:border-t-8{
    border-top-width: 8px !important;
  }

  .md\:border-r-8{
    border-right-width: 8px !important;
  }

  .md\:border-b-8{
    border-bottom-width: 8px !important;
  }

  .md\:border-l-8{
    border-left-width: 8px !important;
  }

  .md\:border-t{
    border-top-width: 1px !important;
  }

  .md\:border-r{
    border-right-width: 1px !important;
  }

  .md\:border-b{
    border-bottom-width: 1px !important;
  }

  .md\:border-l{
    border-left-width: 1px !important;
  }

  .md\:box-border{
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }

  .md\:box-content{
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
  }

  .md\:cursor-auto{
    cursor: auto !important;
  }

  .md\:cursor-default{
    cursor: default !important;
  }

  .md\:cursor-pointer{
    cursor: pointer !important;
  }

  .md\:cursor-wait{
    cursor: wait !important;
  }

  .md\:cursor-text{
    cursor: text !important;
  }

  .md\:cursor-move{
    cursor: move !important;
  }

  .md\:cursor-not-allowed{
    cursor: not-allowed !important;
  }

  .md\:block{
    display: block !important;
  }

  .md\:inline-block{
    display: inline-block !important;
  }

  .md\:inline{
    display: inline !important;
  }

  .md\:flex{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .md\:inline-flex{
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .md\:table{
    display: table !important;
  }

  .md\:table-caption{
    display: table-caption !important;
  }

  .md\:table-cell{
    display: table-cell !important;
  }

  .md\:table-column{
    display: table-column !important;
  }

  .md\:table-column-group{
    display: table-column-group !important;
  }

  .md\:table-footer-group{
    display: table-footer-group !important;
  }

  .md\:table-header-group{
    display: table-header-group !important;
  }

  .md\:table-row-group{
    display: table-row-group !important;
  }

  .md\:table-row{
    display: table-row !important;
  }

  .md\:flow-root{
    display: flow-root !important;
  }

  .md\:grid{
    display: grid !important;
  }

  .md\:inline-grid{
    display: inline-grid !important;
  }

  .md\:contents{
    display: contents !important;
  }

  .md\:hidden{
    display: none !important;
  }

  .md\:flex-row{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .md\:flex-row-reverse{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .md\:flex-col{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .md\:flex-col-reverse{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .md\:flex-wrap{
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .md\:flex-wrap-reverse{
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .md\:flex-no-wrap{
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .md\:place-items-auto{
    place-items: auto !important;
  }

  .md\:place-items-start{
    place-items: start !important;
  }

  .md\:place-items-end{
    place-items: end !important;
  }

  .md\:place-items-center{
    place-items: center !important;
  }

  .md\:place-items-stretch{
    place-items: stretch !important;
  }

  .md\:place-content-center{
    place-content: center !important;
  }

  .md\:place-content-start{
    place-content: start !important;
  }

  .md\:place-content-end{
    place-content: end !important;
  }

  .md\:place-content-between{
    place-content: space-between !important;
  }

  .md\:place-content-around{
    place-content: space-around !important;
  }

  .md\:place-content-evenly{
    place-content: space-evenly !important;
  }

  .md\:place-content-stretch{
    place-content: stretch !important;
  }

  .md\:place-self-auto{
    place-self: auto !important;
  }

  .md\:place-self-start{
    place-self: start !important;
  }

  .md\:place-self-end{
    place-self: end !important;
  }

  .md\:place-self-center{
    place-self: center !important;
  }

  .md\:place-self-stretch{
    place-self: stretch !important;
  }

  .md\:items-start{
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .md\:items-end{
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .md\:items-center{
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .md\:items-baseline{
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .md\:items-stretch{
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .md\:content-center{
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .md\:content-start{
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .md\:content-end{
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .md\:content-between{
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .md\:content-around{
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .md\:content-evenly{
    -ms-flex-line-pack: space-evenly !important;
    align-content: space-evenly !important;
  }

  .md\:self-auto{
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .md\:self-start{
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .md\:self-end{
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .md\:self-center{
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .md\:self-stretch{
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .md\:justify-items-auto{
    justify-items: auto !important;
  }

  .md\:justify-items-start{
    justify-items: start !important;
  }

  .md\:justify-items-end{
    justify-items: end !important;
  }

  .md\:justify-items-center{
    justify-items: center !important;
  }

  .md\:justify-items-stretch{
    justify-items: stretch !important;
  }

  .md\:justify-start{
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .md\:justify-end{
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .md\:justify-center{
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .md\:justify-between{
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .md\:justify-around{
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .md\:justify-evenly{
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .md\:justify-self-auto{
    justify-self: auto !important;
  }

  .md\:justify-self-start{
    justify-self: start !important;
  }

  .md\:justify-self-end{
    justify-self: end !important;
  }

  .md\:justify-self-center{
    justify-self: center !important;
  }

  .md\:justify-self-stretch{
    justify-self: stretch !important;
  }

  .md\:flex-1{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 0% !important;
    flex: 1 1 0% !important;
  }

  .md\:flex-auto{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .md\:flex-initial{
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
  }

  .md\:flex-none{
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
  }

  .md\:flex-grow-0{
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .md\:flex-grow{
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .md\:flex-shrink-0{
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .md\:flex-shrink{
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .md\:order-1{
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .md\:order-2{
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .md\:order-3{
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .md\:order-4{
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .md\:order-5{
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .md\:order-6{
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }

  .md\:order-7{
    -webkit-box-ordinal-group: 8 !important;
    -ms-flex-order: 7 !important;
    order: 7 !important;
  }

  .md\:order-8{
    -webkit-box-ordinal-group: 9 !important;
    -ms-flex-order: 8 !important;
    order: 8 !important;
  }

  .md\:order-9{
    -webkit-box-ordinal-group: 10 !important;
    -ms-flex-order: 9 !important;
    order: 9 !important;
  }

  .md\:order-10{
    -webkit-box-ordinal-group: 11 !important;
    -ms-flex-order: 10 !important;
    order: 10 !important;
  }

  .md\:order-11{
    -webkit-box-ordinal-group: 12 !important;
    -ms-flex-order: 11 !important;
    order: 11 !important;
  }

  .md\:order-12{
    -webkit-box-ordinal-group: 13 !important;
    -ms-flex-order: 12 !important;
    order: 12 !important;
  }

  .md\:order-first{
    -webkit-box-ordinal-group: -9998 !important;
    -ms-flex-order: -9999 !important;
    order: -9999 !important;
  }

  .md\:order-last{
    -webkit-box-ordinal-group: 10000 !important;
    -ms-flex-order: 9999 !important;
    order: 9999 !important;
  }

  .md\:order-none{
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .md\:float-right{
    float: right !important;
  }

  .md\:float-left{
    float: left !important;
  }

  .md\:float-none{
    float: none !important;
  }

  .md\:clearfix:after{
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  .md\:clear-left{
    clear: left !important;
  }

  .md\:clear-right{
    clear: right !important;
  }

  .md\:clear-both{
    clear: both !important;
  }

  .md\:clear-none{
    clear: none !important;
  }

  .md\:font-sans{
    font-family: 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" !important;
  }

  .md\:font-serif{
    font-family: Georgia, Cambria, "Times New Roman", Times, serif !important;
  }

  .md\:font-mono{
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  }

  .md\:font-hairline{
    font-weight: 100 !important;
  }

  .md\:font-thin{
    font-weight: 200 !important;
  }

  .md\:font-light{
    font-weight: 300 !important;
  }

  .md\:font-normal{
    font-weight: 400 !important;
  }

  .md\:font-medium{
    font-weight: 500 !important;
  }

  .md\:font-semibold{
    font-weight: 600 !important;
  }

  .md\:font-bold{
    font-weight: 700 !important;
  }

  .md\:font-extrabold{
    font-weight: 800 !important;
  }

  .md\:font-black{
    font-weight: 900 !important;
  }

  .md\:hover\:font-hairline:hover{
    font-weight: 100 !important;
  }

  .md\:hover\:font-thin:hover{
    font-weight: 200 !important;
  }

  .md\:hover\:font-light:hover{
    font-weight: 300 !important;
  }

  .md\:hover\:font-normal:hover{
    font-weight: 400 !important;
  }

  .md\:hover\:font-medium:hover{
    font-weight: 500 !important;
  }

  .md\:hover\:font-semibold:hover{
    font-weight: 600 !important;
  }

  .md\:hover\:font-bold:hover{
    font-weight: 700 !important;
  }

  .md\:hover\:font-extrabold:hover{
    font-weight: 800 !important;
  }

  .md\:hover\:font-black:hover{
    font-weight: 900 !important;
  }

  .md\:focus\:font-hairline:focus{
    font-weight: 100 !important;
  }

  .md\:focus\:font-thin:focus{
    font-weight: 200 !important;
  }

  .md\:focus\:font-light:focus{
    font-weight: 300 !important;
  }

  .md\:focus\:font-normal:focus{
    font-weight: 400 !important;
  }

  .md\:focus\:font-medium:focus{
    font-weight: 500 !important;
  }

  .md\:focus\:font-semibold:focus{
    font-weight: 600 !important;
  }

  .md\:focus\:font-bold:focus{
    font-weight: 700 !important;
  }

  .md\:focus\:font-extrabold:focus{
    font-weight: 800 !important;
  }

  .md\:focus\:font-black:focus{
    font-weight: 900 !important;
  }

  .md\:h-0{
    height: 0 !important;
  }

  .md\:h-1{
    height: 0.25rem !important;
  }

  .md\:h-2{
    height: 0.5rem !important;
  }

  .md\:h-3{
    height: 0.75rem !important;
  }

  .md\:h-4{
    height: 1rem !important;
  }

  .md\:h-5{
    height: 1.25rem !important;
  }

  .md\:h-6{
    height: 1.5rem !important;
  }

  .md\:h-8{
    height: 2rem !important;
  }

  .md\:h-10{
    height: 2.5rem !important;
  }

  .md\:h-12{
    height: 3rem !important;
  }

  .md\:h-16{
    height: 4rem !important;
  }

  .md\:h-20{
    height: 5rem !important;
  }

  .md\:h-24{
    height: 6rem !important;
  }

  .md\:h-28{
    height: 7rem !important;
  }

  .md\:h-32{
    height: 8rem !important;
  }

  .md\:h-40{
    height: 10rem !important;
  }

  .md\:h-48{
    height: 12rem !important;
  }

  .md\:h-56{
    height: 14rem !important;
  }

  .md\:h-64{
    height: 16rem !important;
  }

  .md\:h-auto{
    height: auto !important;
  }

  .md\:h-px{
    height: 1px !important;
  }

  .md\:h-2px{
    height: 2px !important;
  }

  .md\:h-3px{
    height: 3px !important;
  }

  .md\:h-5px{
    height: 5px !important;
  }

  .md\:h-10px{
    height: 10px !important;
  }

  .md\:h-15px{
    height: 15px !important;
  }

  .md\:h-20px{
    height: 20px !important;
  }

  .md\:h-25px{
    height: 25px !important;
  }

  .md\:h-30px{
    height: 30px !important;
  }

  .md\:h-36px{
    height: 36px !important;
  }

  .md\:h-50px{
    height: 50px !important;
  }

  .md\:h-60px{
    height: 60px !important;
  }

  .md\:h-120px{
    height: 120px !important;
  }

  .md\:h-full{
    height: 100% !important;
  }

  .md\:h-screen{
    height: 100vh !important;
  }

  .md\:text-xs{
    font-size: .75rem !important;
  }

  .md\:text-sm{
    font-size: 14px !important;
  }

  .md\:text-base{
    font-size: 16px !important;
  }

  .md\:text-lg{
    font-size: 18px !important;
  }

  .md\:text-xl{
    font-size: 20px !important;
  }

  .md\:text-2xl{
    font-size: 1.5rem !important;
  }

  .md\:text-3xl{
    font-size: 30px !important;
  }

  .md\:text-4xl{
    font-size: 2.25rem !important;
  }

  .md\:text-5xl{
    font-size: 3rem !important;
  }

  .md\:text-6xl{
    font-size: 4rem !important;
  }

  .md\:text-toy{
    font-size: 10px !important;
  }

  .md\:text-xxs{
    font-size: 11px !important;
  }

  .md\:text-tiny{
    font-size: 13px !important;
  }

  .md\:text-normal{
    font-size: 15px !important;
  }

  .md\:text-x21{
    font-size: 21px !important;
  }

  .md\:text-x22{
    font-size: 22px !important;
  }

  .md\:text-x23{
    font-size: 23px !important;
  }

  .md\:text-x25{
    font-size: 25px !important;
  }

  .md\:text-large{
    font-size: 40px !important;
  }

  .md\:text-huge{
    font-size: 50px !important;
  }

  .md\:leading-3{
    line-height: .75rem !important;
  }

  .md\:leading-4{
    line-height: 1rem !important;
  }

  .md\:leading-5{
    line-height: 1.25rem !important;
  }

  .md\:leading-6{
    line-height: 1.5rem !important;
  }

  .md\:leading-7{
    line-height: 1.75rem !important;
  }

  .md\:leading-8{
    line-height: 2rem !important;
  }

  .md\:leading-9{
    line-height: 2.25rem !important;
  }

  .md\:leading-10{
    line-height: 2.5rem !important;
  }

  .md\:leading-none{
    line-height: 1 !important;
  }

  .md\:leading-tight{
    line-height: 1.25 !important;
  }

  .md\:leading-snug{
    line-height: 1.375 !important;
  }

  .md\:leading-normal{
    line-height: 1.5 !important;
  }

  .md\:leading-relaxed{
    line-height: 1.625 !important;
  }

  .md\:leading-loose{
    line-height: 2 !important;
  }

  .md\:leading-60px{
    line-height: 60px !important;
  }

  .md\:leading-small{
    line-height: 23px !important;
  }

  .md\:leading-ordinary{
    line-height: 25px !important;
  }

  .md\:list-inside{
    list-style-position: inside !important;
  }

  .md\:list-outside{
    list-style-position: outside !important;
  }

  .md\:list-none{
    list-style-type: none !important;
  }

  .md\:list-disc{
    list-style-type: disc !important;
  }

  .md\:list-decimal{
    list-style-type: decimal !important;
  }

  .md\:list-line{
    list-style-type: - !important;
  }

  .md\:m-0{
    margin: 0 !important;
  }

  .md\:m-1{
    margin: 0.25rem !important;
  }

  .md\:m-2{
    margin: 0.5rem !important;
  }

  .md\:m-3{
    margin: 0.75rem !important;
  }

  .md\:m-4{
    margin: 1rem !important;
  }

  .md\:m-5{
    margin: 1.25rem !important;
  }

  .md\:m-6{
    margin: 1.5rem !important;
  }

  .md\:m-8{
    margin: 2rem !important;
  }

  .md\:m-10{
    margin: 2.5rem !important;
  }

  .md\:m-12{
    margin: 3rem !important;
  }

  .md\:m-16{
    margin: 4rem !important;
  }

  .md\:m-20{
    margin: 5rem !important;
  }

  .md\:m-24{
    margin: 6rem !important;
  }

  .md\:m-28{
    margin: 7rem !important;
  }

  .md\:m-32{
    margin: 8rem !important;
  }

  .md\:m-40{
    margin: 10rem !important;
  }

  .md\:m-48{
    margin: 12rem !important;
  }

  .md\:m-56{
    margin: 14rem !important;
  }

  .md\:m-64{
    margin: 16rem !important;
  }

  .md\:m-auto{
    margin: auto !important;
  }

  .md\:m-px{
    margin: 1px !important;
  }

  .md\:m-2px{
    margin: 2px !important;
  }

  .md\:m-3px{
    margin: 3px !important;
  }

  .md\:m-5px{
    margin: 5px !important;
  }

  .md\:m-10px{
    margin: 10px !important;
  }

  .md\:m-15px{
    margin: 15px !important;
  }

  .md\:m-20px{
    margin: 20px !important;
  }

  .md\:m-25px{
    margin: 25px !important;
  }

  .md\:m-30px{
    margin: 30px !important;
  }

  .md\:m-36px{
    margin: 36px !important;
  }

  .md\:m-50px{
    margin: 50px !important;
  }

  .md\:m-60px{
    margin: 60px !important;
  }

  .md\:m-120px{
    margin: 120px !important;
  }

  .md\:-m-1{
    margin: -0.25rem !important;
  }

  .md\:-m-2{
    margin: -0.5rem !important;
  }

  .md\:-m-3{
    margin: -0.75rem !important;
  }

  .md\:-m-4{
    margin: -1rem !important;
  }

  .md\:-m-5{
    margin: -1.25rem !important;
  }

  .md\:-m-6{
    margin: -1.5rem !important;
  }

  .md\:-m-8{
    margin: -2rem !important;
  }

  .md\:-m-10{
    margin: -2.5rem !important;
  }

  .md\:-m-12{
    margin: -3rem !important;
  }

  .md\:-m-16{
    margin: -4rem !important;
  }

  .md\:-m-20{
    margin: -5rem !important;
  }

  .md\:-m-24{
    margin: -6rem !important;
  }

  .md\:-m-28{
    margin: -7rem !important;
  }

  .md\:-m-32{
    margin: -8rem !important;
  }

  .md\:-m-40{
    margin: -10rem !important;
  }

  .md\:-m-48{
    margin: -12rem !important;
  }

  .md\:-m-56{
    margin: -14rem !important;
  }

  .md\:-m-64{
    margin: -16rem !important;
  }

  .md\:-m-px{
    margin: -1px !important;
  }

  .md\:-m-2px{
    margin: -2px !important;
  }

  .md\:-m-3px{
    margin: -3px !important;
  }

  .md\:-m-5px{
    margin: -5px !important;
  }

  .md\:-m-10px{
    margin: -10px !important;
  }

  .md\:-m-15px{
    margin: -15px !important;
  }

  .md\:-m-20px{
    margin: -20px !important;
  }

  .md\:-m-25px{
    margin: -25px !important;
  }

  .md\:-m-30px{
    margin: -30px !important;
  }

  .md\:-m-36px{
    margin: -36px !important;
  }

  .md\:-m-50px{
    margin: -50px !important;
  }

  .md\:-m-60px{
    margin: -60px !important;
  }

  .md\:-m-120px{
    margin: -120px !important;
  }

  .md\:my-0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .md\:mx-0{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .md\:my-1{
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .md\:mx-1{
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .md\:my-2{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .md\:mx-2{
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .md\:my-3{
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .md\:mx-3{
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  .md\:my-4{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .md\:mx-4{
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .md\:my-5{
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .md\:mx-5{
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }

  .md\:my-6{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .md\:mx-6{
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .md\:my-8{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .md\:mx-8{
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .md\:my-10{
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .md\:mx-10{
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .md\:my-12{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .md\:mx-12{
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .md\:my-16{
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .md\:mx-16{
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .md\:my-20{
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .md\:mx-20{
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .md\:my-24{
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .md\:mx-24{
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .md\:my-28{
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .md\:mx-28{
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .md\:my-32{
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .md\:mx-32{
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .md\:my-40{
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .md\:mx-40{
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .md\:my-48{
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .md\:mx-48{
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .md\:my-56{
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }

  .md\:mx-56{
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }

  .md\:my-64{
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }

  .md\:mx-64{
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }

  .md\:my-auto{
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .md\:mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .md\:my-px{
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .md\:mx-px{
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .md\:my-2px{
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .md\:mx-2px{
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .md\:my-3px{
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .md\:mx-3px{
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .md\:my-5px{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .md\:mx-5px{
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .md\:my-10px{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .md\:mx-10px{
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .md\:my-15px{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .md\:mx-15px{
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .md\:my-20px{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .md\:mx-20px{
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .md\:my-25px{
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .md\:mx-25px{
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .md\:my-30px{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .md\:mx-30px{
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .md\:my-36px{
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }

  .md\:mx-36px{
    margin-left: 36px !important;
    margin-right: 36px !important;
  }

  .md\:my-50px{
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .md\:mx-50px{
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .md\:my-60px{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .md\:mx-60px{
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .md\:my-120px{
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .md\:mx-120px{
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .md\:-my-1{
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .md\:-mx-1{
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }

  .md\:-my-2{
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .md\:-mx-2{
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }

  .md\:-my-3{
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }

  .md\:-mx-3{
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
  }

  .md\:-my-4{
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .md\:-mx-4{
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  .md\:-my-5{
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }

  .md\:-mx-5{
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
  }

  .md\:-my-6{
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .md\:-mx-6{
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }

  .md\:-my-8{
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }

  .md\:-mx-8{
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }

  .md\:-my-10{
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }

  .md\:-mx-10{
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important;
  }

  .md\:-my-12{
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .md\:-mx-12{
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }

  .md\:-my-16{
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }

  .md\:-mx-16{
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }

  .md\:-my-20{
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }

  .md\:-mx-20{
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }

  .md\:-my-24{
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }

  .md\:-mx-24{
    margin-left: -6rem !important;
    margin-right: -6rem !important;
  }

  .md\:-my-28{
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }

  .md\:-mx-28{
    margin-left: -7rem !important;
    margin-right: -7rem !important;
  }

  .md\:-my-32{
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }

  .md\:-mx-32{
    margin-left: -8rem !important;
    margin-right: -8rem !important;
  }

  .md\:-my-40{
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }

  .md\:-mx-40{
    margin-left: -10rem !important;
    margin-right: -10rem !important;
  }

  .md\:-my-48{
    margin-top: -12rem !important;
    margin-bottom: -12rem !important;
  }

  .md\:-mx-48{
    margin-left: -12rem !important;
    margin-right: -12rem !important;
  }

  .md\:-my-56{
    margin-top: -14rem !important;
    margin-bottom: -14rem !important;
  }

  .md\:-mx-56{
    margin-left: -14rem !important;
    margin-right: -14rem !important;
  }

  .md\:-my-64{
    margin-top: -16rem !important;
    margin-bottom: -16rem !important;
  }

  .md\:-mx-64{
    margin-left: -16rem !important;
    margin-right: -16rem !important;
  }

  .md\:-my-px{
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .md\:-mx-px{
    margin-left: -1px !important;
    margin-right: -1px !important;
  }

  .md\:-my-2px{
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }

  .md\:-mx-2px{
    margin-left: -2px !important;
    margin-right: -2px !important;
  }

  .md\:-my-3px{
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }

  .md\:-mx-3px{
    margin-left: -3px !important;
    margin-right: -3px !important;
  }

  .md\:-my-5px{
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }

  .md\:-mx-5px{
    margin-left: -5px !important;
    margin-right: -5px !important;
  }

  .md\:-my-10px{
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .md\:-mx-10px{
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .md\:-my-15px{
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }

  .md\:-mx-15px{
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .md\:-my-20px{
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .md\:-mx-20px{
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .md\:-my-25px{
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }

  .md\:-mx-25px{
    margin-left: -25px !important;
    margin-right: -25px !important;
  }

  .md\:-my-30px{
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .md\:-mx-30px{
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .md\:-my-36px{
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }

  .md\:-mx-36px{
    margin-left: -36px !important;
    margin-right: -36px !important;
  }

  .md\:-my-50px{
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .md\:-mx-50px{
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .md\:-my-60px{
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .md\:-mx-60px{
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .md\:-my-120px{
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }

  .md\:-mx-120px{
    margin-left: -120px !important;
    margin-right: -120px !important;
  }

  .md\:mt-0{
    margin-top: 0 !important;
  }

  .md\:mr-0{
    margin-right: 0 !important;
  }

  .md\:mb-0{
    margin-bottom: 0 !important;
  }

  .md\:ml-0{
    margin-left: 0 !important;
  }

  .md\:mt-1{
    margin-top: 0.25rem !important;
  }

  .md\:mr-1{
    margin-right: 0.25rem !important;
  }

  .md\:mb-1{
    margin-bottom: 0.25rem !important;
  }

  .md\:ml-1{
    margin-left: 0.25rem !important;
  }

  .md\:mt-2{
    margin-top: 0.5rem !important;
  }

  .md\:mr-2{
    margin-right: 0.5rem !important;
  }

  .md\:mb-2{
    margin-bottom: 0.5rem !important;
  }

  .md\:ml-2{
    margin-left: 0.5rem !important;
  }

  .md\:mt-3{
    margin-top: 0.75rem !important;
  }

  .md\:mr-3{
    margin-right: 0.75rem !important;
  }

  .md\:mb-3{
    margin-bottom: 0.75rem !important;
  }

  .md\:ml-3{
    margin-left: 0.75rem !important;
  }

  .md\:mt-4{
    margin-top: 1rem !important;
  }

  .md\:mr-4{
    margin-right: 1rem !important;
  }

  .md\:mb-4{
    margin-bottom: 1rem !important;
  }

  .md\:ml-4{
    margin-left: 1rem !important;
  }

  .md\:mt-5{
    margin-top: 1.25rem !important;
  }

  .md\:mr-5{
    margin-right: 1.25rem !important;
  }

  .md\:mb-5{
    margin-bottom: 1.25rem !important;
  }

  .md\:ml-5{
    margin-left: 1.25rem !important;
  }

  .md\:mt-6{
    margin-top: 1.5rem !important;
  }

  .md\:mr-6{
    margin-right: 1.5rem !important;
  }

  .md\:mb-6{
    margin-bottom: 1.5rem !important;
  }

  .md\:ml-6{
    margin-left: 1.5rem !important;
  }

  .md\:mt-8{
    margin-top: 2rem !important;
  }

  .md\:mr-8{
    margin-right: 2rem !important;
  }

  .md\:mb-8{
    margin-bottom: 2rem !important;
  }

  .md\:ml-8{
    margin-left: 2rem !important;
  }

  .md\:mt-10{
    margin-top: 2.5rem !important;
  }

  .md\:mr-10{
    margin-right: 2.5rem !important;
  }

  .md\:mb-10{
    margin-bottom: 2.5rem !important;
  }

  .md\:ml-10{
    margin-left: 2.5rem !important;
  }

  .md\:mt-12{
    margin-top: 3rem !important;
  }

  .md\:mr-12{
    margin-right: 3rem !important;
  }

  .md\:mb-12{
    margin-bottom: 3rem !important;
  }

  .md\:ml-12{
    margin-left: 3rem !important;
  }

  .md\:mt-16{
    margin-top: 4rem !important;
  }

  .md\:mr-16{
    margin-right: 4rem !important;
  }

  .md\:mb-16{
    margin-bottom: 4rem !important;
  }

  .md\:ml-16{
    margin-left: 4rem !important;
  }

  .md\:mt-20{
    margin-top: 5rem !important;
  }

  .md\:mr-20{
    margin-right: 5rem !important;
  }

  .md\:mb-20{
    margin-bottom: 5rem !important;
  }

  .md\:ml-20{
    margin-left: 5rem !important;
  }

  .md\:mt-24{
    margin-top: 6rem !important;
  }

  .md\:mr-24{
    margin-right: 6rem !important;
  }

  .md\:mb-24{
    margin-bottom: 6rem !important;
  }

  .md\:ml-24{
    margin-left: 6rem !important;
  }

  .md\:mt-28{
    margin-top: 7rem !important;
  }

  .md\:mr-28{
    margin-right: 7rem !important;
  }

  .md\:mb-28{
    margin-bottom: 7rem !important;
  }

  .md\:ml-28{
    margin-left: 7rem !important;
  }

  .md\:mt-32{
    margin-top: 8rem !important;
  }

  .md\:mr-32{
    margin-right: 8rem !important;
  }

  .md\:mb-32{
    margin-bottom: 8rem !important;
  }

  .md\:ml-32{
    margin-left: 8rem !important;
  }

  .md\:mt-40{
    margin-top: 10rem !important;
  }

  .md\:mr-40{
    margin-right: 10rem !important;
  }

  .md\:mb-40{
    margin-bottom: 10rem !important;
  }

  .md\:ml-40{
    margin-left: 10rem !important;
  }

  .md\:mt-48{
    margin-top: 12rem !important;
  }

  .md\:mr-48{
    margin-right: 12rem !important;
  }

  .md\:mb-48{
    margin-bottom: 12rem !important;
  }

  .md\:ml-48{
    margin-left: 12rem !important;
  }

  .md\:mt-56{
    margin-top: 14rem !important;
  }

  .md\:mr-56{
    margin-right: 14rem !important;
  }

  .md\:mb-56{
    margin-bottom: 14rem !important;
  }

  .md\:ml-56{
    margin-left: 14rem !important;
  }

  .md\:mt-64{
    margin-top: 16rem !important;
  }

  .md\:mr-64{
    margin-right: 16rem !important;
  }

  .md\:mb-64{
    margin-bottom: 16rem !important;
  }

  .md\:ml-64{
    margin-left: 16rem !important;
  }

  .md\:mt-auto{
    margin-top: auto !important;
  }

  .md\:mr-auto{
    margin-right: auto !important;
  }

  .md\:mb-auto{
    margin-bottom: auto !important;
  }

  .md\:ml-auto{
    margin-left: auto !important;
  }

  .md\:mt-px{
    margin-top: 1px !important;
  }

  .md\:mr-px{
    margin-right: 1px !important;
  }

  .md\:mb-px{
    margin-bottom: 1px !important;
  }

  .md\:ml-px{
    margin-left: 1px !important;
  }

  .md\:mt-2px{
    margin-top: 2px !important;
  }

  .md\:mr-2px{
    margin-right: 2px !important;
  }

  .md\:mb-2px{
    margin-bottom: 2px !important;
  }

  .md\:ml-2px{
    margin-left: 2px !important;
  }

  .md\:mt-3px{
    margin-top: 3px !important;
  }

  .md\:mr-3px{
    margin-right: 3px !important;
  }

  .md\:mb-3px{
    margin-bottom: 3px !important;
  }

  .md\:ml-3px{
    margin-left: 3px !important;
  }

  .md\:mt-5px{
    margin-top: 5px !important;
  }

  .md\:mr-5px{
    margin-right: 5px !important;
  }

  .md\:mb-5px{
    margin-bottom: 5px !important;
  }

  .md\:ml-5px{
    margin-left: 5px !important;
  }

  .md\:mt-10px{
    margin-top: 10px !important;
  }

  .md\:mr-10px{
    margin-right: 10px !important;
  }

  .md\:mb-10px{
    margin-bottom: 10px !important;
  }

  .md\:ml-10px{
    margin-left: 10px !important;
  }

  .md\:mt-15px{
    margin-top: 15px !important;
  }

  .md\:mr-15px{
    margin-right: 15px !important;
  }

  .md\:mb-15px{
    margin-bottom: 15px !important;
  }

  .md\:ml-15px{
    margin-left: 15px !important;
  }

  .md\:mt-20px{
    margin-top: 20px !important;
  }

  .md\:mr-20px{
    margin-right: 20px !important;
  }

  .md\:mb-20px{
    margin-bottom: 20px !important;
  }

  .md\:ml-20px{
    margin-left: 20px !important;
  }

  .md\:mt-25px{
    margin-top: 25px !important;
  }

  .md\:mr-25px{
    margin-right: 25px !important;
  }

  .md\:mb-25px{
    margin-bottom: 25px !important;
  }

  .md\:ml-25px{
    margin-left: 25px !important;
  }

  .md\:mt-30px{
    margin-top: 30px !important;
  }

  .md\:mr-30px{
    margin-right: 30px !important;
  }

  .md\:mb-30px{
    margin-bottom: 30px !important;
  }

  .md\:ml-30px{
    margin-left: 30px !important;
  }

  .md\:mt-36px{
    margin-top: 36px !important;
  }

  .md\:mr-36px{
    margin-right: 36px !important;
  }

  .md\:mb-36px{
    margin-bottom: 36px !important;
  }

  .md\:ml-36px{
    margin-left: 36px !important;
  }

  .md\:mt-50px{
    margin-top: 50px !important;
  }

  .md\:mr-50px{
    margin-right: 50px !important;
  }

  .md\:mb-50px{
    margin-bottom: 50px !important;
  }

  .md\:ml-50px{
    margin-left: 50px !important;
  }

  .md\:mt-60px{
    margin-top: 60px !important;
  }

  .md\:mr-60px{
    margin-right: 60px !important;
  }

  .md\:mb-60px{
    margin-bottom: 60px !important;
  }

  .md\:ml-60px{
    margin-left: 60px !important;
  }

  .md\:mt-120px{
    margin-top: 120px !important;
  }

  .md\:mr-120px{
    margin-right: 120px !important;
  }

  .md\:mb-120px{
    margin-bottom: 120px !important;
  }

  .md\:ml-120px{
    margin-left: 120px !important;
  }

  .md\:-mt-1{
    margin-top: -0.25rem !important;
  }

  .md\:-mr-1{
    margin-right: -0.25rem !important;
  }

  .md\:-mb-1{
    margin-bottom: -0.25rem !important;
  }

  .md\:-ml-1{
    margin-left: -0.25rem !important;
  }

  .md\:-mt-2{
    margin-top: -0.5rem !important;
  }

  .md\:-mr-2{
    margin-right: -0.5rem !important;
  }

  .md\:-mb-2{
    margin-bottom: -0.5rem !important;
  }

  .md\:-ml-2{
    margin-left: -0.5rem !important;
  }

  .md\:-mt-3{
    margin-top: -0.75rem !important;
  }

  .md\:-mr-3{
    margin-right: -0.75rem !important;
  }

  .md\:-mb-3{
    margin-bottom: -0.75rem !important;
  }

  .md\:-ml-3{
    margin-left: -0.75rem !important;
  }

  .md\:-mt-4{
    margin-top: -1rem !important;
  }

  .md\:-mr-4{
    margin-right: -1rem !important;
  }

  .md\:-mb-4{
    margin-bottom: -1rem !important;
  }

  .md\:-ml-4{
    margin-left: -1rem !important;
  }

  .md\:-mt-5{
    margin-top: -1.25rem !important;
  }

  .md\:-mr-5{
    margin-right: -1.25rem !important;
  }

  .md\:-mb-5{
    margin-bottom: -1.25rem !important;
  }

  .md\:-ml-5{
    margin-left: -1.25rem !important;
  }

  .md\:-mt-6{
    margin-top: -1.5rem !important;
  }

  .md\:-mr-6{
    margin-right: -1.5rem !important;
  }

  .md\:-mb-6{
    margin-bottom: -1.5rem !important;
  }

  .md\:-ml-6{
    margin-left: -1.5rem !important;
  }

  .md\:-mt-8{
    margin-top: -2rem !important;
  }

  .md\:-mr-8{
    margin-right: -2rem !important;
  }

  .md\:-mb-8{
    margin-bottom: -2rem !important;
  }

  .md\:-ml-8{
    margin-left: -2rem !important;
  }

  .md\:-mt-10{
    margin-top: -2.5rem !important;
  }

  .md\:-mr-10{
    margin-right: -2.5rem !important;
  }

  .md\:-mb-10{
    margin-bottom: -2.5rem !important;
  }

  .md\:-ml-10{
    margin-left: -2.5rem !important;
  }

  .md\:-mt-12{
    margin-top: -3rem !important;
  }

  .md\:-mr-12{
    margin-right: -3rem !important;
  }

  .md\:-mb-12{
    margin-bottom: -3rem !important;
  }

  .md\:-ml-12{
    margin-left: -3rem !important;
  }

  .md\:-mt-16{
    margin-top: -4rem !important;
  }

  .md\:-mr-16{
    margin-right: -4rem !important;
  }

  .md\:-mb-16{
    margin-bottom: -4rem !important;
  }

  .md\:-ml-16{
    margin-left: -4rem !important;
  }

  .md\:-mt-20{
    margin-top: -5rem !important;
  }

  .md\:-mr-20{
    margin-right: -5rem !important;
  }

  .md\:-mb-20{
    margin-bottom: -5rem !important;
  }

  .md\:-ml-20{
    margin-left: -5rem !important;
  }

  .md\:-mt-24{
    margin-top: -6rem !important;
  }

  .md\:-mr-24{
    margin-right: -6rem !important;
  }

  .md\:-mb-24{
    margin-bottom: -6rem !important;
  }

  .md\:-ml-24{
    margin-left: -6rem !important;
  }

  .md\:-mt-28{
    margin-top: -7rem !important;
  }

  .md\:-mr-28{
    margin-right: -7rem !important;
  }

  .md\:-mb-28{
    margin-bottom: -7rem !important;
  }

  .md\:-ml-28{
    margin-left: -7rem !important;
  }

  .md\:-mt-32{
    margin-top: -8rem !important;
  }

  .md\:-mr-32{
    margin-right: -8rem !important;
  }

  .md\:-mb-32{
    margin-bottom: -8rem !important;
  }

  .md\:-ml-32{
    margin-left: -8rem !important;
  }

  .md\:-mt-40{
    margin-top: -10rem !important;
  }

  .md\:-mr-40{
    margin-right: -10rem !important;
  }

  .md\:-mb-40{
    margin-bottom: -10rem !important;
  }

  .md\:-ml-40{
    margin-left: -10rem !important;
  }

  .md\:-mt-48{
    margin-top: -12rem !important;
  }

  .md\:-mr-48{
    margin-right: -12rem !important;
  }

  .md\:-mb-48{
    margin-bottom: -12rem !important;
  }

  .md\:-ml-48{
    margin-left: -12rem !important;
  }

  .md\:-mt-56{
    margin-top: -14rem !important;
  }

  .md\:-mr-56{
    margin-right: -14rem !important;
  }

  .md\:-mb-56{
    margin-bottom: -14rem !important;
  }

  .md\:-ml-56{
    margin-left: -14rem !important;
  }

  .md\:-mt-64{
    margin-top: -16rem !important;
  }

  .md\:-mr-64{
    margin-right: -16rem !important;
  }

  .md\:-mb-64{
    margin-bottom: -16rem !important;
  }

  .md\:-ml-64{
    margin-left: -16rem !important;
  }

  .md\:-mt-px{
    margin-top: -1px !important;
  }

  .md\:-mr-px{
    margin-right: -1px !important;
  }

  .md\:-mb-px{
    margin-bottom: -1px !important;
  }

  .md\:-ml-px{
    margin-left: -1px !important;
  }

  .md\:-mt-2px{
    margin-top: -2px !important;
  }

  .md\:-mr-2px{
    margin-right: -2px !important;
  }

  .md\:-mb-2px{
    margin-bottom: -2px !important;
  }

  .md\:-ml-2px{
    margin-left: -2px !important;
  }

  .md\:-mt-3px{
    margin-top: -3px !important;
  }

  .md\:-mr-3px{
    margin-right: -3px !important;
  }

  .md\:-mb-3px{
    margin-bottom: -3px !important;
  }

  .md\:-ml-3px{
    margin-left: -3px !important;
  }

  .md\:-mt-5px{
    margin-top: -5px !important;
  }

  .md\:-mr-5px{
    margin-right: -5px !important;
  }

  .md\:-mb-5px{
    margin-bottom: -5px !important;
  }

  .md\:-ml-5px{
    margin-left: -5px !important;
  }

  .md\:-mt-10px{
    margin-top: -10px !important;
  }

  .md\:-mr-10px{
    margin-right: -10px !important;
  }

  .md\:-mb-10px{
    margin-bottom: -10px !important;
  }

  .md\:-ml-10px{
    margin-left: -10px !important;
  }

  .md\:-mt-15px{
    margin-top: -15px !important;
  }

  .md\:-mr-15px{
    margin-right: -15px !important;
  }

  .md\:-mb-15px{
    margin-bottom: -15px !important;
  }

  .md\:-ml-15px{
    margin-left: -15px !important;
  }

  .md\:-mt-20px{
    margin-top: -20px !important;
  }

  .md\:-mr-20px{
    margin-right: -20px !important;
  }

  .md\:-mb-20px{
    margin-bottom: -20px !important;
  }

  .md\:-ml-20px{
    margin-left: -20px !important;
  }

  .md\:-mt-25px{
    margin-top: -25px !important;
  }

  .md\:-mr-25px{
    margin-right: -25px !important;
  }

  .md\:-mb-25px{
    margin-bottom: -25px !important;
  }

  .md\:-ml-25px{
    margin-left: -25px !important;
  }

  .md\:-mt-30px{
    margin-top: -30px !important;
  }

  .md\:-mr-30px{
    margin-right: -30px !important;
  }

  .md\:-mb-30px{
    margin-bottom: -30px !important;
  }

  .md\:-ml-30px{
    margin-left: -30px !important;
  }

  .md\:-mt-36px{
    margin-top: -36px !important;
  }

  .md\:-mr-36px{
    margin-right: -36px !important;
  }

  .md\:-mb-36px{
    margin-bottom: -36px !important;
  }

  .md\:-ml-36px{
    margin-left: -36px !important;
  }

  .md\:-mt-50px{
    margin-top: -50px !important;
  }

  .md\:-mr-50px{
    margin-right: -50px !important;
  }

  .md\:-mb-50px{
    margin-bottom: -50px !important;
  }

  .md\:-ml-50px{
    margin-left: -50px !important;
  }

  .md\:-mt-60px{
    margin-top: -60px !important;
  }

  .md\:-mr-60px{
    margin-right: -60px !important;
  }

  .md\:-mb-60px{
    margin-bottom: -60px !important;
  }

  .md\:-ml-60px{
    margin-left: -60px !important;
  }

  .md\:-mt-120px{
    margin-top: -120px !important;
  }

  .md\:-mr-120px{
    margin-right: -120px !important;
  }

  .md\:-mb-120px{
    margin-bottom: -120px !important;
  }

  .md\:-ml-120px{
    margin-left: -120px !important;
  }

  .md\:max-h-full{
    max-height: 100% !important;
  }

  .md\:max-h-screen{
    max-height: 100vh !important;
  }

  .md\:max-h-3\/4{
    max-height: 75% !important;
  }

  .md\:max-w-250{
    max-width: 250px !important;
  }

  .md\:max-w-440{
    max-width: 440px !important;
  }

  .md\:max-w-none{
    max-width: none !important;
  }

  .md\:max-w-xs{
    max-width: 20rem !important;
  }

  .md\:max-w-sm{
    max-width: 24rem !important;
  }

  .md\:max-w-md{
    max-width: 28rem !important;
  }

  .md\:max-w-lg{
    max-width: 32rem !important;
  }

  .md\:max-w-xl{
    max-width: 36rem !important;
  }

  .md\:max-w-2xl{
    max-width: 42rem !important;
  }

  .md\:max-w-3xl{
    max-width: 48rem !important;
  }

  .md\:max-w-4xl{
    max-width: 56rem !important;
  }

  .md\:max-w-5xl{
    max-width: 64rem !important;
  }

  .md\:max-w-6xl{
    max-width: 72rem !important;
  }

  .md\:max-w-full{
    max-width: 100% !important;
  }

  .md\:max-w-screen-sm{
    max-width: 560px !important;
  }

  .md\:max-w-screen-md{
    max-width: 768px !important;
  }

  .md\:max-w-screen-lg{
    max-width: 1024px !important;
  }

  .md\:max-w-screen-xl{
    max-width: 1280px !important;
  }

  .md\:max-w-screen-xxs{
    max-width: 320px !important;
  }

  .md\:max-w-screen-xs{
    max-width: 360px !important;
  }

  .md\:max-w-screen-xxl{
    max-width: 1920px !important;
  }

  .md\:min-h-0{
    min-height: 0 !important;
  }

  .md\:min-h-full{
    min-height: 100% !important;
  }

  .md\:min-h-screen{
    min-height: 100vh !important;
  }

  .md\:min-w-0{
    min-width: 0 !important;
  }

  .md\:min-w-full{
    min-width: 100% !important;
  }

  .md\:object-contain{
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .md\:object-cover{
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .md\:object-fill{
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .md\:object-none{
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .md\:object-scale-down{
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .md\:object-bottom{
    -o-object-position: bottom !important;
    object-position: bottom !important;
  }

  .md\:object-center{
    -o-object-position: center !important;
    object-position: center !important;
  }

  .md\:object-left{
    -o-object-position: left !important;
    object-position: left !important;
  }

  .md\:object-left-bottom{
    -o-object-position: left bottom !important;
    object-position: left bottom !important;
  }

  .md\:object-left-top{
    -o-object-position: left top !important;
    object-position: left top !important;
  }

  .md\:object-right{
    -o-object-position: right !important;
    object-position: right !important;
  }

  .md\:object-right-bottom{
    -o-object-position: right bottom !important;
    object-position: right bottom !important;
  }

  .md\:object-right-top{
    -o-object-position: right top !important;
    object-position: right top !important;
  }

  .md\:object-top{
    -o-object-position: top !important;
    object-position: top !important;
  }

  .md\:opacity-0{
    opacity: 0 !important;
  }

  .md\:opacity-25{
    opacity: 0.25 !important;
  }

  .md\:opacity-50{
    opacity: 0.5 !important;
  }

  .md\:opacity-75{
    opacity: 0.75 !important;
  }

  .md\:opacity-100{
    opacity: 1 !important;
  }

  .md\:hover\:opacity-0:hover{
    opacity: 0 !important;
  }

  .md\:hover\:opacity-25:hover{
    opacity: 0.25 !important;
  }

  .md\:hover\:opacity-50:hover{
    opacity: 0.5 !important;
  }

  .md\:hover\:opacity-75:hover{
    opacity: 0.75 !important;
  }

  .md\:hover\:opacity-100:hover{
    opacity: 1 !important;
  }

  .md\:focus\:opacity-0:focus{
    opacity: 0 !important;
  }

  .md\:focus\:opacity-25:focus{
    opacity: 0.25 !important;
  }

  .md\:focus\:opacity-50:focus{
    opacity: 0.5 !important;
  }

  .md\:focus\:opacity-75:focus{
    opacity: 0.75 !important;
  }

  .md\:focus\:opacity-100:focus{
    opacity: 1 !important;
  }

  .md\:outline-none{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .md\:outline-white{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .md\:outline-black{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .md\:focus\:outline-none:focus{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .md\:focus\:outline-white:focus{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .md\:focus\:outline-black:focus{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .md\:overflow-auto{
    overflow: auto !important;
  }

  .md\:overflow-hidden{
    overflow: hidden !important;
  }

  .md\:overflow-visible{
    overflow: visible !important;
  }

  .md\:overflow-scroll{
    overflow: scroll !important;
  }

  .md\:overflow-x-auto{
    overflow-x: auto !important;
  }

  .md\:overflow-y-auto{
    overflow-y: auto !important;
  }

  .md\:overflow-x-hidden{
    overflow-x: hidden !important;
  }

  .md\:overflow-y-hidden{
    overflow-y: hidden !important;
  }

  .md\:overflow-x-visible{
    overflow-x: visible !important;
  }

  .md\:overflow-y-visible{
    overflow-y: visible !important;
  }

  .md\:overflow-x-scroll{
    overflow-x: scroll !important;
  }

  .md\:overflow-y-scroll{
    overflow-y: scroll !important;
  }

  .md\:scrolling-touch{
    -webkit-overflow-scrolling: touch !important;
  }

  .md\:scrolling-auto{
    -webkit-overflow-scrolling: auto !important;
  }

  .md\:overscroll-auto{
    -ms-scroll-chaining: chained !important;
    overscroll-behavior: auto !important;
  }

  .md\:overscroll-contain{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: contain !important;
  }

  .md\:overscroll-none{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: none !important;
  }

  .md\:overscroll-y-auto{
    overscroll-behavior-y: auto !important;
  }

  .md\:overscroll-y-contain{
    overscroll-behavior-y: contain !important;
  }

  .md\:overscroll-y-none{
    overscroll-behavior-y: none !important;
  }

  .md\:overscroll-x-auto{
    overscroll-behavior-x: auto !important;
  }

  .md\:overscroll-x-contain{
    overscroll-behavior-x: contain !important;
  }

  .md\:overscroll-x-none{
    overscroll-behavior-x: none !important;
  }

  .md\:p-0{
    padding: 0 !important;
  }

  .md\:p-1{
    padding: 0.25rem !important;
  }

  .md\:p-2{
    padding: 0.5rem !important;
  }

  .md\:p-3{
    padding: 0.75rem !important;
  }

  .md\:p-4{
    padding: 1rem !important;
  }

  .md\:p-5{
    padding: 1.25rem !important;
  }

  .md\:p-6{
    padding: 1.5rem !important;
  }

  .md\:p-8{
    padding: 2rem !important;
  }

  .md\:p-10{
    padding: 2.5rem !important;
  }

  .md\:p-12{
    padding: 3rem !important;
  }

  .md\:p-16{
    padding: 4rem !important;
  }

  .md\:p-20{
    padding: 5rem !important;
  }

  .md\:p-24{
    padding: 6rem !important;
  }

  .md\:p-28{
    padding: 7rem !important;
  }

  .md\:p-32{
    padding: 8rem !important;
  }

  .md\:p-40{
    padding: 10rem !important;
  }

  .md\:p-48{
    padding: 12rem !important;
  }

  .md\:p-56{
    padding: 14rem !important;
  }

  .md\:p-64{
    padding: 16rem !important;
  }

  .md\:p-px{
    padding: 1px !important;
  }

  .md\:p-2px{
    padding: 2px !important;
  }

  .md\:p-3px{
    padding: 3px !important;
  }

  .md\:p-5px{
    padding: 5px !important;
  }

  .md\:p-10px{
    padding: 10px !important;
  }

  .md\:p-15px{
    padding: 15px !important;
  }

  .md\:p-20px{
    padding: 20px !important;
  }

  .md\:p-25px{
    padding: 25px !important;
  }

  .md\:p-30px{
    padding: 30px !important;
  }

  .md\:p-36px{
    padding: 36px !important;
  }

  .md\:p-50px{
    padding: 50px !important;
  }

  .md\:p-60px{
    padding: 60px !important;
  }

  .md\:p-120px{
    padding: 120px !important;
  }

  .md\:py-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .md\:px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .md\:py-1{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .md\:px-1{
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .md\:py-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .md\:px-2{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .md\:py-3{
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .md\:px-3{
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .md\:py-4{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .md\:px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .md\:py-5{
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .md\:px-5{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .md\:py-6{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .md\:px-6{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .md\:py-8{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .md\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .md\:py-10{
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .md\:px-10{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .md\:py-12{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .md\:px-12{
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .md\:py-16{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .md\:px-16{
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .md\:py-20{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .md\:px-20{
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .md\:py-24{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .md\:px-24{
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .md\:py-28{
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .md\:px-28{
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .md\:py-32{
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .md\:px-32{
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .md\:py-40{
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .md\:px-40{
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .md\:py-48{
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .md\:px-48{
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .md\:py-56{
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }

  .md\:px-56{
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .md\:py-64{
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }

  .md\:px-64{
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .md\:py-px{
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .md\:px-px{
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .md\:py-2px{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .md\:px-2px{
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .md\:py-3px{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .md\:px-3px{
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .md\:py-5px{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .md\:px-5px{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .md\:py-10px{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .md\:px-10px{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .md\:py-15px{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .md\:px-15px{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .md\:py-20px{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .md\:px-20px{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .md\:py-25px{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .md\:px-25px{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .md\:py-30px{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .md\:px-30px{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .md\:py-36px{
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .md\:px-36px{
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  .md\:py-50px{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .md\:px-50px{
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .md\:py-60px{
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .md\:px-60px{
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .md\:py-120px{
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .md\:px-120px{
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .md\:pt-0{
    padding-top: 0 !important;
  }

  .md\:pr-0{
    padding-right: 0 !important;
  }

  .md\:pb-0{
    padding-bottom: 0 !important;
  }

  .md\:pl-0{
    padding-left: 0 !important;
  }

  .md\:pt-1{
    padding-top: 0.25rem !important;
  }

  .md\:pr-1{
    padding-right: 0.25rem !important;
  }

  .md\:pb-1{
    padding-bottom: 0.25rem !important;
  }

  .md\:pl-1{
    padding-left: 0.25rem !important;
  }

  .md\:pt-2{
    padding-top: 0.5rem !important;
  }

  .md\:pr-2{
    padding-right: 0.5rem !important;
  }

  .md\:pb-2{
    padding-bottom: 0.5rem !important;
  }

  .md\:pl-2{
    padding-left: 0.5rem !important;
  }

  .md\:pt-3{
    padding-top: 0.75rem !important;
  }

  .md\:pr-3{
    padding-right: 0.75rem !important;
  }

  .md\:pb-3{
    padding-bottom: 0.75rem !important;
  }

  .md\:pl-3{
    padding-left: 0.75rem !important;
  }

  .md\:pt-4{
    padding-top: 1rem !important;
  }

  .md\:pr-4{
    padding-right: 1rem !important;
  }

  .md\:pb-4{
    padding-bottom: 1rem !important;
  }

  .md\:pl-4{
    padding-left: 1rem !important;
  }

  .md\:pt-5{
    padding-top: 1.25rem !important;
  }

  .md\:pr-5{
    padding-right: 1.25rem !important;
  }

  .md\:pb-5{
    padding-bottom: 1.25rem !important;
  }

  .md\:pl-5{
    padding-left: 1.25rem !important;
  }

  .md\:pt-6{
    padding-top: 1.5rem !important;
  }

  .md\:pr-6{
    padding-right: 1.5rem !important;
  }

  .md\:pb-6{
    padding-bottom: 1.5rem !important;
  }

  .md\:pl-6{
    padding-left: 1.5rem !important;
  }

  .md\:pt-8{
    padding-top: 2rem !important;
  }

  .md\:pr-8{
    padding-right: 2rem !important;
  }

  .md\:pb-8{
    padding-bottom: 2rem !important;
  }

  .md\:pl-8{
    padding-left: 2rem !important;
  }

  .md\:pt-10{
    padding-top: 2.5rem !important;
  }

  .md\:pr-10{
    padding-right: 2.5rem !important;
  }

  .md\:pb-10{
    padding-bottom: 2.5rem !important;
  }

  .md\:pl-10{
    padding-left: 2.5rem !important;
  }

  .md\:pt-12{
    padding-top: 3rem !important;
  }

  .md\:pr-12{
    padding-right: 3rem !important;
  }

  .md\:pb-12{
    padding-bottom: 3rem !important;
  }

  .md\:pl-12{
    padding-left: 3rem !important;
  }

  .md\:pt-16{
    padding-top: 4rem !important;
  }

  .md\:pr-16{
    padding-right: 4rem !important;
  }

  .md\:pb-16{
    padding-bottom: 4rem !important;
  }

  .md\:pl-16{
    padding-left: 4rem !important;
  }

  .md\:pt-20{
    padding-top: 5rem !important;
  }

  .md\:pr-20{
    padding-right: 5rem !important;
  }

  .md\:pb-20{
    padding-bottom: 5rem !important;
  }

  .md\:pl-20{
    padding-left: 5rem !important;
  }

  .md\:pt-24{
    padding-top: 6rem !important;
  }

  .md\:pr-24{
    padding-right: 6rem !important;
  }

  .md\:pb-24{
    padding-bottom: 6rem !important;
  }

  .md\:pl-24{
    padding-left: 6rem !important;
  }

  .md\:pt-28{
    padding-top: 7rem !important;
  }

  .md\:pr-28{
    padding-right: 7rem !important;
  }

  .md\:pb-28{
    padding-bottom: 7rem !important;
  }

  .md\:pl-28{
    padding-left: 7rem !important;
  }

  .md\:pt-32{
    padding-top: 8rem !important;
  }

  .md\:pr-32{
    padding-right: 8rem !important;
  }

  .md\:pb-32{
    padding-bottom: 8rem !important;
  }

  .md\:pl-32{
    padding-left: 8rem !important;
  }

  .md\:pt-40{
    padding-top: 10rem !important;
  }

  .md\:pr-40{
    padding-right: 10rem !important;
  }

  .md\:pb-40{
    padding-bottom: 10rem !important;
  }

  .md\:pl-40{
    padding-left: 10rem !important;
  }

  .md\:pt-48{
    padding-top: 12rem !important;
  }

  .md\:pr-48{
    padding-right: 12rem !important;
  }

  .md\:pb-48{
    padding-bottom: 12rem !important;
  }

  .md\:pl-48{
    padding-left: 12rem !important;
  }

  .md\:pt-56{
    padding-top: 14rem !important;
  }

  .md\:pr-56{
    padding-right: 14rem !important;
  }

  .md\:pb-56{
    padding-bottom: 14rem !important;
  }

  .md\:pl-56{
    padding-left: 14rem !important;
  }

  .md\:pt-64{
    padding-top: 16rem !important;
  }

  .md\:pr-64{
    padding-right: 16rem !important;
  }

  .md\:pb-64{
    padding-bottom: 16rem !important;
  }

  .md\:pl-64{
    padding-left: 16rem !important;
  }

  .md\:pt-px{
    padding-top: 1px !important;
  }

  .md\:pr-px{
    padding-right: 1px !important;
  }

  .md\:pb-px{
    padding-bottom: 1px !important;
  }

  .md\:pl-px{
    padding-left: 1px !important;
  }

  .md\:pt-2px{
    padding-top: 2px !important;
  }

  .md\:pr-2px{
    padding-right: 2px !important;
  }

  .md\:pb-2px{
    padding-bottom: 2px !important;
  }

  .md\:pl-2px{
    padding-left: 2px !important;
  }

  .md\:pt-3px{
    padding-top: 3px !important;
  }

  .md\:pr-3px{
    padding-right: 3px !important;
  }

  .md\:pb-3px{
    padding-bottom: 3px !important;
  }

  .md\:pl-3px{
    padding-left: 3px !important;
  }

  .md\:pt-5px{
    padding-top: 5px !important;
  }

  .md\:pr-5px{
    padding-right: 5px !important;
  }

  .md\:pb-5px{
    padding-bottom: 5px !important;
  }

  .md\:pl-5px{
    padding-left: 5px !important;
  }

  .md\:pt-10px{
    padding-top: 10px !important;
  }

  .md\:pr-10px{
    padding-right: 10px !important;
  }

  .md\:pb-10px{
    padding-bottom: 10px !important;
  }

  .md\:pl-10px{
    padding-left: 10px !important;
  }

  .md\:pt-15px{
    padding-top: 15px !important;
  }

  .md\:pr-15px{
    padding-right: 15px !important;
  }

  .md\:pb-15px{
    padding-bottom: 15px !important;
  }

  .md\:pl-15px{
    padding-left: 15px !important;
  }

  .md\:pt-20px{
    padding-top: 20px !important;
  }

  .md\:pr-20px{
    padding-right: 20px !important;
  }

  .md\:pb-20px{
    padding-bottom: 20px !important;
  }

  .md\:pl-20px{
    padding-left: 20px !important;
  }

  .md\:pt-25px{
    padding-top: 25px !important;
  }

  .md\:pr-25px{
    padding-right: 25px !important;
  }

  .md\:pb-25px{
    padding-bottom: 25px !important;
  }

  .md\:pl-25px{
    padding-left: 25px !important;
  }

  .md\:pt-30px{
    padding-top: 30px !important;
  }

  .md\:pr-30px{
    padding-right: 30px !important;
  }

  .md\:pb-30px{
    padding-bottom: 30px !important;
  }

  .md\:pl-30px{
    padding-left: 30px !important;
  }

  .md\:pt-36px{
    padding-top: 36px !important;
  }

  .md\:pr-36px{
    padding-right: 36px !important;
  }

  .md\:pb-36px{
    padding-bottom: 36px !important;
  }

  .md\:pl-36px{
    padding-left: 36px !important;
  }

  .md\:pt-50px{
    padding-top: 50px !important;
  }

  .md\:pr-50px{
    padding-right: 50px !important;
  }

  .md\:pb-50px{
    padding-bottom: 50px !important;
  }

  .md\:pl-50px{
    padding-left: 50px !important;
  }

  .md\:pt-60px{
    padding-top: 60px !important;
  }

  .md\:pr-60px{
    padding-right: 60px !important;
  }

  .md\:pb-60px{
    padding-bottom: 60px !important;
  }

  .md\:pl-60px{
    padding-left: 60px !important;
  }

  .md\:pt-120px{
    padding-top: 120px !important;
  }

  .md\:pr-120px{
    padding-right: 120px !important;
  }

  .md\:pb-120px{
    padding-bottom: 120px !important;
  }

  .md\:pl-120px{
    padding-left: 120px !important;
  }

  .md\:placeholder-transparent::-webkit-input-placeholder{
    color: transparent !important;
  }

  .md\:placeholder-transparent::-moz-placeholder{
    color: transparent !important;
  }

  .md\:placeholder-transparent:-ms-input-placeholder{
    color: transparent !important;
  }

  .md\:placeholder-transparent::-ms-input-placeholder{
    color: transparent !important;
  }

  .md\:placeholder-transparent::placeholder{
    color: transparent !important;
  }

  .md\:placeholder-current::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .md\:placeholder-current::-moz-placeholder{
    color: currentColor !important;
  }

  .md\:placeholder-current:-ms-input-placeholder{
    color: currentColor !important;
  }

  .md\:placeholder-current::-ms-input-placeholder{
    color: currentColor !important;
  }

  .md\:placeholder-current::placeholder{
    color: currentColor !important;
  }

  .md\:placeholder-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-white::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-white:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-white::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-white::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-red::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-orange-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-yellow-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-teal-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-blue-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-indigo-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-purple-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-pink-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-primary-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:placeholder-primary-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:placeholder-primary-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:placeholder-primary-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:placeholder-primary-color::placeholder{
    color: var(--primary-color) !important;
  }

  .md\:placeholder-primary-hover-color::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .md\:placeholder-primary-hover-color::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .md\:placeholder-primary-hover-color:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .md\:placeholder-primary-hover-color::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .md\:placeholder-primary-hover-color::placeholder{
    color: var(--hover-color) !important;
  }

  .md\:placeholder-gray-body::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-body::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-body:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-body::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-body::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-333::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-333::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-333:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-333::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-333::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-666::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-666::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-666:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-666::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-666::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-888::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-888::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-888:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-888::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-888::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-999::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-999::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-999:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-999::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-999::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-icon::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-icon::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-icon:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-icon::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-icon::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-features::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-features::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-features:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-features::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-features::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-slide-border::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-slide-border::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-slide-border:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-slide-border::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-slide-border::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-sale-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:placeholder-sale-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:placeholder-sale-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:placeholder-sale-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:placeholder-sale-color::placeholder{
    color: var(--primary-color) !important;
  }

  .md\:placeholder-hit-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-hit-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-hit-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-hit-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-hit-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-new-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-new-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-new-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-new-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-new-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-fb-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-fb-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-fb-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-fb-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-fb-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-fb-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-fb-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-fb-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-fb-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-fb-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-vk-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-vk-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-vk-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-vk-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-vk-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-vk-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-vk-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-vk-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-vk-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-vk-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-insta-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-insta-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-insta-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-insta-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-insta-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-insta-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-insta-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-insta-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-insta-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-insta-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-dc::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-dc::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-dc:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-dc::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-dc::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-cd::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-cd::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-cd:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-cd::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-cd::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-e7::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-e7::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-e7:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-e7::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-gray-e7::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-check-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-check-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-check-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-check-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-check-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-docx-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-docx-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-docx-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-docx-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-docx-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-dark-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-dark-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-dark-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-dark-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-dark-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-green-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-transparent:focus::-webkit-input-placeholder{
    color: transparent !important;
  }

  .md\:focus\:placeholder-transparent:focus::-moz-placeholder{
    color: transparent !important;
  }

  .md\:focus\:placeholder-transparent:focus:-ms-input-placeholder{
    color: transparent !important;
  }

  .md\:focus\:placeholder-transparent:focus::-ms-input-placeholder{
    color: transparent !important;
  }

  .md\:focus\:placeholder-transparent:focus::placeholder{
    color: transparent !important;
  }

  .md\:focus\:placeholder-current:focus::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .md\:focus\:placeholder-current:focus::-moz-placeholder{
    color: currentColor !important;
  }

  .md\:focus\:placeholder-current:focus:-ms-input-placeholder{
    color: currentColor !important;
  }

  .md\:focus\:placeholder-current:focus::-ms-input-placeholder{
    color: currentColor !important;
  }

  .md\:focus\:placeholder-current:focus::placeholder{
    color: currentColor !important;
  }

  .md\:focus\:placeholder-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-white:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-white:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-orange-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-teal-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-blue-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-indigo-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-purple-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-pink-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-primary-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:focus\:placeholder-primary-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:focus\:placeholder-primary-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:focus\:placeholder-primary-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:focus\:placeholder-primary-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .md\:focus\:placeholder-primary-hover-color:focus::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .md\:focus\:placeholder-primary-hover-color:focus::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .md\:focus\:placeholder-primary-hover-color:focus:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .md\:focus\:placeholder-primary-hover-color:focus::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .md\:focus\:placeholder-primary-hover-color:focus::placeholder{
    color: var(--hover-color) !important;
  }

  .md\:focus\:placeholder-gray-body:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-body:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-body:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-body:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-body:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-333:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-333:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-333:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-333:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-333:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-666:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-666:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-666:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-666:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-666:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-888:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-888:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-888:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-888:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-888:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-999:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-999:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-999:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-999:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-999:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-icon:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-icon:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-icon:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-icon:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-icon:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-features:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-features:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-features:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-features:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-features:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-slide-border:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-slide-border:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-slide-border:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-slide-border:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-slide-border:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-sale-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:focus\:placeholder-sale-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:focus\:placeholder-sale-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:focus\:placeholder-sale-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .md\:focus\:placeholder-sale-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .md\:focus\:placeholder-hit-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-hit-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-hit-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-hit-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-hit-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-new-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-new-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-new-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-new-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-new-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-fb-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-fb-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-fb-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-fb-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-fb-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-fb-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-fb-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-fb-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-fb-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-fb-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-vk-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-vk-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-vk-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-vk-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-vk-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-vk-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-vk-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-vk-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-vk-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-vk-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-insta-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-insta-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-insta-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-insta-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-insta-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-insta-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-insta-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-insta-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-insta-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-insta-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-dc:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-dc:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-dc:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-dc:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-dc:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-cd:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-cd:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-cd:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-cd:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-cd:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-e7:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-e7:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-e7:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-e7:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-gray-e7:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-check-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-check-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-check-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-check-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-check-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-docx-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-docx-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-docx-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-docx-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-docx-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-dark-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-dark-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-dark-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-dark-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-dark-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .md\:focus\:placeholder-green-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .md\:placeholder-opacity-0::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .md\:placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .md\:placeholder-opacity-0:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .md\:placeholder-opacity-0::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .md\:placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .md\:placeholder-opacity-25::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .md\:placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .md\:placeholder-opacity-25:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .md\:placeholder-opacity-25::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .md\:placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .md\:placeholder-opacity-50::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .md\:placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .md\:placeholder-opacity-50:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .md\:placeholder-opacity-50::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .md\:placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .md\:placeholder-opacity-75::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .md\:placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .md\:placeholder-opacity-75:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .md\:placeholder-opacity-75::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .md\:placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .md\:placeholder-opacity-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .md\:placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .md\:placeholder-opacity-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .md\:placeholder-opacity-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .md\:placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .md\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .md\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .md\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .md\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .md\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .md\:focus\:placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .md\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .md\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .md\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .md\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .md\:focus\:placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .md\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .md\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .md\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .md\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .md\:focus\:placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .md\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .md\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .md\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .md\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .md\:focus\:placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .md\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .md\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .md\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .md\:pointer-events-none{
    pointer-events: none !important;
  }

  .md\:pointer-events-auto{
    pointer-events: auto !important;
  }

  .md\:static{
    position: static !important;
  }

  .md\:fixed{
    position: fixed !important;
  }

  .md\:absolute{
    position: absolute !important;
  }

  .md\:relative{
    position: relative !important;
  }

  .md\:sticky{
    position: sticky !important;
  }

  .md\:inset-0{
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }

  .md\:inset-auto{
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }

  .md\:inset-1\/2{
    top: 50% !important;
    right: 50% !important;
    bottom: 50% !important;
    left: 50% !important;
  }

  .md\:inset-100\%{
    top: 100% !important;
    right: 100% !important;
    bottom: 100% !important;
    left: 100% !important;
  }

  .md\:inset-px{
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
  }

  .md\:inset-2px{
    top: 2px !important;
    right: 2px !important;
    bottom: 2px !important;
    left: 2px !important;
  }

  .md\:inset-4px{
    top: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    left: 4px !important;
  }

  .md\:inset-10px{
    top: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
  }

  .md\:inset-y-0{
    top: 0 !important;
    bottom: 0 !important;
  }

  .md\:inset-x-0{
    right: 0 !important;
    left: 0 !important;
  }

  .md\:inset-y-auto{
    top: auto !important;
    bottom: auto !important;
  }

  .md\:inset-x-auto{
    right: auto !important;
    left: auto !important;
  }

  .md\:inset-y-1\/2{
    top: 50% !important;
    bottom: 50% !important;
  }

  .md\:inset-x-1\/2{
    right: 50% !important;
    left: 50% !important;
  }

  .md\:inset-y-100\%{
    top: 100% !important;
    bottom: 100% !important;
  }

  .md\:inset-x-100\%{
    right: 100% !important;
    left: 100% !important;
  }

  .md\:inset-y-px{
    top: 1px !important;
    bottom: 1px !important;
  }

  .md\:inset-x-px{
    right: 1px !important;
    left: 1px !important;
  }

  .md\:inset-y-2px{
    top: 2px !important;
    bottom: 2px !important;
  }

  .md\:inset-x-2px{
    right: 2px !important;
    left: 2px !important;
  }

  .md\:inset-y-4px{
    top: 4px !important;
    bottom: 4px !important;
  }

  .md\:inset-x-4px{
    right: 4px !important;
    left: 4px !important;
  }

  .md\:inset-y-10px{
    top: 10px !important;
    bottom: 10px !important;
  }

  .md\:inset-x-10px{
    right: 10px !important;
    left: 10px !important;
  }

  .md\:top-0{
    top: 0 !important;
  }

  .md\:right-0{
    right: 0 !important;
  }

  .md\:bottom-0{
    bottom: 0 !important;
  }

  .md\:left-0{
    left: 0 !important;
  }

  .md\:top-auto{
    top: auto !important;
  }

  .md\:right-auto{
    right: auto !important;
  }

  .md\:bottom-auto{
    bottom: auto !important;
  }

  .md\:left-auto{
    left: auto !important;
  }

  .md\:top-1\/2{
    top: 50% !important;
  }

  .md\:right-1\/2{
    right: 50% !important;
  }

  .md\:bottom-1\/2{
    bottom: 50% !important;
  }

  .md\:left-1\/2{
    left: 50% !important;
  }

  .md\:top-100\%{
    top: 100% !important;
  }

  .md\:right-100\%{
    right: 100% !important;
  }

  .md\:bottom-100\%{
    bottom: 100% !important;
  }

  .md\:left-100\%{
    left: 100% !important;
  }

  .md\:top-px{
    top: 1px !important;
  }

  .md\:right-px{
    right: 1px !important;
  }

  .md\:bottom-px{
    bottom: 1px !important;
  }

  .md\:left-px{
    left: 1px !important;
  }

  .md\:top-2px{
    top: 2px !important;
  }

  .md\:right-2px{
    right: 2px !important;
  }

  .md\:bottom-2px{
    bottom: 2px !important;
  }

  .md\:left-2px{
    left: 2px !important;
  }

  .md\:top-4px{
    top: 4px !important;
  }

  .md\:right-4px{
    right: 4px !important;
  }

  .md\:bottom-4px{
    bottom: 4px !important;
  }

  .md\:left-4px{
    left: 4px !important;
  }

  .md\:top-10px{
    top: 10px !important;
  }

  .md\:right-10px{
    right: 10px !important;
  }

  .md\:bottom-10px{
    bottom: 10px !important;
  }

  .md\:left-10px{
    left: 10px !important;
  }

  .md\:resize-none{
    resize: none !important;
  }

  .md\:resize-y{
    resize: vertical !important;
  }

  .md\:resize-x{
    resize: horizontal !important;
  }

  .md\:resize{
    resize: both !important;
  }

  .md\:shadow-xs{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .md\:shadow-sm{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .md\:shadow{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .md\:shadow-md{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .md\:shadow-lg{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .md\:shadow-xl{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .md\:shadow-2xl{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .md\:shadow-inner{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .md\:shadow-outline{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .md\:shadow-none{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .md\:shadow-btn-hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .md\:shadow-hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .md\:shadow-filter{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .md\:shadow-menu{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .md\:hover\:shadow-xs:hover{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .md\:hover\:shadow-sm:hover{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .md\:hover\:shadow:hover{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .md\:hover\:shadow-md:hover{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .md\:hover\:shadow-lg:hover{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .md\:hover\:shadow-xl:hover{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .md\:hover\:shadow-2xl:hover{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .md\:hover\:shadow-inner:hover{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .md\:hover\:shadow-outline:hover{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .md\:hover\:shadow-none:hover{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .md\:hover\:shadow-btn-hover:hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .md\:hover\:shadow-hover:hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .md\:hover\:shadow-filter:hover{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .md\:hover\:shadow-menu:hover{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .md\:focus\:shadow-xs:focus{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .md\:focus\:shadow-sm:focus{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .md\:focus\:shadow:focus{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .md\:focus\:shadow-md:focus{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .md\:focus\:shadow-lg:focus{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .md\:focus\:shadow-xl:focus{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .md\:focus\:shadow-2xl:focus{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .md\:focus\:shadow-inner:focus{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .md\:focus\:shadow-outline:focus{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .md\:focus\:shadow-none:focus{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .md\:focus\:shadow-btn-hover:focus{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .md\:focus\:shadow-hover:focus{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .md\:focus\:shadow-filter:focus{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .md\:focus\:shadow-menu:focus{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .md\:fill-current{
    fill: currentColor !important;
  }

  .md\:fill-primary-color{
    fill: var(--primary-color) !important;
  }

  .md\:fill-primary-hover-color{
    fill: var(--hover-color) !important;
  }

  .md\:fill-ordinary{
    fill: #333333 !important;
  }

  .md\:fill-no-active{
    fill: #888888 !important;
  }

  .md\:fill-white{
    fill: #ffffff !important;
  }

  .md\:stroke-current{
    stroke: currentColor !important;
  }

  .md\:stroke-primary-color{
    stroke: var(--primary-color) !important;
  }

  .md\:stroke-primary-hover-color{
    stroke: var(--hover-color) !important;
  }

  .md\:stroke-0{
    stroke-width: 0 !important;
  }

  .md\:stroke-1{
    stroke-width: 1 !important;
  }

  .md\:stroke-2{
    stroke-width: 2 !important;
  }

  .md\:stroke-12{
    stroke-width: 12 !important;
  }

  .md\:stroke-20{
    stroke-width: 20 !important;
  }

  .md\:table-auto{
    table-layout: auto !important;
  }

  .md\:table-fixed{
    table-layout: fixed !important;
  }

  .md\:text-left{
    text-align: left !important;
  }

  .md\:text-center{
    text-align: center !important;
  }

  .md\:text-right{
    text-align: right !important;
  }

  .md\:text-justify{
    text-align: justify !important;
  }

  .md\:text-transparent{
    color: transparent !important;
  }

  .md\:text-current{
    color: currentColor !important;
  }

  .md\:text-black{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .md\:text-white{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .md\:text-gray-100{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .md\:text-gray-200{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .md\:text-gray-300{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .md\:text-gray-400{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .md\:text-gray-500{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .md\:text-gray-600{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .md\:text-gray-700{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .md\:text-gray-800{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .md\:text-gray-900{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .md\:text-red{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .md\:text-orange-100{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .md\:text-orange-200{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .md\:text-orange-300{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .md\:text-orange-400{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .md\:text-orange-500{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .md\:text-orange-600{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .md\:text-orange-700{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .md\:text-orange-800{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .md\:text-orange-900{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .md\:text-yellow-100{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .md\:text-yellow-200{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .md\:text-yellow-300{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .md\:text-yellow-400{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .md\:text-yellow-500{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .md\:text-yellow-600{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .md\:text-yellow-700{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .md\:text-yellow-800{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .md\:text-yellow-900{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .md\:text-green-100{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .md\:text-green-200{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .md\:text-green-300{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .md\:text-green-400{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .md\:text-green-500{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .md\:text-green-600{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .md\:text-green-700{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .md\:text-green-800{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .md\:text-green-900{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .md\:text-teal-100{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .md\:text-teal-200{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .md\:text-teal-300{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .md\:text-teal-400{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .md\:text-teal-500{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .md\:text-teal-600{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .md\:text-teal-700{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .md\:text-teal-800{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .md\:text-teal-900{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .md\:text-blue-100{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .md\:text-blue-200{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .md\:text-blue-300{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .md\:text-blue-400{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .md\:text-blue-500{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .md\:text-blue-600{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .md\:text-blue-700{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .md\:text-blue-800{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .md\:text-blue-900{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .md\:text-indigo-100{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .md\:text-indigo-200{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .md\:text-indigo-300{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .md\:text-indigo-400{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .md\:text-indigo-500{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .md\:text-indigo-600{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .md\:text-indigo-700{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .md\:text-indigo-800{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .md\:text-indigo-900{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .md\:text-purple-100{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .md\:text-purple-200{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .md\:text-purple-300{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .md\:text-purple-400{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .md\:text-purple-500{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .md\:text-purple-600{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .md\:text-purple-700{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .md\:text-purple-800{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .md\:text-purple-900{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .md\:text-pink-100{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .md\:text-pink-200{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .md\:text-pink-300{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .md\:text-pink-400{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .md\:text-pink-500{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .md\:text-pink-600{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .md\:text-pink-700{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .md\:text-pink-800{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .md\:text-pink-900{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .md\:text-primary-color{
    color: var(--primary-color) !important;
  }

  .md\:text-primary-hover-color{
    color: var(--hover-color) !important;
  }

  .md\:text-gray-body{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .md\:text-gray-light{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .md\:text-gray-333{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .md\:text-gray-666{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .md\:text-gray-888{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .md\:text-gray-999{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .md\:text-gray-icon{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .md\:text-gray-features{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .md\:text-slide-border{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .md\:text-sale-color{
    color: var(--primary-color) !important;
  }

  .md\:text-hit-color{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .md\:text-new-color{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .md\:text-fb-hover-color{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .md\:text-fb-active-color{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .md\:text-vk-hover-color{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .md\:text-vk-active-color{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .md\:text-insta-hover-color{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .md\:text-insta-active-color{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .md\:text-gray-dc{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .md\:text-gray-cd{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .md\:text-gray-e7{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .md\:text-check-color{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .md\:text-docx-color{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .md\:text-dark-black{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .md\:text-green-light{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .md\:hover\:text-transparent:hover{
    color: transparent !important;
  }

  .md\:hover\:text-current:hover{
    color: currentColor !important;
  }

  .md\:hover\:text-black:hover{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .md\:hover\:text-white:hover{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-100:hover{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-200:hover{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-300:hover{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-400:hover{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-500:hover{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-600:hover{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-700:hover{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-800:hover{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-900:hover{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .md\:hover\:text-red:hover{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .md\:hover\:text-orange-100:hover{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .md\:hover\:text-orange-200:hover{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .md\:hover\:text-orange-300:hover{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .md\:hover\:text-orange-400:hover{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .md\:hover\:text-orange-500:hover{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .md\:hover\:text-orange-600:hover{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .md\:hover\:text-orange-700:hover{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .md\:hover\:text-orange-800:hover{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .md\:hover\:text-orange-900:hover{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .md\:hover\:text-yellow-100:hover{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .md\:hover\:text-yellow-200:hover{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .md\:hover\:text-yellow-300:hover{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .md\:hover\:text-yellow-400:hover{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .md\:hover\:text-yellow-500:hover{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .md\:hover\:text-yellow-600:hover{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .md\:hover\:text-yellow-700:hover{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .md\:hover\:text-yellow-800:hover{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .md\:hover\:text-yellow-900:hover{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .md\:hover\:text-green-100:hover{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .md\:hover\:text-green-200:hover{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .md\:hover\:text-green-300:hover{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .md\:hover\:text-green-400:hover{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .md\:hover\:text-green-500:hover{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .md\:hover\:text-green-600:hover{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .md\:hover\:text-green-700:hover{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .md\:hover\:text-green-800:hover{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .md\:hover\:text-green-900:hover{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .md\:hover\:text-teal-100:hover{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .md\:hover\:text-teal-200:hover{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .md\:hover\:text-teal-300:hover{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .md\:hover\:text-teal-400:hover{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .md\:hover\:text-teal-500:hover{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .md\:hover\:text-teal-600:hover{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .md\:hover\:text-teal-700:hover{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .md\:hover\:text-teal-800:hover{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .md\:hover\:text-teal-900:hover{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-100:hover{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-200:hover{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-300:hover{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-400:hover{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-500:hover{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-600:hover{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-700:hover{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-800:hover{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .md\:hover\:text-blue-900:hover{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .md\:hover\:text-indigo-100:hover{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .md\:hover\:text-indigo-200:hover{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .md\:hover\:text-indigo-300:hover{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .md\:hover\:text-indigo-400:hover{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .md\:hover\:text-indigo-500:hover{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .md\:hover\:text-indigo-600:hover{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .md\:hover\:text-indigo-700:hover{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .md\:hover\:text-indigo-800:hover{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .md\:hover\:text-indigo-900:hover{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .md\:hover\:text-purple-100:hover{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .md\:hover\:text-purple-200:hover{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .md\:hover\:text-purple-300:hover{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .md\:hover\:text-purple-400:hover{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .md\:hover\:text-purple-500:hover{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .md\:hover\:text-purple-600:hover{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .md\:hover\:text-purple-700:hover{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .md\:hover\:text-purple-800:hover{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .md\:hover\:text-purple-900:hover{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .md\:hover\:text-pink-100:hover{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .md\:hover\:text-pink-200:hover{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .md\:hover\:text-pink-300:hover{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .md\:hover\:text-pink-400:hover{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .md\:hover\:text-pink-500:hover{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .md\:hover\:text-pink-600:hover{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .md\:hover\:text-pink-700:hover{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .md\:hover\:text-pink-800:hover{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .md\:hover\:text-pink-900:hover{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .md\:hover\:text-primary-color:hover{
    color: var(--primary-color) !important;
  }

  .md\:hover\:text-primary-hover-color:hover{
    color: var(--hover-color) !important;
  }

  .md\:hover\:text-gray-body:hover{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-light:hover{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-333:hover{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-666:hover{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-888:hover{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-999:hover{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-icon:hover{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-features:hover{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .md\:hover\:text-slide-border:hover{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .md\:hover\:text-sale-color:hover{
    color: var(--primary-color) !important;
  }

  .md\:hover\:text-hit-color:hover{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .md\:hover\:text-new-color:hover{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .md\:hover\:text-fb-hover-color:hover{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .md\:hover\:text-fb-active-color:hover{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .md\:hover\:text-vk-hover-color:hover{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .md\:hover\:text-vk-active-color:hover{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .md\:hover\:text-insta-hover-color:hover{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .md\:hover\:text-insta-active-color:hover{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-dc:hover{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-cd:hover{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .md\:hover\:text-gray-e7:hover{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .md\:hover\:text-check-color:hover{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .md\:hover\:text-docx-color:hover{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .md\:hover\:text-dark-black:hover{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .md\:hover\:text-green-light:hover{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .md\:focus\:text-transparent:focus{
    color: transparent !important;
  }

  .md\:focus\:text-current:focus{
    color: currentColor !important;
  }

  .md\:focus\:text-black:focus{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .md\:focus\:text-white:focus{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-100:focus{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-200:focus{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-300:focus{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-400:focus{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-500:focus{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-600:focus{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-700:focus{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-800:focus{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-900:focus{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .md\:focus\:text-red:focus{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .md\:focus\:text-orange-100:focus{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .md\:focus\:text-orange-200:focus{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .md\:focus\:text-orange-300:focus{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .md\:focus\:text-orange-400:focus{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .md\:focus\:text-orange-500:focus{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .md\:focus\:text-orange-600:focus{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .md\:focus\:text-orange-700:focus{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .md\:focus\:text-orange-800:focus{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .md\:focus\:text-orange-900:focus{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .md\:focus\:text-yellow-100:focus{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .md\:focus\:text-yellow-200:focus{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .md\:focus\:text-yellow-300:focus{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .md\:focus\:text-yellow-400:focus{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .md\:focus\:text-yellow-500:focus{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .md\:focus\:text-yellow-600:focus{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .md\:focus\:text-yellow-700:focus{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .md\:focus\:text-yellow-800:focus{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .md\:focus\:text-yellow-900:focus{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .md\:focus\:text-green-100:focus{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .md\:focus\:text-green-200:focus{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .md\:focus\:text-green-300:focus{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .md\:focus\:text-green-400:focus{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .md\:focus\:text-green-500:focus{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .md\:focus\:text-green-600:focus{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .md\:focus\:text-green-700:focus{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .md\:focus\:text-green-800:focus{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .md\:focus\:text-green-900:focus{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .md\:focus\:text-teal-100:focus{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .md\:focus\:text-teal-200:focus{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .md\:focus\:text-teal-300:focus{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .md\:focus\:text-teal-400:focus{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .md\:focus\:text-teal-500:focus{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .md\:focus\:text-teal-600:focus{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .md\:focus\:text-teal-700:focus{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .md\:focus\:text-teal-800:focus{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .md\:focus\:text-teal-900:focus{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-100:focus{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-200:focus{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-300:focus{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-400:focus{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-500:focus{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-600:focus{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-700:focus{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-800:focus{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .md\:focus\:text-blue-900:focus{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .md\:focus\:text-indigo-100:focus{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .md\:focus\:text-indigo-200:focus{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .md\:focus\:text-indigo-300:focus{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .md\:focus\:text-indigo-400:focus{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .md\:focus\:text-indigo-500:focus{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .md\:focus\:text-indigo-600:focus{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .md\:focus\:text-indigo-700:focus{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .md\:focus\:text-indigo-800:focus{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .md\:focus\:text-indigo-900:focus{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .md\:focus\:text-purple-100:focus{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .md\:focus\:text-purple-200:focus{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .md\:focus\:text-purple-300:focus{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .md\:focus\:text-purple-400:focus{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .md\:focus\:text-purple-500:focus{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .md\:focus\:text-purple-600:focus{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .md\:focus\:text-purple-700:focus{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .md\:focus\:text-purple-800:focus{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .md\:focus\:text-purple-900:focus{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .md\:focus\:text-pink-100:focus{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .md\:focus\:text-pink-200:focus{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .md\:focus\:text-pink-300:focus{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .md\:focus\:text-pink-400:focus{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .md\:focus\:text-pink-500:focus{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .md\:focus\:text-pink-600:focus{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .md\:focus\:text-pink-700:focus{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .md\:focus\:text-pink-800:focus{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .md\:focus\:text-pink-900:focus{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .md\:focus\:text-primary-color:focus{
    color: var(--primary-color) !important;
  }

  .md\:focus\:text-primary-hover-color:focus{
    color: var(--hover-color) !important;
  }

  .md\:focus\:text-gray-body:focus{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-light:focus{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-333:focus{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-666:focus{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-888:focus{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-999:focus{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-icon:focus{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-features:focus{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .md\:focus\:text-slide-border:focus{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .md\:focus\:text-sale-color:focus{
    color: var(--primary-color) !important;
  }

  .md\:focus\:text-hit-color:focus{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .md\:focus\:text-new-color:focus{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .md\:focus\:text-fb-hover-color:focus{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .md\:focus\:text-fb-active-color:focus{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .md\:focus\:text-vk-hover-color:focus{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .md\:focus\:text-vk-active-color:focus{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .md\:focus\:text-insta-hover-color:focus{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .md\:focus\:text-insta-active-color:focus{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-dc:focus{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-cd:focus{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .md\:focus\:text-gray-e7:focus{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .md\:focus\:text-check-color:focus{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .md\:focus\:text-docx-color:focus{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .md\:focus\:text-dark-black:focus{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .md\:focus\:text-green-light:focus{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .md\:text-opacity-0{
    --text-opacity: 0 !important;
  }

  .md\:text-opacity-25{
    --text-opacity: 0.25 !important;
  }

  .md\:text-opacity-50{
    --text-opacity: 0.5 !important;
  }

  .md\:text-opacity-75{
    --text-opacity: 0.75 !important;
  }

  .md\:text-opacity-100{
    --text-opacity: 1 !important;
  }

  .md\:hover\:text-opacity-0:hover{
    --text-opacity: 0 !important;
  }

  .md\:hover\:text-opacity-25:hover{
    --text-opacity: 0.25 !important;
  }

  .md\:hover\:text-opacity-50:hover{
    --text-opacity: 0.5 !important;
  }

  .md\:hover\:text-opacity-75:hover{
    --text-opacity: 0.75 !important;
  }

  .md\:hover\:text-opacity-100:hover{
    --text-opacity: 1 !important;
  }

  .md\:focus\:text-opacity-0:focus{
    --text-opacity: 0 !important;
  }

  .md\:focus\:text-opacity-25:focus{
    --text-opacity: 0.25 !important;
  }

  .md\:focus\:text-opacity-50:focus{
    --text-opacity: 0.5 !important;
  }

  .md\:focus\:text-opacity-75:focus{
    --text-opacity: 0.75 !important;
  }

  .md\:focus\:text-opacity-100:focus{
    --text-opacity: 1 !important;
  }

  .md\:italic{
    font-style: italic !important;
  }

  .md\:not-italic{
    font-style: normal !important;
  }

  .md\:uppercase{
    text-transform: uppercase !important;
  }

  .md\:lowercase{
    text-transform: lowercase !important;
  }

  .md\:capitalize{
    text-transform: capitalize !important;
  }

  .md\:normal-case{
    text-transform: none !important;
  }

  .md\:underline{
    text-decoration: underline !important;
  }

  .md\:line-through{
    text-decoration: line-through !important;
  }

  .md\:no-underline{
    text-decoration: none !important;
  }

  .md\:hover\:underline:hover{
    text-decoration: underline !important;
  }

  .md\:hover\:line-through:hover{
    text-decoration: line-through !important;
  }

  .md\:hover\:no-underline:hover{
    text-decoration: none !important;
  }

  .md\:focus\:underline:focus{
    text-decoration: underline !important;
  }

  .md\:focus\:line-through:focus{
    text-decoration: line-through !important;
  }

  .md\:focus\:no-underline:focus{
    text-decoration: none !important;
  }

  .md\:antialiased{
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .md\:subpixel-antialiased{
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
  }

  .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
  }

  .md\:normal-nums{
    font-variant-numeric: normal !important;
  }

  .md\:ordinal{
    --font-variant-numeric-ordinal: ordinal !important;
  }

  .md\:slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero !important;
  }

  .md\:lining-nums{
    --font-variant-numeric-figure: lining-nums !important;
  }

  .md\:oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums !important;
  }

  .md\:proportional-nums{
    --font-variant-numeric-spacing: proportional-nums !important;
  }

  .md\:tabular-nums{
    --font-variant-numeric-spacing: tabular-nums !important;
  }

  .md\:diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions !important;
  }

  .md\:stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions !important;
  }

  .md\:tracking-tighter{
    letter-spacing: -0.05em !important;
  }

  .md\:tracking-tight{
    letter-spacing: -0.025em !important;
  }

  .md\:tracking-normal{
    letter-spacing: 0 !important;
  }

  .md\:tracking-wide{
    letter-spacing: 0.025em !important;
  }

  .md\:tracking-wider{
    letter-spacing: 0.05em !important;
  }

  .md\:tracking-widest{
    letter-spacing: 0.1em !important;
  }

  .md\:select-none{
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
  }

  .md\:select-text{
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
  }

  .md\:select-all{
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
  }

  .md\:select-auto{
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
  }

  .md\:align-baseline{
    vertical-align: baseline !important;
  }

  .md\:align-top{
    vertical-align: top !important;
  }

  .md\:align-middle{
    vertical-align: middle !important;
  }

  .md\:align-bottom{
    vertical-align: bottom !important;
  }

  .md\:align-text-top{
    vertical-align: text-top !important;
  }

  .md\:align-text-bottom{
    vertical-align: text-bottom !important;
  }

  .md\:visible{
    visibility: visible !important;
  }

  .md\:invisible{
    visibility: hidden !important;
  }

  .md\:whitespace-normal{
    white-space: normal !important;
  }

  .md\:whitespace-no-wrap{
    white-space: nowrap !important;
  }

  .md\:whitespace-pre{
    white-space: pre !important;
  }

  .md\:whitespace-pre-line{
    white-space: pre-line !important;
  }

  .md\:whitespace-pre-wrap{
    white-space: pre-wrap !important;
  }

  .md\:break-normal{
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .md\:break-words{
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .md\:break-all{
    word-break: break-all !important;
  }

  .md\:truncate{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .md\:w-0{
    width: 0 !important;
  }

  .md\:w-1{
    width: 0.25rem !important;
  }

  .md\:w-2{
    width: 0.5rem !important;
  }

  .md\:w-3{
    width: 0.75rem !important;
  }

  .md\:w-4{
    width: 1rem !important;
  }

  .md\:w-5{
    width: 1.25rem !important;
  }

  .md\:w-6{
    width: 1.5rem !important;
  }

  .md\:w-8{
    width: 2rem !important;
  }

  .md\:w-10{
    width: 2.5rem !important;
  }

  .md\:w-12{
    width: 3rem !important;
  }

  .md\:w-16{
    width: 4rem !important;
  }

  .md\:w-20{
    width: 5rem !important;
  }

  .md\:w-24{
    width: 6rem !important;
  }

  .md\:w-28{
    width: 7rem !important;
  }

  .md\:w-32{
    width: 8rem !important;
  }

  .md\:w-40{
    width: 10rem !important;
  }

  .md\:w-48{
    width: 12rem !important;
  }

  .md\:w-56{
    width: 14rem !important;
  }

  .md\:w-64{
    width: 16rem !important;
  }

  .md\:w-auto{
    width: auto !important;
  }

  .md\:w-px{
    width: 1px !important;
  }

  .md\:w-2px{
    width: 2px !important;
  }

  .md\:w-3px{
    width: 3px !important;
  }

  .md\:w-5px{
    width: 5px !important;
  }

  .md\:w-10px{
    width: 10px !important;
  }

  .md\:w-15px{
    width: 15px !important;
  }

  .md\:w-20px{
    width: 20px !important;
  }

  .md\:w-25px{
    width: 25px !important;
  }

  .md\:w-30px{
    width: 30px !important;
  }

  .md\:w-36px{
    width: 36px !important;
  }

  .md\:w-50px{
    width: 50px !important;
  }

  .md\:w-60px{
    width: 60px !important;
  }

  .md\:w-120px{
    width: 120px !important;
  }

  .md\:w-1\/2{
    width: 50% !important;
  }

  .md\:w-1\/3{
    width: 33.333333% !important;
  }

  .md\:w-2\/3{
    width: 66.666667% !important;
  }

  .md\:w-1\/4{
    width: 25% !important;
  }

  .md\:w-2\/4{
    width: 50% !important;
  }

  .md\:w-3\/4{
    width: 75% !important;
  }

  .md\:w-1\/5{
    width: 20% !important;
  }

  .md\:w-2\/5{
    width: 40% !important;
  }

  .md\:w-3\/5{
    width: 60% !important;
  }

  .md\:w-4\/5{
    width: 80% !important;
  }

  .md\:w-1\/6{
    width: 16.666667% !important;
  }

  .md\:w-2\/6{
    width: 33.333333% !important;
  }

  .md\:w-3\/6{
    width: 50% !important;
  }

  .md\:w-4\/6{
    width: 66.666667% !important;
  }

  .md\:w-5\/6{
    width: 83.333333% !important;
  }

  .md\:w-1\/12{
    width: 8.333333% !important;
  }

  .md\:w-2\/12{
    width: 16.666667% !important;
  }

  .md\:w-3\/12{
    width: 25% !important;
  }

  .md\:w-4\/12{
    width: 33.333333% !important;
  }

  .md\:w-5\/12{
    width: 41.666667% !important;
  }

  .md\:w-6\/12{
    width: 50% !important;
  }

  .md\:w-7\/12{
    width: 58.333333% !important;
  }

  .md\:w-8\/12{
    width: 66.666667% !important;
  }

  .md\:w-9\/12{
    width: 75% !important;
  }

  .md\:w-10\/12{
    width: 83.333333% !important;
  }

  .md\:w-11\/12{
    width: 91.666667% !important;
  }

  .md\:w-full{
    width: 100% !important;
  }

  .md\:w-screen{
    width: 100vw !important;
  }

  .md\:z-0{
    z-index: 0 !important;
  }

  .md\:z-3{
    z-index: 3 !important;
  }

  .md\:z-10{
    z-index: 10 !important;
  }

  .md\:z-15{
    z-index: 15 !important;
  }

  .md\:z-20{
    z-index: 20 !important;
  }

  .md\:z-30{
    z-index: 30 !important;
  }

  .md\:z-40{
    z-index: 40 !important;
  }

  .md\:z-50{
    z-index: 50 !important;
  }

  .md\:z-auto{
    z-index: auto !important;
  }

  .md\:gap-0{
    grid-gap: 0 !important;
    gap: 0 !important;
  }

  .md\:gap-1{
    grid-gap: 0.25rem !important;
    gap: 0.25rem !important;
  }

  .md\:gap-2{
    grid-gap: 0.5rem !important;
    gap: 0.5rem !important;
  }

  .md\:gap-3{
    grid-gap: 0.75rem !important;
    gap: 0.75rem !important;
  }

  .md\:gap-4{
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }

  .md\:gap-5{
    grid-gap: 1.25rem !important;
    gap: 1.25rem !important;
  }

  .md\:gap-6{
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important;
  }

  .md\:gap-8{
    grid-gap: 2rem !important;
    gap: 2rem !important;
  }

  .md\:gap-10{
    grid-gap: 2.5rem !important;
    gap: 2.5rem !important;
  }

  .md\:gap-12{
    grid-gap: 3rem !important;
    gap: 3rem !important;
  }

  .md\:gap-16{
    grid-gap: 4rem !important;
    gap: 4rem !important;
  }

  .md\:gap-20{
    grid-gap: 5rem !important;
    gap: 5rem !important;
  }

  .md\:gap-24{
    grid-gap: 6rem !important;
    gap: 6rem !important;
  }

  .md\:gap-28{
    grid-gap: 7rem !important;
    gap: 7rem !important;
  }

  .md\:gap-32{
    grid-gap: 8rem !important;
    gap: 8rem !important;
  }

  .md\:gap-40{
    grid-gap: 10rem !important;
    gap: 10rem !important;
  }

  .md\:gap-48{
    grid-gap: 12rem !important;
    gap: 12rem !important;
  }

  .md\:gap-56{
    grid-gap: 14rem !important;
    gap: 14rem !important;
  }

  .md\:gap-64{
    grid-gap: 16rem !important;
    gap: 16rem !important;
  }

  .md\:gap-px{
    grid-gap: 1px !important;
    gap: 1px !important;
  }

  .md\:gap-2px{
    grid-gap: 2px !important;
    gap: 2px !important;
  }

  .md\:gap-3px{
    grid-gap: 3px !important;
    gap: 3px !important;
  }

  .md\:gap-5px{
    grid-gap: 5px !important;
    gap: 5px !important;
  }

  .md\:gap-10px{
    grid-gap: 10px !important;
    gap: 10px !important;
  }

  .md\:gap-15px{
    grid-gap: 15px !important;
    gap: 15px !important;
  }

  .md\:gap-20px{
    grid-gap: 20px !important;
    gap: 20px !important;
  }

  .md\:gap-25px{
    grid-gap: 25px !important;
    gap: 25px !important;
  }

  .md\:gap-30px{
    grid-gap: 30px !important;
    gap: 30px !important;
  }

  .md\:gap-36px{
    grid-gap: 36px !important;
    gap: 36px !important;
  }

  .md\:gap-50px{
    grid-gap: 50px !important;
    gap: 50px !important;
  }

  .md\:gap-60px{
    grid-gap: 60px !important;
    gap: 60px !important;
  }

  .md\:gap-120px{
    grid-gap: 120px !important;
    gap: 120px !important;
  }

  .md\:col-gap-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .md\:col-gap-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .md\:col-gap-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .md\:col-gap-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .md\:col-gap-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .md\:col-gap-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .md\:col-gap-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .md\:col-gap-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .md\:col-gap-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .md\:col-gap-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .md\:col-gap-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .md\:col-gap-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .md\:col-gap-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .md\:col-gap-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .md\:col-gap-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .md\:col-gap-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .md\:col-gap-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .md\:col-gap-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .md\:col-gap-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .md\:col-gap-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .md\:col-gap-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .md\:col-gap-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .md\:col-gap-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .md\:col-gap-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .md\:col-gap-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .md\:col-gap-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .md\:col-gap-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .md\:col-gap-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .md\:col-gap-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .md\:col-gap-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .md\:col-gap-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .md\:col-gap-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .md\:gap-x-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .md\:gap-x-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .md\:gap-x-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .md\:gap-x-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .md\:gap-x-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .md\:gap-x-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .md\:gap-x-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .md\:gap-x-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .md\:gap-x-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .md\:gap-x-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .md\:gap-x-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .md\:gap-x-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .md\:gap-x-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .md\:gap-x-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .md\:gap-x-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .md\:gap-x-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .md\:gap-x-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .md\:gap-x-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .md\:gap-x-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .md\:gap-x-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .md\:gap-x-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .md\:gap-x-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .md\:gap-x-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .md\:gap-x-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .md\:gap-x-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .md\:gap-x-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .md\:gap-x-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .md\:gap-x-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .md\:gap-x-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .md\:gap-x-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .md\:gap-x-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .md\:gap-x-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .md\:row-gap-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .md\:row-gap-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .md\:row-gap-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .md\:row-gap-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .md\:row-gap-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .md\:row-gap-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .md\:row-gap-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .md\:row-gap-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .md\:row-gap-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .md\:row-gap-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .md\:row-gap-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .md\:row-gap-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .md\:row-gap-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .md\:row-gap-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .md\:row-gap-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .md\:row-gap-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .md\:row-gap-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .md\:row-gap-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .md\:row-gap-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .md\:row-gap-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .md\:row-gap-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .md\:row-gap-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .md\:row-gap-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .md\:row-gap-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .md\:row-gap-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .md\:row-gap-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .md\:row-gap-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .md\:row-gap-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .md\:row-gap-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .md\:row-gap-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .md\:row-gap-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .md\:row-gap-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .md\:gap-y-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .md\:gap-y-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .md\:gap-y-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .md\:gap-y-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .md\:gap-y-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .md\:gap-y-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .md\:gap-y-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .md\:gap-y-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .md\:gap-y-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .md\:gap-y-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .md\:gap-y-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .md\:gap-y-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .md\:gap-y-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .md\:gap-y-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .md\:gap-y-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .md\:gap-y-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .md\:gap-y-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .md\:gap-y-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .md\:gap-y-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .md\:gap-y-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .md\:gap-y-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .md\:gap-y-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .md\:gap-y-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .md\:gap-y-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .md\:gap-y-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .md\:gap-y-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .md\:gap-y-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .md\:gap-y-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .md\:gap-y-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .md\:gap-y-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .md\:gap-y-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .md\:gap-y-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .md\:grid-flow-row{
    grid-auto-flow: row !important;
  }

  .md\:grid-flow-col{
    grid-auto-flow: column !important;
  }

  .md\:grid-flow-row-dense{
    grid-auto-flow: row dense !important;
  }

  .md\:grid-flow-col-dense{
    grid-auto-flow: column dense !important;
  }

  .md\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-none{
    grid-template-columns: none !important;
  }

  .md\:grid-cols-half-col{
    grid-template-columns: repeat(2, 1fr); !important;
  }

  .md\:grid-cols-mix-col{
    grid-template-columns: calc(40% - 30px) 60% !important;
  }

  .md\:grid-cols-mixInfo-col{
    grid-template-columns: calc(40% - 30px) calc(60% - 30px) !important;
  }

  .md\:auto-cols-auto{
    grid-auto-columns: auto !important;
  }

  .md\:auto-cols-min{
    grid-auto-columns: -webkit-min-content !important;
    grid-auto-columns: min-content !important;
  }

  .md\:auto-cols-max{
    grid-auto-columns: -webkit-max-content !important;
    grid-auto-columns: max-content !important;
  }

  .md\:auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr) !important;
  }

  .md\:col-auto{
    grid-column: auto !important;
  }

  .md\:col-span-1{
    grid-column: span 1 / span 1 !important;
  }

  .md\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }

  .md\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }

  .md\:col-span-4{
    grid-column: span 4 / span 4 !important;
  }

  .md\:col-span-5{
    grid-column: span 5 / span 5 !important;
  }

  .md\:col-span-6{
    grid-column: span 6 / span 6 !important;
  }

  .md\:col-span-7{
    grid-column: span 7 / span 7 !important;
  }

  .md\:col-span-8{
    grid-column: span 8 / span 8 !important;
  }

  .md\:col-span-9{
    grid-column: span 9 / span 9 !important;
  }

  .md\:col-span-10{
    grid-column: span 10 / span 10 !important;
  }

  .md\:col-span-11{
    grid-column: span 11 / span 11 !important;
  }

  .md\:col-span-12{
    grid-column: span 12 / span 12 !important;
  }

  .md\:col-span-full{
    grid-column: 1 / -1 !important;
  }

  .md\:col-start-1{
    grid-column-start: 1 !important;
  }

  .md\:col-start-2{
    grid-column-start: 2 !important;
  }

  .md\:col-start-3{
    grid-column-start: 3 !important;
  }

  .md\:col-start-4{
    grid-column-start: 4 !important;
  }

  .md\:col-start-5{
    grid-column-start: 5 !important;
  }

  .md\:col-start-6{
    grid-column-start: 6 !important;
  }

  .md\:col-start-7{
    grid-column-start: 7 !important;
  }

  .md\:col-start-8{
    grid-column-start: 8 !important;
  }

  .md\:col-start-9{
    grid-column-start: 9 !important;
  }

  .md\:col-start-10{
    grid-column-start: 10 !important;
  }

  .md\:col-start-11{
    grid-column-start: 11 !important;
  }

  .md\:col-start-12{
    grid-column-start: 12 !important;
  }

  .md\:col-start-13{
    grid-column-start: 13 !important;
  }

  .md\:col-start-auto{
    grid-column-start: auto !important;
  }

  .md\:col-end-1{
    grid-column-end: 1 !important;
  }

  .md\:col-end-2{
    grid-column-end: 2 !important;
  }

  .md\:col-end-3{
    grid-column-end: 3 !important;
  }

  .md\:col-end-4{
    grid-column-end: 4 !important;
  }

  .md\:col-end-5{
    grid-column-end: 5 !important;
  }

  .md\:col-end-6{
    grid-column-end: 6 !important;
  }

  .md\:col-end-7{
    grid-column-end: 7 !important;
  }

  .md\:col-end-8{
    grid-column-end: 8 !important;
  }

  .md\:col-end-9{
    grid-column-end: 9 !important;
  }

  .md\:col-end-10{
    grid-column-end: 10 !important;
  }

  .md\:col-end-11{
    grid-column-end: 11 !important;
  }

  .md\:col-end-12{
    grid-column-end: 12 !important;
  }

  .md\:col-end-13{
    grid-column-end: 13 !important;
  }

  .md\:col-end-auto{
    grid-column-end: auto !important;
  }

  .md\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }

  .md\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  .md\:grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }

  .md\:grid-rows-4{
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }

  .md\:grid-rows-5{
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }

  .md\:grid-rows-6{
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }

  .md\:grid-rows-none{
    grid-template-rows: none !important;
  }

  .md\:grid-rows-mix-row{
    grid-template-rows: minmax(100px, auto) auto !important;
  }

  .md\:auto-rows-auto{
    grid-auto-rows: auto !important;
  }

  .md\:auto-rows-min{
    grid-auto-rows: -webkit-min-content !important;
    grid-auto-rows: min-content !important;
  }

  .md\:auto-rows-max{
    grid-auto-rows: -webkit-max-content !important;
    grid-auto-rows: max-content !important;
  }

  .md\:auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  .md\:row-auto{
    grid-row: auto !important;
  }

  .md\:row-span-1{
    grid-row: span 1 / span 1 !important;
  }

  .md\:row-span-2{
    grid-row: span 2 / span 2 !important;
  }

  .md\:row-span-3{
    grid-row: span 3 / span 3 !important;
  }

  .md\:row-span-4{
    grid-row: span 4 / span 4 !important;
  }

  .md\:row-span-5{
    grid-row: span 5 / span 5 !important;
  }

  .md\:row-span-6{
    grid-row: span 6 / span 6 !important;
  }

  .md\:row-span-full{
    grid-row: 1 / -1 !important;
  }

  .md\:row-start-1{
    grid-row-start: 1 !important;
  }

  .md\:row-start-2{
    grid-row-start: 2 !important;
  }

  .md\:row-start-3{
    grid-row-start: 3 !important;
  }

  .md\:row-start-4{
    grid-row-start: 4 !important;
  }

  .md\:row-start-5{
    grid-row-start: 5 !important;
  }

  .md\:row-start-6{
    grid-row-start: 6 !important;
  }

  .md\:row-start-7{
    grid-row-start: 7 !important;
  }

  .md\:row-start-auto{
    grid-row-start: auto !important;
  }

  .md\:row-end-1{
    grid-row-end: 1 !important;
  }

  .md\:row-end-2{
    grid-row-end: 2 !important;
  }

  .md\:row-end-3{
    grid-row-end: 3 !important;
  }

  .md\:row-end-4{
    grid-row-end: 4 !important;
  }

  .md\:row-end-5{
    grid-row-end: 5 !important;
  }

  .md\:row-end-6{
    grid-row-end: 6 !important;
  }

  .md\:row-end-7{
    grid-row-end: 7 !important;
  }

  .md\:row-end-auto{
    grid-row-end: auto !important;
  }

  .md\:transform{
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
  }

  .md\:transform-none{
    -webkit-transform: none !important;
    transform: none !important;
  }

  .md\:origin-center{
    -webkit-transform-origin: center !important;
    transform-origin: center !important;
  }

  .md\:origin-top{
    -webkit-transform-origin: top !important;
    transform-origin: top !important;
  }

  .md\:origin-top-right{
    -webkit-transform-origin: top right !important;
    transform-origin: top right !important;
  }

  .md\:origin-right{
    -webkit-transform-origin: right !important;
    transform-origin: right !important;
  }

  .md\:origin-bottom-right{
    -webkit-transform-origin: bottom right !important;
    transform-origin: bottom right !important;
  }

  .md\:origin-bottom{
    -webkit-transform-origin: bottom !important;
    transform-origin: bottom !important;
  }

  .md\:origin-bottom-left{
    -webkit-transform-origin: bottom left !important;
    transform-origin: bottom left !important;
  }

  .md\:origin-left{
    -webkit-transform-origin: left !important;
    transform-origin: left !important;
  }

  .md\:origin-top-left{
    -webkit-transform-origin: top left !important;
    transform-origin: top left !important;
  }

  .md\:scale-0{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .md\:scale-50{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .md\:scale-75{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .md\:scale-90{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .md\:scale-95{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .md\:scale-100{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .md\:scale-105{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .md\:scale-110{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .md\:scale-125{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .md\:scale-150{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .md\:scale-x-0{
    --transform-scale-x: 0 !important;
  }

  .md\:scale-x-50{
    --transform-scale-x: .5 !important;
  }

  .md\:scale-x-75{
    --transform-scale-x: .75 !important;
  }

  .md\:scale-x-90{
    --transform-scale-x: .9 !important;
  }

  .md\:scale-x-95{
    --transform-scale-x: .95 !important;
  }

  .md\:scale-x-100{
    --transform-scale-x: 1 !important;
  }

  .md\:scale-x-105{
    --transform-scale-x: 1.05 !important;
  }

  .md\:scale-x-110{
    --transform-scale-x: 1.1 !important;
  }

  .md\:scale-x-125{
    --transform-scale-x: 1.25 !important;
  }

  .md\:scale-x-150{
    --transform-scale-x: 1.5 !important;
  }

  .md\:scale-y-0{
    --transform-scale-y: 0 !important;
  }

  .md\:scale-y-50{
    --transform-scale-y: .5 !important;
  }

  .md\:scale-y-75{
    --transform-scale-y: .75 !important;
  }

  .md\:scale-y-90{
    --transform-scale-y: .9 !important;
  }

  .md\:scale-y-95{
    --transform-scale-y: .95 !important;
  }

  .md\:scale-y-100{
    --transform-scale-y: 1 !important;
  }

  .md\:scale-y-105{
    --transform-scale-y: 1.05 !important;
  }

  .md\:scale-y-110{
    --transform-scale-y: 1.1 !important;
  }

  .md\:scale-y-125{
    --transform-scale-y: 1.25 !important;
  }

  .md\:scale-y-150{
    --transform-scale-y: 1.5 !important;
  }

  .md\:hover\:scale-0:hover{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .md\:hover\:scale-50:hover{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .md\:hover\:scale-75:hover{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .md\:hover\:scale-90:hover{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .md\:hover\:scale-95:hover{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .md\:hover\:scale-100:hover{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .md\:hover\:scale-105:hover{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .md\:hover\:scale-110:hover{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .md\:hover\:scale-125:hover{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .md\:hover\:scale-150:hover{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .md\:hover\:scale-x-0:hover{
    --transform-scale-x: 0 !important;
  }

  .md\:hover\:scale-x-50:hover{
    --transform-scale-x: .5 !important;
  }

  .md\:hover\:scale-x-75:hover{
    --transform-scale-x: .75 !important;
  }

  .md\:hover\:scale-x-90:hover{
    --transform-scale-x: .9 !important;
  }

  .md\:hover\:scale-x-95:hover{
    --transform-scale-x: .95 !important;
  }

  .md\:hover\:scale-x-100:hover{
    --transform-scale-x: 1 !important;
  }

  .md\:hover\:scale-x-105:hover{
    --transform-scale-x: 1.05 !important;
  }

  .md\:hover\:scale-x-110:hover{
    --transform-scale-x: 1.1 !important;
  }

  .md\:hover\:scale-x-125:hover{
    --transform-scale-x: 1.25 !important;
  }

  .md\:hover\:scale-x-150:hover{
    --transform-scale-x: 1.5 !important;
  }

  .md\:hover\:scale-y-0:hover{
    --transform-scale-y: 0 !important;
  }

  .md\:hover\:scale-y-50:hover{
    --transform-scale-y: .5 !important;
  }

  .md\:hover\:scale-y-75:hover{
    --transform-scale-y: .75 !important;
  }

  .md\:hover\:scale-y-90:hover{
    --transform-scale-y: .9 !important;
  }

  .md\:hover\:scale-y-95:hover{
    --transform-scale-y: .95 !important;
  }

  .md\:hover\:scale-y-100:hover{
    --transform-scale-y: 1 !important;
  }

  .md\:hover\:scale-y-105:hover{
    --transform-scale-y: 1.05 !important;
  }

  .md\:hover\:scale-y-110:hover{
    --transform-scale-y: 1.1 !important;
  }

  .md\:hover\:scale-y-125:hover{
    --transform-scale-y: 1.25 !important;
  }

  .md\:hover\:scale-y-150:hover{
    --transform-scale-y: 1.5 !important;
  }

  .md\:focus\:scale-0:focus{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .md\:focus\:scale-50:focus{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .md\:focus\:scale-75:focus{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .md\:focus\:scale-90:focus{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .md\:focus\:scale-95:focus{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .md\:focus\:scale-100:focus{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .md\:focus\:scale-105:focus{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .md\:focus\:scale-110:focus{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .md\:focus\:scale-125:focus{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .md\:focus\:scale-150:focus{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .md\:focus\:scale-x-0:focus{
    --transform-scale-x: 0 !important;
  }

  .md\:focus\:scale-x-50:focus{
    --transform-scale-x: .5 !important;
  }

  .md\:focus\:scale-x-75:focus{
    --transform-scale-x: .75 !important;
  }

  .md\:focus\:scale-x-90:focus{
    --transform-scale-x: .9 !important;
  }

  .md\:focus\:scale-x-95:focus{
    --transform-scale-x: .95 !important;
  }

  .md\:focus\:scale-x-100:focus{
    --transform-scale-x: 1 !important;
  }

  .md\:focus\:scale-x-105:focus{
    --transform-scale-x: 1.05 !important;
  }

  .md\:focus\:scale-x-110:focus{
    --transform-scale-x: 1.1 !important;
  }

  .md\:focus\:scale-x-125:focus{
    --transform-scale-x: 1.25 !important;
  }

  .md\:focus\:scale-x-150:focus{
    --transform-scale-x: 1.5 !important;
  }

  .md\:focus\:scale-y-0:focus{
    --transform-scale-y: 0 !important;
  }

  .md\:focus\:scale-y-50:focus{
    --transform-scale-y: .5 !important;
  }

  .md\:focus\:scale-y-75:focus{
    --transform-scale-y: .75 !important;
  }

  .md\:focus\:scale-y-90:focus{
    --transform-scale-y: .9 !important;
  }

  .md\:focus\:scale-y-95:focus{
    --transform-scale-y: .95 !important;
  }

  .md\:focus\:scale-y-100:focus{
    --transform-scale-y: 1 !important;
  }

  .md\:focus\:scale-y-105:focus{
    --transform-scale-y: 1.05 !important;
  }

  .md\:focus\:scale-y-110:focus{
    --transform-scale-y: 1.1 !important;
  }

  .md\:focus\:scale-y-125:focus{
    --transform-scale-y: 1.25 !important;
  }

  .md\:focus\:scale-y-150:focus{
    --transform-scale-y: 1.5 !important;
  }

  .md\:rotate-0{
    --transform-rotate: 0 !important;
  }

  .md\:rotate-1{
    --transform-rotate: 1deg !important;
  }

  .md\:rotate-2{
    --transform-rotate: 2deg !important;
  }

  .md\:rotate-3{
    --transform-rotate: 3deg !important;
  }

  .md\:rotate-6{
    --transform-rotate: 6deg !important;
  }

  .md\:rotate-12{
    --transform-rotate: 12deg !important;
  }

  .md\:rotate-45{
    --transform-rotate: 45deg !important;
  }

  .md\:rotate-90{
    --transform-rotate: 90deg !important;
  }

  .md\:rotate-180{
    --transform-rotate: 180deg !important;
  }

  .md\:-rotate-180{
    --transform-rotate: -180deg !important;
  }

  .md\:-rotate-90{
    --transform-rotate: -90deg !important;
  }

  .md\:-rotate-45{
    --transform-rotate: -45deg !important;
  }

  .md\:-rotate-12{
    --transform-rotate: -12deg !important;
  }

  .md\:-rotate-6{
    --transform-rotate: -6deg !important;
  }

  .md\:-rotate-3{
    --transform-rotate: -3deg !important;
  }

  .md\:-rotate-2{
    --transform-rotate: -2deg !important;
  }

  .md\:-rotate-1{
    --transform-rotate: -1deg !important;
  }

  .md\:hover\:rotate-0:hover{
    --transform-rotate: 0 !important;
  }

  .md\:hover\:rotate-1:hover{
    --transform-rotate: 1deg !important;
  }

  .md\:hover\:rotate-2:hover{
    --transform-rotate: 2deg !important;
  }

  .md\:hover\:rotate-3:hover{
    --transform-rotate: 3deg !important;
  }

  .md\:hover\:rotate-6:hover{
    --transform-rotate: 6deg !important;
  }

  .md\:hover\:rotate-12:hover{
    --transform-rotate: 12deg !important;
  }

  .md\:hover\:rotate-45:hover{
    --transform-rotate: 45deg !important;
  }

  .md\:hover\:rotate-90:hover{
    --transform-rotate: 90deg !important;
  }

  .md\:hover\:rotate-180:hover{
    --transform-rotate: 180deg !important;
  }

  .md\:hover\:-rotate-180:hover{
    --transform-rotate: -180deg !important;
  }

  .md\:hover\:-rotate-90:hover{
    --transform-rotate: -90deg !important;
  }

  .md\:hover\:-rotate-45:hover{
    --transform-rotate: -45deg !important;
  }

  .md\:hover\:-rotate-12:hover{
    --transform-rotate: -12deg !important;
  }

  .md\:hover\:-rotate-6:hover{
    --transform-rotate: -6deg !important;
  }

  .md\:hover\:-rotate-3:hover{
    --transform-rotate: -3deg !important;
  }

  .md\:hover\:-rotate-2:hover{
    --transform-rotate: -2deg !important;
  }

  .md\:hover\:-rotate-1:hover{
    --transform-rotate: -1deg !important;
  }

  .md\:focus\:rotate-0:focus{
    --transform-rotate: 0 !important;
  }

  .md\:focus\:rotate-1:focus{
    --transform-rotate: 1deg !important;
  }

  .md\:focus\:rotate-2:focus{
    --transform-rotate: 2deg !important;
  }

  .md\:focus\:rotate-3:focus{
    --transform-rotate: 3deg !important;
  }

  .md\:focus\:rotate-6:focus{
    --transform-rotate: 6deg !important;
  }

  .md\:focus\:rotate-12:focus{
    --transform-rotate: 12deg !important;
  }

  .md\:focus\:rotate-45:focus{
    --transform-rotate: 45deg !important;
  }

  .md\:focus\:rotate-90:focus{
    --transform-rotate: 90deg !important;
  }

  .md\:focus\:rotate-180:focus{
    --transform-rotate: 180deg !important;
  }

  .md\:focus\:-rotate-180:focus{
    --transform-rotate: -180deg !important;
  }

  .md\:focus\:-rotate-90:focus{
    --transform-rotate: -90deg !important;
  }

  .md\:focus\:-rotate-45:focus{
    --transform-rotate: -45deg !important;
  }

  .md\:focus\:-rotate-12:focus{
    --transform-rotate: -12deg !important;
  }

  .md\:focus\:-rotate-6:focus{
    --transform-rotate: -6deg !important;
  }

  .md\:focus\:-rotate-3:focus{
    --transform-rotate: -3deg !important;
  }

  .md\:focus\:-rotate-2:focus{
    --transform-rotate: -2deg !important;
  }

  .md\:focus\:-rotate-1:focus{
    --transform-rotate: -1deg !important;
  }

  .md\:translate-x-0{
    --transform-translate-x: 0 !important;
  }

  .md\:translate-x-1{
    --transform-translate-x: 0.25rem !important;
  }

  .md\:translate-x-2{
    --transform-translate-x: 0.5rem !important;
  }

  .md\:translate-x-3{
    --transform-translate-x: 0.75rem !important;
  }

  .md\:translate-x-4{
    --transform-translate-x: 1rem !important;
  }

  .md\:translate-x-5{
    --transform-translate-x: 1.25rem !important;
  }

  .md\:translate-x-6{
    --transform-translate-x: 1.5rem !important;
  }

  .md\:translate-x-8{
    --transform-translate-x: 2rem !important;
  }

  .md\:translate-x-10{
    --transform-translate-x: 2.5rem !important;
  }

  .md\:translate-x-12{
    --transform-translate-x: 3rem !important;
  }

  .md\:translate-x-16{
    --transform-translate-x: 4rem !important;
  }

  .md\:translate-x-20{
    --transform-translate-x: 5rem !important;
  }

  .md\:translate-x-24{
    --transform-translate-x: 6rem !important;
  }

  .md\:translate-x-28{
    --transform-translate-x: 7rem !important;
  }

  .md\:translate-x-32{
    --transform-translate-x: 8rem !important;
  }

  .md\:translate-x-40{
    --transform-translate-x: 10rem !important;
  }

  .md\:translate-x-48{
    --transform-translate-x: 12rem !important;
  }

  .md\:translate-x-56{
    --transform-translate-x: 14rem !important;
  }

  .md\:translate-x-64{
    --transform-translate-x: 16rem !important;
  }

  .md\:translate-x-px{
    --transform-translate-x: 1px !important;
  }

  .md\:translate-x-2px{
    --transform-translate-x: 2px !important;
  }

  .md\:translate-x-3px{
    --transform-translate-x: 3px !important;
  }

  .md\:translate-x-5px{
    --transform-translate-x: 5px !important;
  }

  .md\:translate-x-10px{
    --transform-translate-x: 10px !important;
  }

  .md\:translate-x-15px{
    --transform-translate-x: 15px !important;
  }

  .md\:translate-x-20px{
    --transform-translate-x: 20px !important;
  }

  .md\:translate-x-25px{
    --transform-translate-x: 25px !important;
  }

  .md\:translate-x-30px{
    --transform-translate-x: 30px !important;
  }

  .md\:translate-x-36px{
    --transform-translate-x: 36px !important;
  }

  .md\:translate-x-50px{
    --transform-translate-x: 50px !important;
  }

  .md\:translate-x-60px{
    --transform-translate-x: 60px !important;
  }

  .md\:translate-x-120px{
    --transform-translate-x: 120px !important;
  }

  .md\:-translate-x-1{
    --transform-translate-x: -0.25rem !important;
  }

  .md\:-translate-x-2{
    --transform-translate-x: -0.5rem !important;
  }

  .md\:-translate-x-3{
    --transform-translate-x: -0.75rem !important;
  }

  .md\:-translate-x-4{
    --transform-translate-x: -1rem !important;
  }

  .md\:-translate-x-5{
    --transform-translate-x: -1.25rem !important;
  }

  .md\:-translate-x-6{
    --transform-translate-x: -1.5rem !important;
  }

  .md\:-translate-x-8{
    --transform-translate-x: -2rem !important;
  }

  .md\:-translate-x-10{
    --transform-translate-x: -2.5rem !important;
  }

  .md\:-translate-x-12{
    --transform-translate-x: -3rem !important;
  }

  .md\:-translate-x-16{
    --transform-translate-x: -4rem !important;
  }

  .md\:-translate-x-20{
    --transform-translate-x: -5rem !important;
  }

  .md\:-translate-x-24{
    --transform-translate-x: -6rem !important;
  }

  .md\:-translate-x-28{
    --transform-translate-x: -7rem !important;
  }

  .md\:-translate-x-32{
    --transform-translate-x: -8rem !important;
  }

  .md\:-translate-x-40{
    --transform-translate-x: -10rem !important;
  }

  .md\:-translate-x-48{
    --transform-translate-x: -12rem !important;
  }

  .md\:-translate-x-56{
    --transform-translate-x: -14rem !important;
  }

  .md\:-translate-x-64{
    --transform-translate-x: -16rem !important;
  }

  .md\:-translate-x-px{
    --transform-translate-x: -1px !important;
  }

  .md\:-translate-x-2px{
    --transform-translate-x: -2px !important;
  }

  .md\:-translate-x-3px{
    --transform-translate-x: -3px !important;
  }

  .md\:-translate-x-5px{
    --transform-translate-x: -5px !important;
  }

  .md\:-translate-x-10px{
    --transform-translate-x: -10px !important;
  }

  .md\:-translate-x-15px{
    --transform-translate-x: -15px !important;
  }

  .md\:-translate-x-20px{
    --transform-translate-x: -20px !important;
  }

  .md\:-translate-x-25px{
    --transform-translate-x: -25px !important;
  }

  .md\:-translate-x-30px{
    --transform-translate-x: -30px !important;
  }

  .md\:-translate-x-36px{
    --transform-translate-x: -36px !important;
  }

  .md\:-translate-x-50px{
    --transform-translate-x: -50px !important;
  }

  .md\:-translate-x-60px{
    --transform-translate-x: -60px !important;
  }

  .md\:-translate-x-120px{
    --transform-translate-x: -120px !important;
  }

  .md\:-translate-x-full{
    --transform-translate-x: -100% !important;
  }

  .md\:-translate-x-1\/2{
    --transform-translate-x: -50% !important;
  }

  .md\:translate-x-1\/2{
    --transform-translate-x: 50% !important;
  }

  .md\:translate-x-full{
    --transform-translate-x: 100% !important;
  }

  .md\:translate-y-0{
    --transform-translate-y: 0 !important;
  }

  .md\:translate-y-1{
    --transform-translate-y: 0.25rem !important;
  }

  .md\:translate-y-2{
    --transform-translate-y: 0.5rem !important;
  }

  .md\:translate-y-3{
    --transform-translate-y: 0.75rem !important;
  }

  .md\:translate-y-4{
    --transform-translate-y: 1rem !important;
  }

  .md\:translate-y-5{
    --transform-translate-y: 1.25rem !important;
  }

  .md\:translate-y-6{
    --transform-translate-y: 1.5rem !important;
  }

  .md\:translate-y-8{
    --transform-translate-y: 2rem !important;
  }

  .md\:translate-y-10{
    --transform-translate-y: 2.5rem !important;
  }

  .md\:translate-y-12{
    --transform-translate-y: 3rem !important;
  }

  .md\:translate-y-16{
    --transform-translate-y: 4rem !important;
  }

  .md\:translate-y-20{
    --transform-translate-y: 5rem !important;
  }

  .md\:translate-y-24{
    --transform-translate-y: 6rem !important;
  }

  .md\:translate-y-28{
    --transform-translate-y: 7rem !important;
  }

  .md\:translate-y-32{
    --transform-translate-y: 8rem !important;
  }

  .md\:translate-y-40{
    --transform-translate-y: 10rem !important;
  }

  .md\:translate-y-48{
    --transform-translate-y: 12rem !important;
  }

  .md\:translate-y-56{
    --transform-translate-y: 14rem !important;
  }

  .md\:translate-y-64{
    --transform-translate-y: 16rem !important;
  }

  .md\:translate-y-px{
    --transform-translate-y: 1px !important;
  }

  .md\:translate-y-2px{
    --transform-translate-y: 2px !important;
  }

  .md\:translate-y-3px{
    --transform-translate-y: 3px !important;
  }

  .md\:translate-y-5px{
    --transform-translate-y: 5px !important;
  }

  .md\:translate-y-10px{
    --transform-translate-y: 10px !important;
  }

  .md\:translate-y-15px{
    --transform-translate-y: 15px !important;
  }

  .md\:translate-y-20px{
    --transform-translate-y: 20px !important;
  }

  .md\:translate-y-25px{
    --transform-translate-y: 25px !important;
  }

  .md\:translate-y-30px{
    --transform-translate-y: 30px !important;
  }

  .md\:translate-y-36px{
    --transform-translate-y: 36px !important;
  }

  .md\:translate-y-50px{
    --transform-translate-y: 50px !important;
  }

  .md\:translate-y-60px{
    --transform-translate-y: 60px !important;
  }

  .md\:translate-y-120px{
    --transform-translate-y: 120px !important;
  }

  .md\:-translate-y-1{
    --transform-translate-y: -0.25rem !important;
  }

  .md\:-translate-y-2{
    --transform-translate-y: -0.5rem !important;
  }

  .md\:-translate-y-3{
    --transform-translate-y: -0.75rem !important;
  }

  .md\:-translate-y-4{
    --transform-translate-y: -1rem !important;
  }

  .md\:-translate-y-5{
    --transform-translate-y: -1.25rem !important;
  }

  .md\:-translate-y-6{
    --transform-translate-y: -1.5rem !important;
  }

  .md\:-translate-y-8{
    --transform-translate-y: -2rem !important;
  }

  .md\:-translate-y-10{
    --transform-translate-y: -2.5rem !important;
  }

  .md\:-translate-y-12{
    --transform-translate-y: -3rem !important;
  }

  .md\:-translate-y-16{
    --transform-translate-y: -4rem !important;
  }

  .md\:-translate-y-20{
    --transform-translate-y: -5rem !important;
  }

  .md\:-translate-y-24{
    --transform-translate-y: -6rem !important;
  }

  .md\:-translate-y-28{
    --transform-translate-y: -7rem !important;
  }

  .md\:-translate-y-32{
    --transform-translate-y: -8rem !important;
  }

  .md\:-translate-y-40{
    --transform-translate-y: -10rem !important;
  }

  .md\:-translate-y-48{
    --transform-translate-y: -12rem !important;
  }

  .md\:-translate-y-56{
    --transform-translate-y: -14rem !important;
  }

  .md\:-translate-y-64{
    --transform-translate-y: -16rem !important;
  }

  .md\:-translate-y-px{
    --transform-translate-y: -1px !important;
  }

  .md\:-translate-y-2px{
    --transform-translate-y: -2px !important;
  }

  .md\:-translate-y-3px{
    --transform-translate-y: -3px !important;
  }

  .md\:-translate-y-5px{
    --transform-translate-y: -5px !important;
  }

  .md\:-translate-y-10px{
    --transform-translate-y: -10px !important;
  }

  .md\:-translate-y-15px{
    --transform-translate-y: -15px !important;
  }

  .md\:-translate-y-20px{
    --transform-translate-y: -20px !important;
  }

  .md\:-translate-y-25px{
    --transform-translate-y: -25px !important;
  }

  .md\:-translate-y-30px{
    --transform-translate-y: -30px !important;
  }

  .md\:-translate-y-36px{
    --transform-translate-y: -36px !important;
  }

  .md\:-translate-y-50px{
    --transform-translate-y: -50px !important;
  }

  .md\:-translate-y-60px{
    --transform-translate-y: -60px !important;
  }

  .md\:-translate-y-120px{
    --transform-translate-y: -120px !important;
  }

  .md\:-translate-y-full{
    --transform-translate-y: -100% !important;
  }

  .md\:-translate-y-1\/2{
    --transform-translate-y: -50% !important;
  }

  .md\:translate-y-1\/2{
    --transform-translate-y: 50% !important;
  }

  .md\:translate-y-full{
    --transform-translate-y: 100% !important;
  }

  .md\:hover\:translate-x-0:hover{
    --transform-translate-x: 0 !important;
  }

  .md\:hover\:translate-x-1:hover{
    --transform-translate-x: 0.25rem !important;
  }

  .md\:hover\:translate-x-2:hover{
    --transform-translate-x: 0.5rem !important;
  }

  .md\:hover\:translate-x-3:hover{
    --transform-translate-x: 0.75rem !important;
  }

  .md\:hover\:translate-x-4:hover{
    --transform-translate-x: 1rem !important;
  }

  .md\:hover\:translate-x-5:hover{
    --transform-translate-x: 1.25rem !important;
  }

  .md\:hover\:translate-x-6:hover{
    --transform-translate-x: 1.5rem !important;
  }

  .md\:hover\:translate-x-8:hover{
    --transform-translate-x: 2rem !important;
  }

  .md\:hover\:translate-x-10:hover{
    --transform-translate-x: 2.5rem !important;
  }

  .md\:hover\:translate-x-12:hover{
    --transform-translate-x: 3rem !important;
  }

  .md\:hover\:translate-x-16:hover{
    --transform-translate-x: 4rem !important;
  }

  .md\:hover\:translate-x-20:hover{
    --transform-translate-x: 5rem !important;
  }

  .md\:hover\:translate-x-24:hover{
    --transform-translate-x: 6rem !important;
  }

  .md\:hover\:translate-x-28:hover{
    --transform-translate-x: 7rem !important;
  }

  .md\:hover\:translate-x-32:hover{
    --transform-translate-x: 8rem !important;
  }

  .md\:hover\:translate-x-40:hover{
    --transform-translate-x: 10rem !important;
  }

  .md\:hover\:translate-x-48:hover{
    --transform-translate-x: 12rem !important;
  }

  .md\:hover\:translate-x-56:hover{
    --transform-translate-x: 14rem !important;
  }

  .md\:hover\:translate-x-64:hover{
    --transform-translate-x: 16rem !important;
  }

  .md\:hover\:translate-x-px:hover{
    --transform-translate-x: 1px !important;
  }

  .md\:hover\:translate-x-2px:hover{
    --transform-translate-x: 2px !important;
  }

  .md\:hover\:translate-x-3px:hover{
    --transform-translate-x: 3px !important;
  }

  .md\:hover\:translate-x-5px:hover{
    --transform-translate-x: 5px !important;
  }

  .md\:hover\:translate-x-10px:hover{
    --transform-translate-x: 10px !important;
  }

  .md\:hover\:translate-x-15px:hover{
    --transform-translate-x: 15px !important;
  }

  .md\:hover\:translate-x-20px:hover{
    --transform-translate-x: 20px !important;
  }

  .md\:hover\:translate-x-25px:hover{
    --transform-translate-x: 25px !important;
  }

  .md\:hover\:translate-x-30px:hover{
    --transform-translate-x: 30px !important;
  }

  .md\:hover\:translate-x-36px:hover{
    --transform-translate-x: 36px !important;
  }

  .md\:hover\:translate-x-50px:hover{
    --transform-translate-x: 50px !important;
  }

  .md\:hover\:translate-x-60px:hover{
    --transform-translate-x: 60px !important;
  }

  .md\:hover\:translate-x-120px:hover{
    --transform-translate-x: 120px !important;
  }

  .md\:hover\:-translate-x-1:hover{
    --transform-translate-x: -0.25rem !important;
  }

  .md\:hover\:-translate-x-2:hover{
    --transform-translate-x: -0.5rem !important;
  }

  .md\:hover\:-translate-x-3:hover{
    --transform-translate-x: -0.75rem !important;
  }

  .md\:hover\:-translate-x-4:hover{
    --transform-translate-x: -1rem !important;
  }

  .md\:hover\:-translate-x-5:hover{
    --transform-translate-x: -1.25rem !important;
  }

  .md\:hover\:-translate-x-6:hover{
    --transform-translate-x: -1.5rem !important;
  }

  .md\:hover\:-translate-x-8:hover{
    --transform-translate-x: -2rem !important;
  }

  .md\:hover\:-translate-x-10:hover{
    --transform-translate-x: -2.5rem !important;
  }

  .md\:hover\:-translate-x-12:hover{
    --transform-translate-x: -3rem !important;
  }

  .md\:hover\:-translate-x-16:hover{
    --transform-translate-x: -4rem !important;
  }

  .md\:hover\:-translate-x-20:hover{
    --transform-translate-x: -5rem !important;
  }

  .md\:hover\:-translate-x-24:hover{
    --transform-translate-x: -6rem !important;
  }

  .md\:hover\:-translate-x-28:hover{
    --transform-translate-x: -7rem !important;
  }

  .md\:hover\:-translate-x-32:hover{
    --transform-translate-x: -8rem !important;
  }

  .md\:hover\:-translate-x-40:hover{
    --transform-translate-x: -10rem !important;
  }

  .md\:hover\:-translate-x-48:hover{
    --transform-translate-x: -12rem !important;
  }

  .md\:hover\:-translate-x-56:hover{
    --transform-translate-x: -14rem !important;
  }

  .md\:hover\:-translate-x-64:hover{
    --transform-translate-x: -16rem !important;
  }

  .md\:hover\:-translate-x-px:hover{
    --transform-translate-x: -1px !important;
  }

  .md\:hover\:-translate-x-2px:hover{
    --transform-translate-x: -2px !important;
  }

  .md\:hover\:-translate-x-3px:hover{
    --transform-translate-x: -3px !important;
  }

  .md\:hover\:-translate-x-5px:hover{
    --transform-translate-x: -5px !important;
  }

  .md\:hover\:-translate-x-10px:hover{
    --transform-translate-x: -10px !important;
  }

  .md\:hover\:-translate-x-15px:hover{
    --transform-translate-x: -15px !important;
  }

  .md\:hover\:-translate-x-20px:hover{
    --transform-translate-x: -20px !important;
  }

  .md\:hover\:-translate-x-25px:hover{
    --transform-translate-x: -25px !important;
  }

  .md\:hover\:-translate-x-30px:hover{
    --transform-translate-x: -30px !important;
  }

  .md\:hover\:-translate-x-36px:hover{
    --transform-translate-x: -36px !important;
  }

  .md\:hover\:-translate-x-50px:hover{
    --transform-translate-x: -50px !important;
  }

  .md\:hover\:-translate-x-60px:hover{
    --transform-translate-x: -60px !important;
  }

  .md\:hover\:-translate-x-120px:hover{
    --transform-translate-x: -120px !important;
  }

  .md\:hover\:-translate-x-full:hover{
    --transform-translate-x: -100% !important;
  }

  .md\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x: -50% !important;
  }

  .md\:hover\:translate-x-1\/2:hover{
    --transform-translate-x: 50% !important;
  }

  .md\:hover\:translate-x-full:hover{
    --transform-translate-x: 100% !important;
  }

  .md\:hover\:translate-y-0:hover{
    --transform-translate-y: 0 !important;
  }

  .md\:hover\:translate-y-1:hover{
    --transform-translate-y: 0.25rem !important;
  }

  .md\:hover\:translate-y-2:hover{
    --transform-translate-y: 0.5rem !important;
  }

  .md\:hover\:translate-y-3:hover{
    --transform-translate-y: 0.75rem !important;
  }

  .md\:hover\:translate-y-4:hover{
    --transform-translate-y: 1rem !important;
  }

  .md\:hover\:translate-y-5:hover{
    --transform-translate-y: 1.25rem !important;
  }

  .md\:hover\:translate-y-6:hover{
    --transform-translate-y: 1.5rem !important;
  }

  .md\:hover\:translate-y-8:hover{
    --transform-translate-y: 2rem !important;
  }

  .md\:hover\:translate-y-10:hover{
    --transform-translate-y: 2.5rem !important;
  }

  .md\:hover\:translate-y-12:hover{
    --transform-translate-y: 3rem !important;
  }

  .md\:hover\:translate-y-16:hover{
    --transform-translate-y: 4rem !important;
  }

  .md\:hover\:translate-y-20:hover{
    --transform-translate-y: 5rem !important;
  }

  .md\:hover\:translate-y-24:hover{
    --transform-translate-y: 6rem !important;
  }

  .md\:hover\:translate-y-28:hover{
    --transform-translate-y: 7rem !important;
  }

  .md\:hover\:translate-y-32:hover{
    --transform-translate-y: 8rem !important;
  }

  .md\:hover\:translate-y-40:hover{
    --transform-translate-y: 10rem !important;
  }

  .md\:hover\:translate-y-48:hover{
    --transform-translate-y: 12rem !important;
  }

  .md\:hover\:translate-y-56:hover{
    --transform-translate-y: 14rem !important;
  }

  .md\:hover\:translate-y-64:hover{
    --transform-translate-y: 16rem !important;
  }

  .md\:hover\:translate-y-px:hover{
    --transform-translate-y: 1px !important;
  }

  .md\:hover\:translate-y-2px:hover{
    --transform-translate-y: 2px !important;
  }

  .md\:hover\:translate-y-3px:hover{
    --transform-translate-y: 3px !important;
  }

  .md\:hover\:translate-y-5px:hover{
    --transform-translate-y: 5px !important;
  }

  .md\:hover\:translate-y-10px:hover{
    --transform-translate-y: 10px !important;
  }

  .md\:hover\:translate-y-15px:hover{
    --transform-translate-y: 15px !important;
  }

  .md\:hover\:translate-y-20px:hover{
    --transform-translate-y: 20px !important;
  }

  .md\:hover\:translate-y-25px:hover{
    --transform-translate-y: 25px !important;
  }

  .md\:hover\:translate-y-30px:hover{
    --transform-translate-y: 30px !important;
  }

  .md\:hover\:translate-y-36px:hover{
    --transform-translate-y: 36px !important;
  }

  .md\:hover\:translate-y-50px:hover{
    --transform-translate-y: 50px !important;
  }

  .md\:hover\:translate-y-60px:hover{
    --transform-translate-y: 60px !important;
  }

  .md\:hover\:translate-y-120px:hover{
    --transform-translate-y: 120px !important;
  }

  .md\:hover\:-translate-y-1:hover{
    --transform-translate-y: -0.25rem !important;
  }

  .md\:hover\:-translate-y-2:hover{
    --transform-translate-y: -0.5rem !important;
  }

  .md\:hover\:-translate-y-3:hover{
    --transform-translate-y: -0.75rem !important;
  }

  .md\:hover\:-translate-y-4:hover{
    --transform-translate-y: -1rem !important;
  }

  .md\:hover\:-translate-y-5:hover{
    --transform-translate-y: -1.25rem !important;
  }

  .md\:hover\:-translate-y-6:hover{
    --transform-translate-y: -1.5rem !important;
  }

  .md\:hover\:-translate-y-8:hover{
    --transform-translate-y: -2rem !important;
  }

  .md\:hover\:-translate-y-10:hover{
    --transform-translate-y: -2.5rem !important;
  }

  .md\:hover\:-translate-y-12:hover{
    --transform-translate-y: -3rem !important;
  }

  .md\:hover\:-translate-y-16:hover{
    --transform-translate-y: -4rem !important;
  }

  .md\:hover\:-translate-y-20:hover{
    --transform-translate-y: -5rem !important;
  }

  .md\:hover\:-translate-y-24:hover{
    --transform-translate-y: -6rem !important;
  }

  .md\:hover\:-translate-y-28:hover{
    --transform-translate-y: -7rem !important;
  }

  .md\:hover\:-translate-y-32:hover{
    --transform-translate-y: -8rem !important;
  }

  .md\:hover\:-translate-y-40:hover{
    --transform-translate-y: -10rem !important;
  }

  .md\:hover\:-translate-y-48:hover{
    --transform-translate-y: -12rem !important;
  }

  .md\:hover\:-translate-y-56:hover{
    --transform-translate-y: -14rem !important;
  }

  .md\:hover\:-translate-y-64:hover{
    --transform-translate-y: -16rem !important;
  }

  .md\:hover\:-translate-y-px:hover{
    --transform-translate-y: -1px !important;
  }

  .md\:hover\:-translate-y-2px:hover{
    --transform-translate-y: -2px !important;
  }

  .md\:hover\:-translate-y-3px:hover{
    --transform-translate-y: -3px !important;
  }

  .md\:hover\:-translate-y-5px:hover{
    --transform-translate-y: -5px !important;
  }

  .md\:hover\:-translate-y-10px:hover{
    --transform-translate-y: -10px !important;
  }

  .md\:hover\:-translate-y-15px:hover{
    --transform-translate-y: -15px !important;
  }

  .md\:hover\:-translate-y-20px:hover{
    --transform-translate-y: -20px !important;
  }

  .md\:hover\:-translate-y-25px:hover{
    --transform-translate-y: -25px !important;
  }

  .md\:hover\:-translate-y-30px:hover{
    --transform-translate-y: -30px !important;
  }

  .md\:hover\:-translate-y-36px:hover{
    --transform-translate-y: -36px !important;
  }

  .md\:hover\:-translate-y-50px:hover{
    --transform-translate-y: -50px !important;
  }

  .md\:hover\:-translate-y-60px:hover{
    --transform-translate-y: -60px !important;
  }

  .md\:hover\:-translate-y-120px:hover{
    --transform-translate-y: -120px !important;
  }

  .md\:hover\:-translate-y-full:hover{
    --transform-translate-y: -100% !important;
  }

  .md\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y: -50% !important;
  }

  .md\:hover\:translate-y-1\/2:hover{
    --transform-translate-y: 50% !important;
  }

  .md\:hover\:translate-y-full:hover{
    --transform-translate-y: 100% !important;
  }

  .md\:focus\:translate-x-0:focus{
    --transform-translate-x: 0 !important;
  }

  .md\:focus\:translate-x-1:focus{
    --transform-translate-x: 0.25rem !important;
  }

  .md\:focus\:translate-x-2:focus{
    --transform-translate-x: 0.5rem !important;
  }

  .md\:focus\:translate-x-3:focus{
    --transform-translate-x: 0.75rem !important;
  }

  .md\:focus\:translate-x-4:focus{
    --transform-translate-x: 1rem !important;
  }

  .md\:focus\:translate-x-5:focus{
    --transform-translate-x: 1.25rem !important;
  }

  .md\:focus\:translate-x-6:focus{
    --transform-translate-x: 1.5rem !important;
  }

  .md\:focus\:translate-x-8:focus{
    --transform-translate-x: 2rem !important;
  }

  .md\:focus\:translate-x-10:focus{
    --transform-translate-x: 2.5rem !important;
  }

  .md\:focus\:translate-x-12:focus{
    --transform-translate-x: 3rem !important;
  }

  .md\:focus\:translate-x-16:focus{
    --transform-translate-x: 4rem !important;
  }

  .md\:focus\:translate-x-20:focus{
    --transform-translate-x: 5rem !important;
  }

  .md\:focus\:translate-x-24:focus{
    --transform-translate-x: 6rem !important;
  }

  .md\:focus\:translate-x-28:focus{
    --transform-translate-x: 7rem !important;
  }

  .md\:focus\:translate-x-32:focus{
    --transform-translate-x: 8rem !important;
  }

  .md\:focus\:translate-x-40:focus{
    --transform-translate-x: 10rem !important;
  }

  .md\:focus\:translate-x-48:focus{
    --transform-translate-x: 12rem !important;
  }

  .md\:focus\:translate-x-56:focus{
    --transform-translate-x: 14rem !important;
  }

  .md\:focus\:translate-x-64:focus{
    --transform-translate-x: 16rem !important;
  }

  .md\:focus\:translate-x-px:focus{
    --transform-translate-x: 1px !important;
  }

  .md\:focus\:translate-x-2px:focus{
    --transform-translate-x: 2px !important;
  }

  .md\:focus\:translate-x-3px:focus{
    --transform-translate-x: 3px !important;
  }

  .md\:focus\:translate-x-5px:focus{
    --transform-translate-x: 5px !important;
  }

  .md\:focus\:translate-x-10px:focus{
    --transform-translate-x: 10px !important;
  }

  .md\:focus\:translate-x-15px:focus{
    --transform-translate-x: 15px !important;
  }

  .md\:focus\:translate-x-20px:focus{
    --transform-translate-x: 20px !important;
  }

  .md\:focus\:translate-x-25px:focus{
    --transform-translate-x: 25px !important;
  }

  .md\:focus\:translate-x-30px:focus{
    --transform-translate-x: 30px !important;
  }

  .md\:focus\:translate-x-36px:focus{
    --transform-translate-x: 36px !important;
  }

  .md\:focus\:translate-x-50px:focus{
    --transform-translate-x: 50px !important;
  }

  .md\:focus\:translate-x-60px:focus{
    --transform-translate-x: 60px !important;
  }

  .md\:focus\:translate-x-120px:focus{
    --transform-translate-x: 120px !important;
  }

  .md\:focus\:-translate-x-1:focus{
    --transform-translate-x: -0.25rem !important;
  }

  .md\:focus\:-translate-x-2:focus{
    --transform-translate-x: -0.5rem !important;
  }

  .md\:focus\:-translate-x-3:focus{
    --transform-translate-x: -0.75rem !important;
  }

  .md\:focus\:-translate-x-4:focus{
    --transform-translate-x: -1rem !important;
  }

  .md\:focus\:-translate-x-5:focus{
    --transform-translate-x: -1.25rem !important;
  }

  .md\:focus\:-translate-x-6:focus{
    --transform-translate-x: -1.5rem !important;
  }

  .md\:focus\:-translate-x-8:focus{
    --transform-translate-x: -2rem !important;
  }

  .md\:focus\:-translate-x-10:focus{
    --transform-translate-x: -2.5rem !important;
  }

  .md\:focus\:-translate-x-12:focus{
    --transform-translate-x: -3rem !important;
  }

  .md\:focus\:-translate-x-16:focus{
    --transform-translate-x: -4rem !important;
  }

  .md\:focus\:-translate-x-20:focus{
    --transform-translate-x: -5rem !important;
  }

  .md\:focus\:-translate-x-24:focus{
    --transform-translate-x: -6rem !important;
  }

  .md\:focus\:-translate-x-28:focus{
    --transform-translate-x: -7rem !important;
  }

  .md\:focus\:-translate-x-32:focus{
    --transform-translate-x: -8rem !important;
  }

  .md\:focus\:-translate-x-40:focus{
    --transform-translate-x: -10rem !important;
  }

  .md\:focus\:-translate-x-48:focus{
    --transform-translate-x: -12rem !important;
  }

  .md\:focus\:-translate-x-56:focus{
    --transform-translate-x: -14rem !important;
  }

  .md\:focus\:-translate-x-64:focus{
    --transform-translate-x: -16rem !important;
  }

  .md\:focus\:-translate-x-px:focus{
    --transform-translate-x: -1px !important;
  }

  .md\:focus\:-translate-x-2px:focus{
    --transform-translate-x: -2px !important;
  }

  .md\:focus\:-translate-x-3px:focus{
    --transform-translate-x: -3px !important;
  }

  .md\:focus\:-translate-x-5px:focus{
    --transform-translate-x: -5px !important;
  }

  .md\:focus\:-translate-x-10px:focus{
    --transform-translate-x: -10px !important;
  }

  .md\:focus\:-translate-x-15px:focus{
    --transform-translate-x: -15px !important;
  }

  .md\:focus\:-translate-x-20px:focus{
    --transform-translate-x: -20px !important;
  }

  .md\:focus\:-translate-x-25px:focus{
    --transform-translate-x: -25px !important;
  }

  .md\:focus\:-translate-x-30px:focus{
    --transform-translate-x: -30px !important;
  }

  .md\:focus\:-translate-x-36px:focus{
    --transform-translate-x: -36px !important;
  }

  .md\:focus\:-translate-x-50px:focus{
    --transform-translate-x: -50px !important;
  }

  .md\:focus\:-translate-x-60px:focus{
    --transform-translate-x: -60px !important;
  }

  .md\:focus\:-translate-x-120px:focus{
    --transform-translate-x: -120px !important;
  }

  .md\:focus\:-translate-x-full:focus{
    --transform-translate-x: -100% !important;
  }

  .md\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x: -50% !important;
  }

  .md\:focus\:translate-x-1\/2:focus{
    --transform-translate-x: 50% !important;
  }

  .md\:focus\:translate-x-full:focus{
    --transform-translate-x: 100% !important;
  }

  .md\:focus\:translate-y-0:focus{
    --transform-translate-y: 0 !important;
  }

  .md\:focus\:translate-y-1:focus{
    --transform-translate-y: 0.25rem !important;
  }

  .md\:focus\:translate-y-2:focus{
    --transform-translate-y: 0.5rem !important;
  }

  .md\:focus\:translate-y-3:focus{
    --transform-translate-y: 0.75rem !important;
  }

  .md\:focus\:translate-y-4:focus{
    --transform-translate-y: 1rem !important;
  }

  .md\:focus\:translate-y-5:focus{
    --transform-translate-y: 1.25rem !important;
  }

  .md\:focus\:translate-y-6:focus{
    --transform-translate-y: 1.5rem !important;
  }

  .md\:focus\:translate-y-8:focus{
    --transform-translate-y: 2rem !important;
  }

  .md\:focus\:translate-y-10:focus{
    --transform-translate-y: 2.5rem !important;
  }

  .md\:focus\:translate-y-12:focus{
    --transform-translate-y: 3rem !important;
  }

  .md\:focus\:translate-y-16:focus{
    --transform-translate-y: 4rem !important;
  }

  .md\:focus\:translate-y-20:focus{
    --transform-translate-y: 5rem !important;
  }

  .md\:focus\:translate-y-24:focus{
    --transform-translate-y: 6rem !important;
  }

  .md\:focus\:translate-y-28:focus{
    --transform-translate-y: 7rem !important;
  }

  .md\:focus\:translate-y-32:focus{
    --transform-translate-y: 8rem !important;
  }

  .md\:focus\:translate-y-40:focus{
    --transform-translate-y: 10rem !important;
  }

  .md\:focus\:translate-y-48:focus{
    --transform-translate-y: 12rem !important;
  }

  .md\:focus\:translate-y-56:focus{
    --transform-translate-y: 14rem !important;
  }

  .md\:focus\:translate-y-64:focus{
    --transform-translate-y: 16rem !important;
  }

  .md\:focus\:translate-y-px:focus{
    --transform-translate-y: 1px !important;
  }

  .md\:focus\:translate-y-2px:focus{
    --transform-translate-y: 2px !important;
  }

  .md\:focus\:translate-y-3px:focus{
    --transform-translate-y: 3px !important;
  }

  .md\:focus\:translate-y-5px:focus{
    --transform-translate-y: 5px !important;
  }

  .md\:focus\:translate-y-10px:focus{
    --transform-translate-y: 10px !important;
  }

  .md\:focus\:translate-y-15px:focus{
    --transform-translate-y: 15px !important;
  }

  .md\:focus\:translate-y-20px:focus{
    --transform-translate-y: 20px !important;
  }

  .md\:focus\:translate-y-25px:focus{
    --transform-translate-y: 25px !important;
  }

  .md\:focus\:translate-y-30px:focus{
    --transform-translate-y: 30px !important;
  }

  .md\:focus\:translate-y-36px:focus{
    --transform-translate-y: 36px !important;
  }

  .md\:focus\:translate-y-50px:focus{
    --transform-translate-y: 50px !important;
  }

  .md\:focus\:translate-y-60px:focus{
    --transform-translate-y: 60px !important;
  }

  .md\:focus\:translate-y-120px:focus{
    --transform-translate-y: 120px !important;
  }

  .md\:focus\:-translate-y-1:focus{
    --transform-translate-y: -0.25rem !important;
  }

  .md\:focus\:-translate-y-2:focus{
    --transform-translate-y: -0.5rem !important;
  }

  .md\:focus\:-translate-y-3:focus{
    --transform-translate-y: -0.75rem !important;
  }

  .md\:focus\:-translate-y-4:focus{
    --transform-translate-y: -1rem !important;
  }

  .md\:focus\:-translate-y-5:focus{
    --transform-translate-y: -1.25rem !important;
  }

  .md\:focus\:-translate-y-6:focus{
    --transform-translate-y: -1.5rem !important;
  }

  .md\:focus\:-translate-y-8:focus{
    --transform-translate-y: -2rem !important;
  }

  .md\:focus\:-translate-y-10:focus{
    --transform-translate-y: -2.5rem !important;
  }

  .md\:focus\:-translate-y-12:focus{
    --transform-translate-y: -3rem !important;
  }

  .md\:focus\:-translate-y-16:focus{
    --transform-translate-y: -4rem !important;
  }

  .md\:focus\:-translate-y-20:focus{
    --transform-translate-y: -5rem !important;
  }

  .md\:focus\:-translate-y-24:focus{
    --transform-translate-y: -6rem !important;
  }

  .md\:focus\:-translate-y-28:focus{
    --transform-translate-y: -7rem !important;
  }

  .md\:focus\:-translate-y-32:focus{
    --transform-translate-y: -8rem !important;
  }

  .md\:focus\:-translate-y-40:focus{
    --transform-translate-y: -10rem !important;
  }

  .md\:focus\:-translate-y-48:focus{
    --transform-translate-y: -12rem !important;
  }

  .md\:focus\:-translate-y-56:focus{
    --transform-translate-y: -14rem !important;
  }

  .md\:focus\:-translate-y-64:focus{
    --transform-translate-y: -16rem !important;
  }

  .md\:focus\:-translate-y-px:focus{
    --transform-translate-y: -1px !important;
  }

  .md\:focus\:-translate-y-2px:focus{
    --transform-translate-y: -2px !important;
  }

  .md\:focus\:-translate-y-3px:focus{
    --transform-translate-y: -3px !important;
  }

  .md\:focus\:-translate-y-5px:focus{
    --transform-translate-y: -5px !important;
  }

  .md\:focus\:-translate-y-10px:focus{
    --transform-translate-y: -10px !important;
  }

  .md\:focus\:-translate-y-15px:focus{
    --transform-translate-y: -15px !important;
  }

  .md\:focus\:-translate-y-20px:focus{
    --transform-translate-y: -20px !important;
  }

  .md\:focus\:-translate-y-25px:focus{
    --transform-translate-y: -25px !important;
  }

  .md\:focus\:-translate-y-30px:focus{
    --transform-translate-y: -30px !important;
  }

  .md\:focus\:-translate-y-36px:focus{
    --transform-translate-y: -36px !important;
  }

  .md\:focus\:-translate-y-50px:focus{
    --transform-translate-y: -50px !important;
  }

  .md\:focus\:-translate-y-60px:focus{
    --transform-translate-y: -60px !important;
  }

  .md\:focus\:-translate-y-120px:focus{
    --transform-translate-y: -120px !important;
  }

  .md\:focus\:-translate-y-full:focus{
    --transform-translate-y: -100% !important;
  }

  .md\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y: -50% !important;
  }

  .md\:focus\:translate-y-1\/2:focus{
    --transform-translate-y: 50% !important;
  }

  .md\:focus\:translate-y-full:focus{
    --transform-translate-y: 100% !important;
  }

  .md\:skew-x-0{
    --transform-skew-x: 0 !important;
  }

  .md\:skew-x-1{
    --transform-skew-x: 1deg !important;
  }

  .md\:skew-x-2{
    --transform-skew-x: 2deg !important;
  }

  .md\:skew-x-3{
    --transform-skew-x: 3deg !important;
  }

  .md\:skew-x-6{
    --transform-skew-x: 6deg !important;
  }

  .md\:skew-x-12{
    --transform-skew-x: 12deg !important;
  }

  .md\:-skew-x-12{
    --transform-skew-x: -12deg !important;
  }

  .md\:-skew-x-6{
    --transform-skew-x: -6deg !important;
  }

  .md\:-skew-x-3{
    --transform-skew-x: -3deg !important;
  }

  .md\:-skew-x-2{
    --transform-skew-x: -2deg !important;
  }

  .md\:-skew-x-1{
    --transform-skew-x: -1deg !important;
  }

  .md\:skew-y-0{
    --transform-skew-y: 0 !important;
  }

  .md\:skew-y-1{
    --transform-skew-y: 1deg !important;
  }

  .md\:skew-y-2{
    --transform-skew-y: 2deg !important;
  }

  .md\:skew-y-3{
    --transform-skew-y: 3deg !important;
  }

  .md\:skew-y-6{
    --transform-skew-y: 6deg !important;
  }

  .md\:skew-y-12{
    --transform-skew-y: 12deg !important;
  }

  .md\:-skew-y-12{
    --transform-skew-y: -12deg !important;
  }

  .md\:-skew-y-6{
    --transform-skew-y: -6deg !important;
  }

  .md\:-skew-y-3{
    --transform-skew-y: -3deg !important;
  }

  .md\:-skew-y-2{
    --transform-skew-y: -2deg !important;
  }

  .md\:-skew-y-1{
    --transform-skew-y: -1deg !important;
  }

  .md\:hover\:skew-x-0:hover{
    --transform-skew-x: 0 !important;
  }

  .md\:hover\:skew-x-1:hover{
    --transform-skew-x: 1deg !important;
  }

  .md\:hover\:skew-x-2:hover{
    --transform-skew-x: 2deg !important;
  }

  .md\:hover\:skew-x-3:hover{
    --transform-skew-x: 3deg !important;
  }

  .md\:hover\:skew-x-6:hover{
    --transform-skew-x: 6deg !important;
  }

  .md\:hover\:skew-x-12:hover{
    --transform-skew-x: 12deg !important;
  }

  .md\:hover\:-skew-x-12:hover{
    --transform-skew-x: -12deg !important;
  }

  .md\:hover\:-skew-x-6:hover{
    --transform-skew-x: -6deg !important;
  }

  .md\:hover\:-skew-x-3:hover{
    --transform-skew-x: -3deg !important;
  }

  .md\:hover\:-skew-x-2:hover{
    --transform-skew-x: -2deg !important;
  }

  .md\:hover\:-skew-x-1:hover{
    --transform-skew-x: -1deg !important;
  }

  .md\:hover\:skew-y-0:hover{
    --transform-skew-y: 0 !important;
  }

  .md\:hover\:skew-y-1:hover{
    --transform-skew-y: 1deg !important;
  }

  .md\:hover\:skew-y-2:hover{
    --transform-skew-y: 2deg !important;
  }

  .md\:hover\:skew-y-3:hover{
    --transform-skew-y: 3deg !important;
  }

  .md\:hover\:skew-y-6:hover{
    --transform-skew-y: 6deg !important;
  }

  .md\:hover\:skew-y-12:hover{
    --transform-skew-y: 12deg !important;
  }

  .md\:hover\:-skew-y-12:hover{
    --transform-skew-y: -12deg !important;
  }

  .md\:hover\:-skew-y-6:hover{
    --transform-skew-y: -6deg !important;
  }

  .md\:hover\:-skew-y-3:hover{
    --transform-skew-y: -3deg !important;
  }

  .md\:hover\:-skew-y-2:hover{
    --transform-skew-y: -2deg !important;
  }

  .md\:hover\:-skew-y-1:hover{
    --transform-skew-y: -1deg !important;
  }

  .md\:focus\:skew-x-0:focus{
    --transform-skew-x: 0 !important;
  }

  .md\:focus\:skew-x-1:focus{
    --transform-skew-x: 1deg !important;
  }

  .md\:focus\:skew-x-2:focus{
    --transform-skew-x: 2deg !important;
  }

  .md\:focus\:skew-x-3:focus{
    --transform-skew-x: 3deg !important;
  }

  .md\:focus\:skew-x-6:focus{
    --transform-skew-x: 6deg !important;
  }

  .md\:focus\:skew-x-12:focus{
    --transform-skew-x: 12deg !important;
  }

  .md\:focus\:-skew-x-12:focus{
    --transform-skew-x: -12deg !important;
  }

  .md\:focus\:-skew-x-6:focus{
    --transform-skew-x: -6deg !important;
  }

  .md\:focus\:-skew-x-3:focus{
    --transform-skew-x: -3deg !important;
  }

  .md\:focus\:-skew-x-2:focus{
    --transform-skew-x: -2deg !important;
  }

  .md\:focus\:-skew-x-1:focus{
    --transform-skew-x: -1deg !important;
  }

  .md\:focus\:skew-y-0:focus{
    --transform-skew-y: 0 !important;
  }

  .md\:focus\:skew-y-1:focus{
    --transform-skew-y: 1deg !important;
  }

  .md\:focus\:skew-y-2:focus{
    --transform-skew-y: 2deg !important;
  }

  .md\:focus\:skew-y-3:focus{
    --transform-skew-y: 3deg !important;
  }

  .md\:focus\:skew-y-6:focus{
    --transform-skew-y: 6deg !important;
  }

  .md\:focus\:skew-y-12:focus{
    --transform-skew-y: 12deg !important;
  }

  .md\:focus\:-skew-y-12:focus{
    --transform-skew-y: -12deg !important;
  }

  .md\:focus\:-skew-y-6:focus{
    --transform-skew-y: -6deg !important;
  }

  .md\:focus\:-skew-y-3:focus{
    --transform-skew-y: -3deg !important;
  }

  .md\:focus\:-skew-y-2:focus{
    --transform-skew-y: -2deg !important;
  }

  .md\:focus\:-skew-y-1:focus{
    --transform-skew-y: -1deg !important;
  }

  .md\:transition-0{
    -webkit-transition-property: hover !important;
    transition-property: hover !important;
  }

  .md\:transition-1{
    -webkit-transition-property: focus !important;
    transition-property: focus !important;
  }

  .md\:transition-none{
    -webkit-transition-property: none !important;
    transition-property: none !important;
  }

  .md\:transition-all{
    -webkit-transition-property: all !important;
    transition-property: all !important;
  }

  .md\:transition{
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform !important;
  }

  .md\:transition-colors{
    -webkit-transition-property: background-color, border-color, color, fill, stroke !important;
    transition-property: background-color, border-color, color, fill, stroke !important;
  }

  .md\:transition-opacity{
    -webkit-transition-property: opacity !important;
    transition-property: opacity !important;
  }

  .md\:transition-shadow{
    -webkit-transition-property: -webkit-box-shadow !important;
    transition-property: -webkit-box-shadow !important;
    transition-property: box-shadow !important;
    transition-property: box-shadow, -webkit-box-shadow !important;
  }

  .md\:transition-transform{
    -webkit-transition-property: -webkit-transform !important;
    transition-property: -webkit-transform !important;
    transition-property: transform !important;
    transition-property: transform, -webkit-transform !important;
  }

  .md\:ease-linear{
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
  }

  .md\:ease-in{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }

  .md\:ease-out{
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }

  .md\:ease-in-out{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .md\:duration-75{
    -webkit-transition-duration: 75ms !important;
    transition-duration: 75ms !important;
  }

  .md\:duration-100{
    -webkit-transition-duration: 100ms !important;
    transition-duration: 100ms !important;
  }

  .md\:duration-150{
    -webkit-transition-duration: 150ms !important;
    transition-duration: 150ms !important;
  }

  .md\:duration-200{
    -webkit-transition-duration: 200ms !important;
    transition-duration: 200ms !important;
  }

  .md\:duration-300{
    -webkit-transition-duration: 300ms !important;
    transition-duration: 300ms !important;
  }

  .md\:duration-500{
    -webkit-transition-duration: 500ms !important;
    transition-duration: 500ms !important;
  }

  .md\:duration-700{
    -webkit-transition-duration: 700ms !important;
    transition-duration: 700ms !important;
  }

  .md\:duration-1000{
    -webkit-transition-duration: 1000ms !important;
    transition-duration: 1000ms !important;
  }

  .md\:delay-75{
    -webkit-transition-delay: 75ms !important;
    transition-delay: 75ms !important;
  }

  .md\:delay-100{
    -webkit-transition-delay: 100ms !important;
    transition-delay: 100ms !important;
  }

  .md\:delay-150{
    -webkit-transition-delay: 150ms !important;
    transition-delay: 150ms !important;
  }

  .md\:delay-200{
    -webkit-transition-delay: 200ms !important;
    transition-delay: 200ms !important;
  }

  .md\:delay-300{
    -webkit-transition-delay: 300ms !important;
    transition-delay: 300ms !important;
  }

  .md\:delay-500{
    -webkit-transition-delay: 500ms !important;
    transition-delay: 500ms !important;
  }

  .md\:delay-700{
    -webkit-transition-delay: 700ms !important;
    transition-delay: 700ms !important;
  }

  .md\:delay-1000{
    -webkit-transition-delay: 1000ms !important;
    transition-delay: 1000ms !important;
  }

  .md\:animate-none{
    -webkit-animation: none !important;
    animation: none !important;
  }

  .md\:animate-spin{
    -webkit-animation: spin 1s linear infinite !important;
    animation: spin 1s linear infinite !important;
  }

  .md\:animate-ping{
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  }

  .md\:animate-pulse{
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }

  .md\:animate-bounce{
    -webkit-animation: bounce 1s infinite !important;
    animation: bounce 1s infinite !important;
  }
}

@media (min-width: 1024px){
  .lg\:container{
    width: 100%;
  }

  @media (min-width: 320px){
    .lg\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 360px){
    .lg\:container{
      max-width: 360px;
    }
  }

  @media (min-width: 560px){
    .lg\:container{
      max-width: 560px;
    }
  }

  @media (min-width: 768px){
    .lg\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .lg\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .lg\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 1920px){
    .lg\:container{
      max-width: 1920px;
    }
  }

  .lg\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1rem * var(--space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2rem * var(--space-x-reverse)) !important;
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3rem * var(--space-x-reverse)) !important;
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(4rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(4rem * var(--space-x-reverse)) !important;
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5rem * var(--space-x-reverse)) !important;
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(6rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(6rem * var(--space-x-reverse)) !important;
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(7rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(7rem * var(--space-x-reverse)) !important;
    margin-left: calc(7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(8rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(8rem * var(--space-x-reverse)) !important;
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10rem * var(--space-x-reverse)) !important;
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(12rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(12rem * var(--space-x-reverse)) !important;
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(14rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(14rem * var(--space-x-reverse)) !important;
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(16rem * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(16rem * var(--space-x-reverse)) !important;
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1px * var(--space-x-reverse)) !important;
    margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2px * var(--space-x-reverse)) !important;
    margin-left: calc(2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3px * var(--space-x-reverse)) !important;
    margin-left: calc(3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5px * var(--space-x-reverse)) !important;
    margin-left: calc(5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10px * var(--space-x-reverse)) !important;
    margin-left: calc(10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(15px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(15px * var(--space-x-reverse)) !important;
    margin-left: calc(15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(20px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(20px * var(--space-x-reverse)) !important;
    margin-left: calc(20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(25px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(25px * var(--space-x-reverse)) !important;
    margin-left: calc(25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(30px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(30px * var(--space-x-reverse)) !important;
    margin-left: calc(30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(36px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(36px * var(--space-x-reverse)) !important;
    margin-left: calc(36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(50px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(50px * var(--space-x-reverse)) !important;
    margin-left: calc(50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(60px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(60px * var(--space-x-reverse)) !important;
    margin-left: calc(60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(120px * var(--space-y-reverse)) !important;
  }

  .lg\:space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(120px * var(--space-x-reverse)) !important;
    margin-left: calc(120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3rem * var(--space-x-reverse)) !important;
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-4rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-4rem * var(--space-x-reverse)) !important;
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-6rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-6rem * var(--space-x-reverse)) !important;
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-7rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-7rem * var(--space-x-reverse)) !important;
    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-8rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-8rem * var(--space-x-reverse)) !important;
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10rem * var(--space-x-reverse)) !important;
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-12rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-12rem * var(--space-x-reverse)) !important;
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-14rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-14rem * var(--space-x-reverse)) !important;
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-16rem * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-16rem * var(--space-x-reverse)) !important;
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1px * var(--space-x-reverse)) !important;
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2px * var(--space-x-reverse)) !important;
    margin-left: calc(-2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3px * var(--space-x-reverse)) !important;
    margin-left: calc(-3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5px * var(--space-x-reverse)) !important;
    margin-left: calc(-5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10px * var(--space-x-reverse)) !important;
    margin-left: calc(-10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-15px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-15px * var(--space-x-reverse)) !important;
    margin-left: calc(-15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-20px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-20px * var(--space-x-reverse)) !important;
    margin-left: calc(-20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-25px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-25px * var(--space-x-reverse)) !important;
    margin-left: calc(-25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-30px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-30px * var(--space-x-reverse)) !important;
    margin-left: calc(-30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-36px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-36px * var(--space-x-reverse)) !important;
    margin-left: calc(-36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-50px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-50px * var(--space-x-reverse)) !important;
    margin-left: calc(-50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-60px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-60px * var(--space-x-reverse)) !important;
    margin-left: calc(-60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:-space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-120px * var(--space-y-reverse)) !important;
  }

  .lg\:-space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-120px * var(--space-x-reverse)) !important;
    margin-left: calc(-120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .lg\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1 !important;
  }

  .lg\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1 !important;
  }

  .lg\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
  }

  .lg\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(0px * var(--divide-x-reverse)) !important;
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .lg\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
  }

  .lg\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(2px * var(--divide-x-reverse)) !important;
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .lg\:divide-y-3 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(3px * var(--divide-y-reverse)) !important;
  }

  .lg\:divide-x-3 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(3px * var(--divide-x-reverse)) !important;
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .lg\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
  }

  .lg\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(4px * var(--divide-x-reverse)) !important;
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .lg\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
  }

  .lg\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(8px * var(--divide-x-reverse)) !important;
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .lg\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
  }

  .lg\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .lg\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1 !important;
  }

  .lg\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1 !important;
  }

  .lg\:divide-transparent > :not(template) ~ :not(template){
    border-color: transparent !important;
  }

  .lg\:divide-current > :not(template) ~ :not(template){
    border-color: currentColor !important;
  }

  .lg\:divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
  }

  .lg\:divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
  }

  .lg\:divide-red > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--divide-opacity)) !important;
  }

  .lg\:divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
  }

  .lg\:divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
  }

  .lg\:divide-orange-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
  }

  .lg\:divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
  }

  .lg\:divide-orange-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
  }

  .lg\:divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
  }

  .lg\:divide-orange-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
  }

  .lg\:divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
  }

  .lg\:divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
  }

  .lg\:divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
  }

  .lg\:divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
  }

  .lg\:divide-yellow-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
  }

  .lg\:divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
  }

  .lg\:divide-yellow-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
  }

  .lg\:divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
  }

  .lg\:divide-yellow-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
  }

  .lg\:divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
  }

  .lg\:divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
  }

  .lg\:divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
  }

  .lg\:divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
  }

  .lg\:divide-green-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
  }

  .lg\:divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
  }

  .lg\:divide-green-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
  }

  .lg\:divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
  }

  .lg\:divide-green-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
  }

  .lg\:divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
  }

  .lg\:divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
  }

  .lg\:divide-teal-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
  }

  .lg\:divide-teal-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
  }

  .lg\:divide-teal-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
  }

  .lg\:divide-teal-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
  }

  .lg\:divide-teal-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
  }

  .lg\:divide-teal-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
  }

  .lg\:divide-teal-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
  }

  .lg\:divide-teal-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
  }

  .lg\:divide-teal-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
  }

  .lg\:divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
  }

  .lg\:divide-indigo-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
  }

  .lg\:divide-indigo-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
  }

  .lg\:divide-indigo-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
  }

  .lg\:divide-indigo-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
  }

  .lg\:divide-indigo-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
  }

  .lg\:divide-indigo-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
  }

  .lg\:divide-indigo-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
  }

  .lg\:divide-indigo-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
  }

  .lg\:divide-indigo-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
  }

  .lg\:divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
  }

  .lg\:divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
  }

  .lg\:divide-purple-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
  }

  .lg\:divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
  }

  .lg\:divide-purple-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
  }

  .lg\:divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
  }

  .lg\:divide-purple-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
  }

  .lg\:divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
  }

  .lg\:divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
  }

  .lg\:divide-pink-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
  }

  .lg\:divide-pink-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
  }

  .lg\:divide-pink-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
  }

  .lg\:divide-pink-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
  }

  .lg\:divide-pink-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
  }

  .lg\:divide-pink-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
  }

  .lg\:divide-pink-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
  }

  .lg\:divide-pink-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
  }

  .lg\:divide-pink-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
  }

  .lg\:divide-primary-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .lg\:divide-primary-hover-color > :not(template) ~ :not(template){
    border-color: var(--hover-color) !important;
  }

  .lg\:divide-gray-body > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-333 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-666 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-888 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-999 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-icon > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-features > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--divide-opacity)) !important;
  }

  .lg\:divide-slide-border > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--divide-opacity)) !important;
  }

  .lg\:divide-sale-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .lg\:divide-hit-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--divide-opacity)) !important;
  }

  .lg\:divide-new-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--divide-opacity)) !important;
  }

  .lg\:divide-fb-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--divide-opacity)) !important;
  }

  .lg\:divide-fb-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--divide-opacity)) !important;
  }

  .lg\:divide-vk-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--divide-opacity)) !important;
  }

  .lg\:divide-vk-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--divide-opacity)) !important;
  }

  .lg\:divide-insta-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--divide-opacity)) !important;
  }

  .lg\:divide-insta-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-dc > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-cd > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--divide-opacity)) !important;
  }

  .lg\:divide-gray-e7 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--divide-opacity)) !important;
  }

  .lg\:divide-check-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--divide-opacity)) !important;
  }

  .lg\:divide-docx-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--divide-opacity)) !important;
  }

  .lg\:divide-dark-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--divide-opacity)) !important;
  }

  .lg\:divide-green-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--divide-opacity)) !important;
  }

  .lg\:divide-solid > :not(template) ~ :not(template){
    border-style: solid !important;
  }

  .lg\:divide-dashed > :not(template) ~ :not(template){
    border-style: dashed !important;
  }

  .lg\:divide-dotted > :not(template) ~ :not(template){
    border-style: dotted !important;
  }

  .lg\:divide-double > :not(template) ~ :not(template){
    border-style: double !important;
  }

  .lg\:divide-none > :not(template) ~ :not(template){
    border-style: none !important;
  }

  .lg\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0 !important;
  }

  .lg\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25 !important;
  }

  .lg\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5 !important;
  }

  .lg\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75 !important;
  }

  .lg\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
  }

  .lg\:sr-only{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .lg\:not-sr-only{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .lg\:focus\:sr-only:focus{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .lg\:focus\:not-sr-only:focus{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .lg\:appearance-none{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }

  .lg\:bg-fixed{
    background-attachment: fixed !important;
  }

  .lg\:bg-local{
    background-attachment: local !important;
  }

  .lg\:bg-scroll{
    background-attachment: scroll !important;
  }

  .lg\:bg-clip-border{
    background-clip: border-box !important;
  }

  .lg\:bg-clip-padding{
    background-clip: padding-box !important;
  }

  .lg\:bg-clip-content{
    background-clip: content-box !important;
  }

  .lg\:bg-clip-text{
    -webkit-background-clip: text !important;
    background-clip: text !important;
  }

  .lg\:bg-transparent{
    background-color: transparent !important;
  }

  .lg\:bg-current{
    background-color: currentColor !important;
  }

  .lg\:bg-black{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .lg\:bg-white{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-100{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-200{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-300{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-400{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-500{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-600{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-700{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-800{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-900{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .lg\:bg-red{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .lg\:bg-orange-100{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .lg\:bg-orange-200{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .lg\:bg-orange-300{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .lg\:bg-orange-400{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .lg\:bg-orange-500{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .lg\:bg-orange-600{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .lg\:bg-orange-700{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .lg\:bg-orange-800{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .lg\:bg-orange-900{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .lg\:bg-yellow-100{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .lg\:bg-yellow-200{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .lg\:bg-yellow-300{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .lg\:bg-yellow-400{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .lg\:bg-yellow-500{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .lg\:bg-yellow-600{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .lg\:bg-yellow-700{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .lg\:bg-yellow-800{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .lg\:bg-yellow-900{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .lg\:bg-green-100{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .lg\:bg-green-200{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .lg\:bg-green-300{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .lg\:bg-green-400{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .lg\:bg-green-500{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .lg\:bg-green-600{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .lg\:bg-green-700{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .lg\:bg-green-800{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .lg\:bg-green-900{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .lg\:bg-teal-100{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .lg\:bg-teal-200{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .lg\:bg-teal-300{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .lg\:bg-teal-400{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .lg\:bg-teal-500{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .lg\:bg-teal-600{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .lg\:bg-teal-700{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .lg\:bg-teal-800{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .lg\:bg-teal-900{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-100{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-200{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-300{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-400{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-500{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-600{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-700{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-800{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .lg\:bg-blue-900{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .lg\:bg-indigo-100{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .lg\:bg-indigo-200{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .lg\:bg-indigo-300{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .lg\:bg-indigo-400{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .lg\:bg-indigo-500{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .lg\:bg-indigo-600{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .lg\:bg-indigo-700{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .lg\:bg-indigo-800{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .lg\:bg-indigo-900{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .lg\:bg-purple-100{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .lg\:bg-purple-200{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .lg\:bg-purple-300{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .lg\:bg-purple-400{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .lg\:bg-purple-500{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .lg\:bg-purple-600{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .lg\:bg-purple-700{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .lg\:bg-purple-800{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .lg\:bg-purple-900{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .lg\:bg-pink-100{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .lg\:bg-pink-200{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .lg\:bg-pink-300{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .lg\:bg-pink-400{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .lg\:bg-pink-500{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .lg\:bg-pink-600{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .lg\:bg-pink-700{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .lg\:bg-pink-800{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .lg\:bg-pink-900{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .lg\:bg-primary-color{
    background-color: var(--primary-color) !important;
  }

  .lg\:bg-primary-hover-color{
    background-color: var(--hover-color) !important;
  }

  .lg\:bg-gray-body{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-light{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-333{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-666{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-888{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-999{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-icon{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-features{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .lg\:bg-slide-border{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .lg\:bg-sale-color{
    background-color: var(--primary-color) !important;
  }

  .lg\:bg-hit-color{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .lg\:bg-new-color{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .lg\:bg-fb-hover-color{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .lg\:bg-fb-active-color{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .lg\:bg-vk-hover-color{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .lg\:bg-vk-active-color{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .lg\:bg-insta-hover-color{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .lg\:bg-insta-active-color{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-dc{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-cd{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .lg\:bg-gray-e7{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .lg\:bg-check-color{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .lg\:bg-docx-color{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .lg\:bg-dark-black{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .lg\:bg-green-light{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-transparent:hover{
    background-color: transparent !important;
  }

  .lg\:hover\:bg-current:hover{
    background-color: currentColor !important;
  }

  .lg\:hover\:bg-black:hover{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-white:hover{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-200:hover{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-300:hover{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-400:hover{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-500:hover{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-600:hover{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-900:hover{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-red:hover{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-orange-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-orange-200:hover{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-orange-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-orange-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-orange-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-orange-600:hover{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-orange-700:hover{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-orange-800:hover{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-orange-900:hover{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-yellow-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-yellow-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-yellow-300:hover{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-yellow-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-yellow-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-yellow-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-yellow-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-yellow-800:hover{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-yellow-900:hover{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-green-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-green-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-green-300:hover{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-green-400:hover{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-green-500:hover{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-green-600:hover{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-green-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-green-800:hover{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-green-900:hover{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-teal-100:hover{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-teal-200:hover{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-teal-300:hover{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-teal-400:hover{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-teal-500:hover{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-teal-600:hover{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-teal-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-teal-800:hover{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-teal-900:hover{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-200:hover{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-300:hover{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-400:hover{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-500:hover{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-600:hover{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-blue-900:hover{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-indigo-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-indigo-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-indigo-300:hover{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-indigo-400:hover{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-indigo-500:hover{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-indigo-600:hover{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-indigo-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-indigo-800:hover{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-indigo-900:hover{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-purple-100:hover{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-purple-200:hover{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-purple-300:hover{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-purple-400:hover{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-purple-500:hover{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-purple-600:hover{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-purple-700:hover{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-purple-800:hover{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-purple-900:hover{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-pink-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-pink-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-pink-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-pink-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-pink-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-pink-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-pink-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-pink-800:hover{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-pink-900:hover{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-primary-color:hover{
    background-color: var(--primary-color) !important;
  }

  .lg\:hover\:bg-primary-hover-color:hover{
    background-color: var(--hover-color) !important;
  }

  .lg\:hover\:bg-gray-body:hover{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-light:hover{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-333:hover{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-666:hover{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-888:hover{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-999:hover{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-icon:hover{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-features:hover{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-slide-border:hover{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-sale-color:hover{
    background-color: var(--primary-color) !important;
  }

  .lg\:hover\:bg-hit-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-new-color:hover{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-fb-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-fb-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-vk-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-vk-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-insta-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-insta-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-dc:hover{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-cd:hover{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-gray-e7:hover{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-check-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-docx-color:hover{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-dark-black:hover{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .lg\:hover\:bg-green-light:hover{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-transparent:focus{
    background-color: transparent !important;
  }

  .lg\:focus\:bg-current:focus{
    background-color: currentColor !important;
  }

  .lg\:focus\:bg-black:focus{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-white:focus{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-200:focus{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-300:focus{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-400:focus{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-500:focus{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-600:focus{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-900:focus{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-red:focus{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-orange-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-orange-200:focus{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-orange-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-orange-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-orange-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-orange-600:focus{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-orange-700:focus{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-orange-800:focus{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-orange-900:focus{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-yellow-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-yellow-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-yellow-300:focus{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-yellow-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-yellow-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-yellow-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-yellow-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-yellow-800:focus{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-yellow-900:focus{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-green-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-green-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-green-300:focus{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-green-400:focus{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-green-500:focus{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-green-600:focus{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-green-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-green-800:focus{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-green-900:focus{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-teal-100:focus{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-teal-200:focus{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-teal-300:focus{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-teal-400:focus{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-teal-500:focus{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-teal-600:focus{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-teal-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-teal-800:focus{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-teal-900:focus{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-200:focus{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-300:focus{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-400:focus{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-500:focus{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-600:focus{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-blue-900:focus{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-indigo-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-indigo-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-indigo-300:focus{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-indigo-400:focus{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-indigo-500:focus{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-indigo-600:focus{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-indigo-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-indigo-800:focus{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-indigo-900:focus{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-purple-100:focus{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-purple-200:focus{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-purple-300:focus{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-purple-400:focus{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-purple-500:focus{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-purple-600:focus{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-purple-700:focus{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-purple-800:focus{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-purple-900:focus{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-pink-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-pink-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-pink-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-pink-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-pink-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-pink-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-pink-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-pink-800:focus{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-pink-900:focus{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-primary-color:focus{
    background-color: var(--primary-color) !important;
  }

  .lg\:focus\:bg-primary-hover-color:focus{
    background-color: var(--hover-color) !important;
  }

  .lg\:focus\:bg-gray-body:focus{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-light:focus{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-333:focus{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-666:focus{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-888:focus{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-999:focus{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-icon:focus{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-features:focus{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-slide-border:focus{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-sale-color:focus{
    background-color: var(--primary-color) !important;
  }

  .lg\:focus\:bg-hit-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-new-color:focus{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-fb-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-fb-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-vk-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-vk-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-insta-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-insta-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-dc:focus{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-cd:focus{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-gray-e7:focus{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-check-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-docx-color:focus{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-dark-black:focus{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .lg\:focus\:bg-green-light:focus{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .lg\:bg-none{
    background-image: none !important;
  }

  .lg\:bg-gradient-to-t{
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-tr{
    background-image: -webkit-gradient(linear, left bottom, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-r{
    background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-br{
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-b{
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-bl{
    background-image: -webkit-gradient(linear, right top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-l{
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
  }

  .lg\:bg-gradient-to-tl{
    background-image: -webkit-gradient(linear, right bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
  }

  .lg\:from-transparent{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:from-current{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:from-black{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:from-white{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:from-gray-100{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .lg\:from-gray-200{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .lg\:from-gray-300{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .lg\:from-gray-400{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .lg\:from-gray-500{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .lg\:from-gray-600{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .lg\:from-gray-700{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .lg\:from-gray-800{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .lg\:from-gray-900{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .lg\:from-red{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .lg\:from-orange-100{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .lg\:from-orange-200{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .lg\:from-orange-300{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .lg\:from-orange-400{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .lg\:from-orange-500{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .lg\:from-orange-600{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .lg\:from-orange-700{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .lg\:from-orange-800{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .lg\:from-orange-900{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .lg\:from-yellow-100{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .lg\:from-yellow-200{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .lg\:from-yellow-300{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .lg\:from-yellow-400{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .lg\:from-yellow-500{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .lg\:from-yellow-600{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .lg\:from-yellow-700{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .lg\:from-yellow-800{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .lg\:from-yellow-900{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .lg\:from-green-100{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .lg\:from-green-200{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .lg\:from-green-300{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .lg\:from-green-400{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .lg\:from-green-500{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .lg\:from-green-600{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .lg\:from-green-700{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .lg\:from-green-800{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .lg\:from-green-900{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .lg\:from-teal-100{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .lg\:from-teal-200{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .lg\:from-teal-300{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .lg\:from-teal-400{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .lg\:from-teal-500{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .lg\:from-teal-600{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .lg\:from-teal-700{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .lg\:from-teal-800{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .lg\:from-teal-900{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .lg\:from-blue-100{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .lg\:from-blue-200{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .lg\:from-blue-300{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .lg\:from-blue-400{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .lg\:from-blue-500{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .lg\:from-blue-600{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .lg\:from-blue-700{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .lg\:from-blue-800{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .lg\:from-blue-900{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .lg\:from-indigo-100{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .lg\:from-indigo-200{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .lg\:from-indigo-300{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .lg\:from-indigo-400{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .lg\:from-indigo-500{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .lg\:from-indigo-600{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .lg\:from-indigo-700{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .lg\:from-indigo-800{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .lg\:from-indigo-900{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .lg\:from-purple-100{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .lg\:from-purple-200{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .lg\:from-purple-300{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .lg\:from-purple-400{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .lg\:from-purple-500{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .lg\:from-purple-600{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .lg\:from-purple-700{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .lg\:from-purple-800{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .lg\:from-purple-900{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .lg\:from-pink-100{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .lg\:from-pink-200{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .lg\:from-pink-300{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .lg\:from-pink-400{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .lg\:from-pink-500{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .lg\:from-pink-600{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .lg\:from-pink-700{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .lg\:from-pink-800{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .lg\:from-pink-900{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .lg\:from-primary-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:from-primary-hover-color{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:from-gray-body{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .lg\:from-gray-light{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .lg\:from-gray-333{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .lg\:from-gray-666{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .lg\:from-gray-888{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .lg\:from-gray-999{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .lg\:from-gray-icon{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .lg\:from-gray-features{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .lg\:from-slide-border{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .lg\:from-sale-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:from-hit-color{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .lg\:from-new-color{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .lg\:from-fb-hover-color{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .lg\:from-fb-active-color{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .lg\:from-vk-hover-color{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .lg\:from-vk-active-color{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .lg\:from-insta-hover-color{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .lg\:from-insta-active-color{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .lg\:from-gray-dc{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .lg\:from-gray-cd{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .lg\:from-gray-e7{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .lg\:from-check-color{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .lg\:from-docx-color{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .lg\:from-dark-black{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .lg\:from-green-light{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .lg\:via-transparent{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:via-current{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:via-black{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:via-white{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:via-gray-100{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .lg\:via-gray-200{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .lg\:via-gray-300{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .lg\:via-gray-400{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .lg\:via-gray-500{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .lg\:via-gray-600{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .lg\:via-gray-700{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .lg\:via-gray-800{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .lg\:via-gray-900{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .lg\:via-red{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .lg\:via-orange-100{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .lg\:via-orange-200{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .lg\:via-orange-300{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .lg\:via-orange-400{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .lg\:via-orange-500{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .lg\:via-orange-600{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .lg\:via-orange-700{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .lg\:via-orange-800{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .lg\:via-orange-900{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .lg\:via-yellow-100{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .lg\:via-yellow-200{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .lg\:via-yellow-300{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .lg\:via-yellow-400{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .lg\:via-yellow-500{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .lg\:via-yellow-600{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .lg\:via-yellow-700{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .lg\:via-yellow-800{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .lg\:via-yellow-900{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .lg\:via-green-100{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .lg\:via-green-200{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .lg\:via-green-300{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .lg\:via-green-400{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .lg\:via-green-500{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .lg\:via-green-600{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .lg\:via-green-700{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .lg\:via-green-800{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .lg\:via-green-900{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .lg\:via-teal-100{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .lg\:via-teal-200{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .lg\:via-teal-300{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .lg\:via-teal-400{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .lg\:via-teal-500{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .lg\:via-teal-600{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .lg\:via-teal-700{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .lg\:via-teal-800{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .lg\:via-teal-900{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .lg\:via-blue-100{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .lg\:via-blue-200{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .lg\:via-blue-300{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .lg\:via-blue-400{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .lg\:via-blue-500{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .lg\:via-blue-600{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .lg\:via-blue-700{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .lg\:via-blue-800{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .lg\:via-blue-900{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .lg\:via-indigo-100{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .lg\:via-indigo-200{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .lg\:via-indigo-300{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .lg\:via-indigo-400{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .lg\:via-indigo-500{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .lg\:via-indigo-600{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .lg\:via-indigo-700{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .lg\:via-indigo-800{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .lg\:via-indigo-900{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .lg\:via-purple-100{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .lg\:via-purple-200{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .lg\:via-purple-300{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .lg\:via-purple-400{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .lg\:via-purple-500{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .lg\:via-purple-600{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .lg\:via-purple-700{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .lg\:via-purple-800{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .lg\:via-purple-900{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .lg\:via-pink-100{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .lg\:via-pink-200{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .lg\:via-pink-300{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .lg\:via-pink-400{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .lg\:via-pink-500{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .lg\:via-pink-600{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .lg\:via-pink-700{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .lg\:via-pink-800{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .lg\:via-pink-900{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .lg\:via-primary-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:via-primary-hover-color{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:via-gray-body{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .lg\:via-gray-light{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .lg\:via-gray-333{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .lg\:via-gray-666{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .lg\:via-gray-888{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .lg\:via-gray-999{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .lg\:via-gray-icon{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .lg\:via-gray-features{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .lg\:via-slide-border{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .lg\:via-sale-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:via-hit-color{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .lg\:via-new-color{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .lg\:via-fb-hover-color{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .lg\:via-fb-active-color{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .lg\:via-vk-hover-color{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .lg\:via-vk-active-color{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .lg\:via-insta-hover-color{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .lg\:via-insta-active-color{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .lg\:via-gray-dc{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .lg\:via-gray-cd{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .lg\:via-gray-e7{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .lg\:via-check-color{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .lg\:via-docx-color{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .lg\:via-dark-black{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .lg\:via-green-light{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .lg\:to-transparent{
    --gradient-to-color: transparent !important;
  }

  .lg\:to-current{
    --gradient-to-color: currentColor !important;
  }

  .lg\:to-black{
    --gradient-to-color: #000 !important;
  }

  .lg\:to-white{
    --gradient-to-color: #fff !important;
  }

  .lg\:to-gray-100{
    --gradient-to-color: #f7fafc !important;
  }

  .lg\:to-gray-200{
    --gradient-to-color: #edf2f7 !important;
  }

  .lg\:to-gray-300{
    --gradient-to-color: #e2e8f0 !important;
  }

  .lg\:to-gray-400{
    --gradient-to-color: #cbd5e0 !important;
  }

  .lg\:to-gray-500{
    --gradient-to-color: #a0aec0 !important;
  }

  .lg\:to-gray-600{
    --gradient-to-color: #718096 !important;
  }

  .lg\:to-gray-700{
    --gradient-to-color: #4a5568 !important;
  }

  .lg\:to-gray-800{
    --gradient-to-color: #2d3748 !important;
  }

  .lg\:to-gray-900{
    --gradient-to-color: #1a202c !important;
  }

  .lg\:to-red{
    --gradient-to-color: #cc0a0a !important;
  }

  .lg\:to-orange-100{
    --gradient-to-color: #fffaf0 !important;
  }

  .lg\:to-orange-200{
    --gradient-to-color: #feebc8 !important;
  }

  .lg\:to-orange-300{
    --gradient-to-color: #fbd38d !important;
  }

  .lg\:to-orange-400{
    --gradient-to-color: #f6ad55 !important;
  }

  .lg\:to-orange-500{
    --gradient-to-color: #ed8936 !important;
  }

  .lg\:to-orange-600{
    --gradient-to-color: #dd6b20 !important;
  }

  .lg\:to-orange-700{
    --gradient-to-color: #c05621 !important;
  }

  .lg\:to-orange-800{
    --gradient-to-color: #9c4221 !important;
  }

  .lg\:to-orange-900{
    --gradient-to-color: #7b341e !important;
  }

  .lg\:to-yellow-100{
    --gradient-to-color: #fffff0 !important;
  }

  .lg\:to-yellow-200{
    --gradient-to-color: #fefcbf !important;
  }

  .lg\:to-yellow-300{
    --gradient-to-color: #faf089 !important;
  }

  .lg\:to-yellow-400{
    --gradient-to-color: #f6e05e !important;
  }

  .lg\:to-yellow-500{
    --gradient-to-color: #ecc94b !important;
  }

  .lg\:to-yellow-600{
    --gradient-to-color: #d69e2e !important;
  }

  .lg\:to-yellow-700{
    --gradient-to-color: #b7791f !important;
  }

  .lg\:to-yellow-800{
    --gradient-to-color: #975a16 !important;
  }

  .lg\:to-yellow-900{
    --gradient-to-color: #744210 !important;
  }

  .lg\:to-green-100{
    --gradient-to-color: #f0fff4 !important;
  }

  .lg\:to-green-200{
    --gradient-to-color: #c6f6d5 !important;
  }

  .lg\:to-green-300{
    --gradient-to-color: #9ae6b4 !important;
  }

  .lg\:to-green-400{
    --gradient-to-color: #68d391 !important;
  }

  .lg\:to-green-500{
    --gradient-to-color: #48bb78 !important;
  }

  .lg\:to-green-600{
    --gradient-to-color: #38a169 !important;
  }

  .lg\:to-green-700{
    --gradient-to-color: #2f855a !important;
  }

  .lg\:to-green-800{
    --gradient-to-color: #276749 !important;
  }

  .lg\:to-green-900{
    --gradient-to-color: #22543d !important;
  }

  .lg\:to-teal-100{
    --gradient-to-color: #e6fffa !important;
  }

  .lg\:to-teal-200{
    --gradient-to-color: #b2f5ea !important;
  }

  .lg\:to-teal-300{
    --gradient-to-color: #81e6d9 !important;
  }

  .lg\:to-teal-400{
    --gradient-to-color: #4fd1c5 !important;
  }

  .lg\:to-teal-500{
    --gradient-to-color: #38b2ac !important;
  }

  .lg\:to-teal-600{
    --gradient-to-color: #319795 !important;
  }

  .lg\:to-teal-700{
    --gradient-to-color: #2c7a7b !important;
  }

  .lg\:to-teal-800{
    --gradient-to-color: #285e61 !important;
  }

  .lg\:to-teal-900{
    --gradient-to-color: #234e52 !important;
  }

  .lg\:to-blue-100{
    --gradient-to-color: #ebf8ff !important;
  }

  .lg\:to-blue-200{
    --gradient-to-color: #bee3f8 !important;
  }

  .lg\:to-blue-300{
    --gradient-to-color: #90cdf4 !important;
  }

  .lg\:to-blue-400{
    --gradient-to-color: #63b3ed !important;
  }

  .lg\:to-blue-500{
    --gradient-to-color: #4299e1 !important;
  }

  .lg\:to-blue-600{
    --gradient-to-color: #3182ce !important;
  }

  .lg\:to-blue-700{
    --gradient-to-color: #2b6cb0 !important;
  }

  .lg\:to-blue-800{
    --gradient-to-color: #2c5282 !important;
  }

  .lg\:to-blue-900{
    --gradient-to-color: #2a4365 !important;
  }

  .lg\:to-indigo-100{
    --gradient-to-color: #ebf4ff !important;
  }

  .lg\:to-indigo-200{
    --gradient-to-color: #c3dafe !important;
  }

  .lg\:to-indigo-300{
    --gradient-to-color: #a3bffa !important;
  }

  .lg\:to-indigo-400{
    --gradient-to-color: #7f9cf5 !important;
  }

  .lg\:to-indigo-500{
    --gradient-to-color: #667eea !important;
  }

  .lg\:to-indigo-600{
    --gradient-to-color: #5a67d8 !important;
  }

  .lg\:to-indigo-700{
    --gradient-to-color: #4c51bf !important;
  }

  .lg\:to-indigo-800{
    --gradient-to-color: #434190 !important;
  }

  .lg\:to-indigo-900{
    --gradient-to-color: #3c366b !important;
  }

  .lg\:to-purple-100{
    --gradient-to-color: #faf5ff !important;
  }

  .lg\:to-purple-200{
    --gradient-to-color: #e9d8fd !important;
  }

  .lg\:to-purple-300{
    --gradient-to-color: #d6bcfa !important;
  }

  .lg\:to-purple-400{
    --gradient-to-color: #b794f4 !important;
  }

  .lg\:to-purple-500{
    --gradient-to-color: #9f7aea !important;
  }

  .lg\:to-purple-600{
    --gradient-to-color: #805ad5 !important;
  }

  .lg\:to-purple-700{
    --gradient-to-color: #6b46c1 !important;
  }

  .lg\:to-purple-800{
    --gradient-to-color: #553c9a !important;
  }

  .lg\:to-purple-900{
    --gradient-to-color: #44337a !important;
  }

  .lg\:to-pink-100{
    --gradient-to-color: #fff5f7 !important;
  }

  .lg\:to-pink-200{
    --gradient-to-color: #fed7e2 !important;
  }

  .lg\:to-pink-300{
    --gradient-to-color: #fbb6ce !important;
  }

  .lg\:to-pink-400{
    --gradient-to-color: #f687b3 !important;
  }

  .lg\:to-pink-500{
    --gradient-to-color: #ed64a6 !important;
  }

  .lg\:to-pink-600{
    --gradient-to-color: #d53f8c !important;
  }

  .lg\:to-pink-700{
    --gradient-to-color: #b83280 !important;
  }

  .lg\:to-pink-800{
    --gradient-to-color: #97266d !important;
  }

  .lg\:to-pink-900{
    --gradient-to-color: #702459 !important;
  }

  .lg\:to-primary-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .lg\:to-primary-hover-color{
    --gradient-to-color: var(--hover-color) !important;
  }

  .lg\:to-gray-body{
    --gradient-to-color: #f2f2f2 !important;
  }

  .lg\:to-gray-light{
    --gradient-to-color: #ccc !important;
  }

  .lg\:to-gray-333{
    --gradient-to-color: #333 !important;
  }

  .lg\:to-gray-666{
    --gradient-to-color: #666 !important;
  }

  .lg\:to-gray-888{
    --gradient-to-color: #888 !important;
  }

  .lg\:to-gray-999{
    --gradient-to-color: #999 !important;
  }

  .lg\:to-gray-icon{
    --gradient-to-color: #9a9a9a !important;
  }

  .lg\:to-gray-features{
    --gradient-to-color: #f5f5f5 !important;
  }

  .lg\:to-slide-border{
    --gradient-to-color: #e1e1e1 !important;
  }

  .lg\:to-sale-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .lg\:to-hit-color{
    --gradient-to-color: #ff9900 !important;
  }

  .lg\:to-new-color{
    --gradient-to-color: #0fa3c6 !important;
  }

  .lg\:to-fb-hover-color{
    --gradient-to-color: #5959d8 !important;
  }

  .lg\:to-fb-active-color{
    --gradient-to-color: #4040b3 !important;
  }

  .lg\:to-vk-hover-color{
    --gradient-to-color: #628dd3 !important;
  }

  .lg\:to-vk-active-color{
    --gradient-to-color: #3768b9 !important;
  }

  .lg\:to-insta-hover-color{
    --gradient-to-color: #af35d2 !important;
  }

  .lg\:to-insta-active-color{
    --gradient-to-color: #7e47b7 !important;
  }

  .lg\:to-gray-dc{
    --gradient-to-color: #dcdcdc !important;
  }

  .lg\:to-gray-cd{
    --gradient-to-color: #cdcdcd !important;
  }

  .lg\:to-gray-e7{
    --gradient-to-color: #e7e7e7 !important;
  }

  .lg\:to-check-color{
    --gradient-to-color: #ce3a12 !important;
  }

  .lg\:to-docx-color{
    --gradient-to-color: #1789e9 !important;
  }

  .lg\:to-dark-black{
    --gradient-to-color: #010101 !important;
  }

  .lg\:to-green-light{
    --gradient-to-color: #3ab011 !important;
  }

  .lg\:hover\:from-transparent:hover{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:hover\:from-current:hover{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:hover\:from-black:hover{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:hover\:from-white:hover{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:hover\:from-gray-100:hover{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .lg\:hover\:from-gray-200:hover{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .lg\:hover\:from-gray-300:hover{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .lg\:hover\:from-gray-400:hover{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .lg\:hover\:from-gray-500:hover{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .lg\:hover\:from-gray-600:hover{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .lg\:hover\:from-gray-700:hover{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .lg\:hover\:from-gray-800:hover{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .lg\:hover\:from-gray-900:hover{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .lg\:hover\:from-red:hover{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .lg\:hover\:from-orange-100:hover{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .lg\:hover\:from-orange-200:hover{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .lg\:hover\:from-orange-300:hover{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .lg\:hover\:from-orange-400:hover{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .lg\:hover\:from-orange-500:hover{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .lg\:hover\:from-orange-600:hover{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .lg\:hover\:from-orange-700:hover{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .lg\:hover\:from-orange-800:hover{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .lg\:hover\:from-orange-900:hover{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .lg\:hover\:from-yellow-100:hover{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .lg\:hover\:from-yellow-200:hover{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .lg\:hover\:from-yellow-300:hover{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .lg\:hover\:from-yellow-400:hover{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .lg\:hover\:from-yellow-500:hover{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .lg\:hover\:from-yellow-600:hover{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .lg\:hover\:from-yellow-700:hover{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .lg\:hover\:from-yellow-800:hover{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .lg\:hover\:from-yellow-900:hover{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .lg\:hover\:from-green-100:hover{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .lg\:hover\:from-green-200:hover{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .lg\:hover\:from-green-300:hover{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .lg\:hover\:from-green-400:hover{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .lg\:hover\:from-green-500:hover{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .lg\:hover\:from-green-600:hover{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .lg\:hover\:from-green-700:hover{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .lg\:hover\:from-green-800:hover{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .lg\:hover\:from-green-900:hover{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .lg\:hover\:from-teal-100:hover{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .lg\:hover\:from-teal-200:hover{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .lg\:hover\:from-teal-300:hover{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .lg\:hover\:from-teal-400:hover{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .lg\:hover\:from-teal-500:hover{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .lg\:hover\:from-teal-600:hover{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .lg\:hover\:from-teal-700:hover{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .lg\:hover\:from-teal-800:hover{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .lg\:hover\:from-teal-900:hover{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .lg\:hover\:from-blue-100:hover{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .lg\:hover\:from-blue-200:hover{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .lg\:hover\:from-blue-300:hover{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .lg\:hover\:from-blue-400:hover{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .lg\:hover\:from-blue-500:hover{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .lg\:hover\:from-blue-600:hover{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .lg\:hover\:from-blue-700:hover{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .lg\:hover\:from-blue-800:hover{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .lg\:hover\:from-blue-900:hover{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .lg\:hover\:from-indigo-100:hover{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .lg\:hover\:from-indigo-200:hover{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .lg\:hover\:from-indigo-300:hover{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .lg\:hover\:from-indigo-400:hover{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .lg\:hover\:from-indigo-500:hover{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .lg\:hover\:from-indigo-600:hover{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .lg\:hover\:from-indigo-700:hover{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .lg\:hover\:from-indigo-800:hover{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .lg\:hover\:from-indigo-900:hover{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .lg\:hover\:from-purple-100:hover{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .lg\:hover\:from-purple-200:hover{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .lg\:hover\:from-purple-300:hover{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .lg\:hover\:from-purple-400:hover{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .lg\:hover\:from-purple-500:hover{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .lg\:hover\:from-purple-600:hover{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .lg\:hover\:from-purple-700:hover{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .lg\:hover\:from-purple-800:hover{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .lg\:hover\:from-purple-900:hover{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .lg\:hover\:from-pink-100:hover{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .lg\:hover\:from-pink-200:hover{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .lg\:hover\:from-pink-300:hover{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .lg\:hover\:from-pink-400:hover{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .lg\:hover\:from-pink-500:hover{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .lg\:hover\:from-pink-600:hover{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .lg\:hover\:from-pink-700:hover{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .lg\:hover\:from-pink-800:hover{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .lg\:hover\:from-pink-900:hover{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .lg\:hover\:from-primary-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:hover\:from-primary-hover-color:hover{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:hover\:from-gray-body:hover{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .lg\:hover\:from-gray-light:hover{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .lg\:hover\:from-gray-333:hover{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .lg\:hover\:from-gray-666:hover{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .lg\:hover\:from-gray-888:hover{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .lg\:hover\:from-gray-999:hover{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .lg\:hover\:from-gray-icon:hover{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .lg\:hover\:from-gray-features:hover{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .lg\:hover\:from-slide-border:hover{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .lg\:hover\:from-sale-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:hover\:from-hit-color:hover{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .lg\:hover\:from-new-color:hover{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .lg\:hover\:from-fb-hover-color:hover{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .lg\:hover\:from-fb-active-color:hover{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .lg\:hover\:from-vk-hover-color:hover{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .lg\:hover\:from-vk-active-color:hover{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .lg\:hover\:from-insta-hover-color:hover{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .lg\:hover\:from-insta-active-color:hover{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .lg\:hover\:from-gray-dc:hover{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .lg\:hover\:from-gray-cd:hover{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .lg\:hover\:from-gray-e7:hover{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .lg\:hover\:from-check-color:hover{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .lg\:hover\:from-docx-color:hover{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .lg\:hover\:from-dark-black:hover{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .lg\:hover\:from-green-light:hover{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .lg\:hover\:via-transparent:hover{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:hover\:via-current:hover{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:hover\:via-black:hover{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:hover\:via-white:hover{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:hover\:via-gray-100:hover{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .lg\:hover\:via-gray-200:hover{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .lg\:hover\:via-gray-300:hover{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .lg\:hover\:via-gray-400:hover{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .lg\:hover\:via-gray-500:hover{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .lg\:hover\:via-gray-600:hover{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .lg\:hover\:via-gray-700:hover{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .lg\:hover\:via-gray-800:hover{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .lg\:hover\:via-gray-900:hover{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .lg\:hover\:via-red:hover{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .lg\:hover\:via-orange-100:hover{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .lg\:hover\:via-orange-200:hover{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .lg\:hover\:via-orange-300:hover{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .lg\:hover\:via-orange-400:hover{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .lg\:hover\:via-orange-500:hover{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .lg\:hover\:via-orange-600:hover{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .lg\:hover\:via-orange-700:hover{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .lg\:hover\:via-orange-800:hover{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .lg\:hover\:via-orange-900:hover{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .lg\:hover\:via-yellow-100:hover{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .lg\:hover\:via-yellow-200:hover{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .lg\:hover\:via-yellow-300:hover{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .lg\:hover\:via-yellow-400:hover{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .lg\:hover\:via-yellow-500:hover{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .lg\:hover\:via-yellow-600:hover{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .lg\:hover\:via-yellow-700:hover{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .lg\:hover\:via-yellow-800:hover{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .lg\:hover\:via-yellow-900:hover{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .lg\:hover\:via-green-100:hover{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .lg\:hover\:via-green-200:hover{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .lg\:hover\:via-green-300:hover{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .lg\:hover\:via-green-400:hover{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .lg\:hover\:via-green-500:hover{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .lg\:hover\:via-green-600:hover{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .lg\:hover\:via-green-700:hover{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .lg\:hover\:via-green-800:hover{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .lg\:hover\:via-green-900:hover{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .lg\:hover\:via-teal-100:hover{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .lg\:hover\:via-teal-200:hover{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .lg\:hover\:via-teal-300:hover{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .lg\:hover\:via-teal-400:hover{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .lg\:hover\:via-teal-500:hover{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .lg\:hover\:via-teal-600:hover{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .lg\:hover\:via-teal-700:hover{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .lg\:hover\:via-teal-800:hover{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .lg\:hover\:via-teal-900:hover{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .lg\:hover\:via-blue-100:hover{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .lg\:hover\:via-blue-200:hover{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .lg\:hover\:via-blue-300:hover{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .lg\:hover\:via-blue-400:hover{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .lg\:hover\:via-blue-500:hover{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .lg\:hover\:via-blue-600:hover{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .lg\:hover\:via-blue-700:hover{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .lg\:hover\:via-blue-800:hover{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .lg\:hover\:via-blue-900:hover{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .lg\:hover\:via-indigo-100:hover{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .lg\:hover\:via-indigo-200:hover{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .lg\:hover\:via-indigo-300:hover{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .lg\:hover\:via-indigo-400:hover{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .lg\:hover\:via-indigo-500:hover{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .lg\:hover\:via-indigo-600:hover{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .lg\:hover\:via-indigo-700:hover{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .lg\:hover\:via-indigo-800:hover{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .lg\:hover\:via-indigo-900:hover{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .lg\:hover\:via-purple-100:hover{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .lg\:hover\:via-purple-200:hover{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .lg\:hover\:via-purple-300:hover{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .lg\:hover\:via-purple-400:hover{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .lg\:hover\:via-purple-500:hover{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .lg\:hover\:via-purple-600:hover{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .lg\:hover\:via-purple-700:hover{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .lg\:hover\:via-purple-800:hover{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .lg\:hover\:via-purple-900:hover{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .lg\:hover\:via-pink-100:hover{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .lg\:hover\:via-pink-200:hover{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .lg\:hover\:via-pink-300:hover{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .lg\:hover\:via-pink-400:hover{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .lg\:hover\:via-pink-500:hover{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .lg\:hover\:via-pink-600:hover{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .lg\:hover\:via-pink-700:hover{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .lg\:hover\:via-pink-800:hover{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .lg\:hover\:via-pink-900:hover{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .lg\:hover\:via-primary-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:hover\:via-primary-hover-color:hover{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:hover\:via-gray-body:hover{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .lg\:hover\:via-gray-light:hover{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .lg\:hover\:via-gray-333:hover{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .lg\:hover\:via-gray-666:hover{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .lg\:hover\:via-gray-888:hover{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .lg\:hover\:via-gray-999:hover{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .lg\:hover\:via-gray-icon:hover{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .lg\:hover\:via-gray-features:hover{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .lg\:hover\:via-slide-border:hover{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .lg\:hover\:via-sale-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:hover\:via-hit-color:hover{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .lg\:hover\:via-new-color:hover{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .lg\:hover\:via-fb-hover-color:hover{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .lg\:hover\:via-fb-active-color:hover{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .lg\:hover\:via-vk-hover-color:hover{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .lg\:hover\:via-vk-active-color:hover{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .lg\:hover\:via-insta-hover-color:hover{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .lg\:hover\:via-insta-active-color:hover{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .lg\:hover\:via-gray-dc:hover{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .lg\:hover\:via-gray-cd:hover{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .lg\:hover\:via-gray-e7:hover{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .lg\:hover\:via-check-color:hover{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .lg\:hover\:via-docx-color:hover{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .lg\:hover\:via-dark-black:hover{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .lg\:hover\:via-green-light:hover{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .lg\:hover\:to-transparent:hover{
    --gradient-to-color: transparent !important;
  }

  .lg\:hover\:to-current:hover{
    --gradient-to-color: currentColor !important;
  }

  .lg\:hover\:to-black:hover{
    --gradient-to-color: #000 !important;
  }

  .lg\:hover\:to-white:hover{
    --gradient-to-color: #fff !important;
  }

  .lg\:hover\:to-gray-100:hover{
    --gradient-to-color: #f7fafc !important;
  }

  .lg\:hover\:to-gray-200:hover{
    --gradient-to-color: #edf2f7 !important;
  }

  .lg\:hover\:to-gray-300:hover{
    --gradient-to-color: #e2e8f0 !important;
  }

  .lg\:hover\:to-gray-400:hover{
    --gradient-to-color: #cbd5e0 !important;
  }

  .lg\:hover\:to-gray-500:hover{
    --gradient-to-color: #a0aec0 !important;
  }

  .lg\:hover\:to-gray-600:hover{
    --gradient-to-color: #718096 !important;
  }

  .lg\:hover\:to-gray-700:hover{
    --gradient-to-color: #4a5568 !important;
  }

  .lg\:hover\:to-gray-800:hover{
    --gradient-to-color: #2d3748 !important;
  }

  .lg\:hover\:to-gray-900:hover{
    --gradient-to-color: #1a202c !important;
  }

  .lg\:hover\:to-red:hover{
    --gradient-to-color: #cc0a0a !important;
  }

  .lg\:hover\:to-orange-100:hover{
    --gradient-to-color: #fffaf0 !important;
  }

  .lg\:hover\:to-orange-200:hover{
    --gradient-to-color: #feebc8 !important;
  }

  .lg\:hover\:to-orange-300:hover{
    --gradient-to-color: #fbd38d !important;
  }

  .lg\:hover\:to-orange-400:hover{
    --gradient-to-color: #f6ad55 !important;
  }

  .lg\:hover\:to-orange-500:hover{
    --gradient-to-color: #ed8936 !important;
  }

  .lg\:hover\:to-orange-600:hover{
    --gradient-to-color: #dd6b20 !important;
  }

  .lg\:hover\:to-orange-700:hover{
    --gradient-to-color: #c05621 !important;
  }

  .lg\:hover\:to-orange-800:hover{
    --gradient-to-color: #9c4221 !important;
  }

  .lg\:hover\:to-orange-900:hover{
    --gradient-to-color: #7b341e !important;
  }

  .lg\:hover\:to-yellow-100:hover{
    --gradient-to-color: #fffff0 !important;
  }

  .lg\:hover\:to-yellow-200:hover{
    --gradient-to-color: #fefcbf !important;
  }

  .lg\:hover\:to-yellow-300:hover{
    --gradient-to-color: #faf089 !important;
  }

  .lg\:hover\:to-yellow-400:hover{
    --gradient-to-color: #f6e05e !important;
  }

  .lg\:hover\:to-yellow-500:hover{
    --gradient-to-color: #ecc94b !important;
  }

  .lg\:hover\:to-yellow-600:hover{
    --gradient-to-color: #d69e2e !important;
  }

  .lg\:hover\:to-yellow-700:hover{
    --gradient-to-color: #b7791f !important;
  }

  .lg\:hover\:to-yellow-800:hover{
    --gradient-to-color: #975a16 !important;
  }

  .lg\:hover\:to-yellow-900:hover{
    --gradient-to-color: #744210 !important;
  }

  .lg\:hover\:to-green-100:hover{
    --gradient-to-color: #f0fff4 !important;
  }

  .lg\:hover\:to-green-200:hover{
    --gradient-to-color: #c6f6d5 !important;
  }

  .lg\:hover\:to-green-300:hover{
    --gradient-to-color: #9ae6b4 !important;
  }

  .lg\:hover\:to-green-400:hover{
    --gradient-to-color: #68d391 !important;
  }

  .lg\:hover\:to-green-500:hover{
    --gradient-to-color: #48bb78 !important;
  }

  .lg\:hover\:to-green-600:hover{
    --gradient-to-color: #38a169 !important;
  }

  .lg\:hover\:to-green-700:hover{
    --gradient-to-color: #2f855a !important;
  }

  .lg\:hover\:to-green-800:hover{
    --gradient-to-color: #276749 !important;
  }

  .lg\:hover\:to-green-900:hover{
    --gradient-to-color: #22543d !important;
  }

  .lg\:hover\:to-teal-100:hover{
    --gradient-to-color: #e6fffa !important;
  }

  .lg\:hover\:to-teal-200:hover{
    --gradient-to-color: #b2f5ea !important;
  }

  .lg\:hover\:to-teal-300:hover{
    --gradient-to-color: #81e6d9 !important;
  }

  .lg\:hover\:to-teal-400:hover{
    --gradient-to-color: #4fd1c5 !important;
  }

  .lg\:hover\:to-teal-500:hover{
    --gradient-to-color: #38b2ac !important;
  }

  .lg\:hover\:to-teal-600:hover{
    --gradient-to-color: #319795 !important;
  }

  .lg\:hover\:to-teal-700:hover{
    --gradient-to-color: #2c7a7b !important;
  }

  .lg\:hover\:to-teal-800:hover{
    --gradient-to-color: #285e61 !important;
  }

  .lg\:hover\:to-teal-900:hover{
    --gradient-to-color: #234e52 !important;
  }

  .lg\:hover\:to-blue-100:hover{
    --gradient-to-color: #ebf8ff !important;
  }

  .lg\:hover\:to-blue-200:hover{
    --gradient-to-color: #bee3f8 !important;
  }

  .lg\:hover\:to-blue-300:hover{
    --gradient-to-color: #90cdf4 !important;
  }

  .lg\:hover\:to-blue-400:hover{
    --gradient-to-color: #63b3ed !important;
  }

  .lg\:hover\:to-blue-500:hover{
    --gradient-to-color: #4299e1 !important;
  }

  .lg\:hover\:to-blue-600:hover{
    --gradient-to-color: #3182ce !important;
  }

  .lg\:hover\:to-blue-700:hover{
    --gradient-to-color: #2b6cb0 !important;
  }

  .lg\:hover\:to-blue-800:hover{
    --gradient-to-color: #2c5282 !important;
  }

  .lg\:hover\:to-blue-900:hover{
    --gradient-to-color: #2a4365 !important;
  }

  .lg\:hover\:to-indigo-100:hover{
    --gradient-to-color: #ebf4ff !important;
  }

  .lg\:hover\:to-indigo-200:hover{
    --gradient-to-color: #c3dafe !important;
  }

  .lg\:hover\:to-indigo-300:hover{
    --gradient-to-color: #a3bffa !important;
  }

  .lg\:hover\:to-indigo-400:hover{
    --gradient-to-color: #7f9cf5 !important;
  }

  .lg\:hover\:to-indigo-500:hover{
    --gradient-to-color: #667eea !important;
  }

  .lg\:hover\:to-indigo-600:hover{
    --gradient-to-color: #5a67d8 !important;
  }

  .lg\:hover\:to-indigo-700:hover{
    --gradient-to-color: #4c51bf !important;
  }

  .lg\:hover\:to-indigo-800:hover{
    --gradient-to-color: #434190 !important;
  }

  .lg\:hover\:to-indigo-900:hover{
    --gradient-to-color: #3c366b !important;
  }

  .lg\:hover\:to-purple-100:hover{
    --gradient-to-color: #faf5ff !important;
  }

  .lg\:hover\:to-purple-200:hover{
    --gradient-to-color: #e9d8fd !important;
  }

  .lg\:hover\:to-purple-300:hover{
    --gradient-to-color: #d6bcfa !important;
  }

  .lg\:hover\:to-purple-400:hover{
    --gradient-to-color: #b794f4 !important;
  }

  .lg\:hover\:to-purple-500:hover{
    --gradient-to-color: #9f7aea !important;
  }

  .lg\:hover\:to-purple-600:hover{
    --gradient-to-color: #805ad5 !important;
  }

  .lg\:hover\:to-purple-700:hover{
    --gradient-to-color: #6b46c1 !important;
  }

  .lg\:hover\:to-purple-800:hover{
    --gradient-to-color: #553c9a !important;
  }

  .lg\:hover\:to-purple-900:hover{
    --gradient-to-color: #44337a !important;
  }

  .lg\:hover\:to-pink-100:hover{
    --gradient-to-color: #fff5f7 !important;
  }

  .lg\:hover\:to-pink-200:hover{
    --gradient-to-color: #fed7e2 !important;
  }

  .lg\:hover\:to-pink-300:hover{
    --gradient-to-color: #fbb6ce !important;
  }

  .lg\:hover\:to-pink-400:hover{
    --gradient-to-color: #f687b3 !important;
  }

  .lg\:hover\:to-pink-500:hover{
    --gradient-to-color: #ed64a6 !important;
  }

  .lg\:hover\:to-pink-600:hover{
    --gradient-to-color: #d53f8c !important;
  }

  .lg\:hover\:to-pink-700:hover{
    --gradient-to-color: #b83280 !important;
  }

  .lg\:hover\:to-pink-800:hover{
    --gradient-to-color: #97266d !important;
  }

  .lg\:hover\:to-pink-900:hover{
    --gradient-to-color: #702459 !important;
  }

  .lg\:hover\:to-primary-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .lg\:hover\:to-primary-hover-color:hover{
    --gradient-to-color: var(--hover-color) !important;
  }

  .lg\:hover\:to-gray-body:hover{
    --gradient-to-color: #f2f2f2 !important;
  }

  .lg\:hover\:to-gray-light:hover{
    --gradient-to-color: #ccc !important;
  }

  .lg\:hover\:to-gray-333:hover{
    --gradient-to-color: #333 !important;
  }

  .lg\:hover\:to-gray-666:hover{
    --gradient-to-color: #666 !important;
  }

  .lg\:hover\:to-gray-888:hover{
    --gradient-to-color: #888 !important;
  }

  .lg\:hover\:to-gray-999:hover{
    --gradient-to-color: #999 !important;
  }

  .lg\:hover\:to-gray-icon:hover{
    --gradient-to-color: #9a9a9a !important;
  }

  .lg\:hover\:to-gray-features:hover{
    --gradient-to-color: #f5f5f5 !important;
  }

  .lg\:hover\:to-slide-border:hover{
    --gradient-to-color: #e1e1e1 !important;
  }

  .lg\:hover\:to-sale-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .lg\:hover\:to-hit-color:hover{
    --gradient-to-color: #ff9900 !important;
  }

  .lg\:hover\:to-new-color:hover{
    --gradient-to-color: #0fa3c6 !important;
  }

  .lg\:hover\:to-fb-hover-color:hover{
    --gradient-to-color: #5959d8 !important;
  }

  .lg\:hover\:to-fb-active-color:hover{
    --gradient-to-color: #4040b3 !important;
  }

  .lg\:hover\:to-vk-hover-color:hover{
    --gradient-to-color: #628dd3 !important;
  }

  .lg\:hover\:to-vk-active-color:hover{
    --gradient-to-color: #3768b9 !important;
  }

  .lg\:hover\:to-insta-hover-color:hover{
    --gradient-to-color: #af35d2 !important;
  }

  .lg\:hover\:to-insta-active-color:hover{
    --gradient-to-color: #7e47b7 !important;
  }

  .lg\:hover\:to-gray-dc:hover{
    --gradient-to-color: #dcdcdc !important;
  }

  .lg\:hover\:to-gray-cd:hover{
    --gradient-to-color: #cdcdcd !important;
  }

  .lg\:hover\:to-gray-e7:hover{
    --gradient-to-color: #e7e7e7 !important;
  }

  .lg\:hover\:to-check-color:hover{
    --gradient-to-color: #ce3a12 !important;
  }

  .lg\:hover\:to-docx-color:hover{
    --gradient-to-color: #1789e9 !important;
  }

  .lg\:hover\:to-dark-black:hover{
    --gradient-to-color: #010101 !important;
  }

  .lg\:hover\:to-green-light:hover{
    --gradient-to-color: #3ab011 !important;
  }

  .lg\:focus\:from-transparent:focus{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:focus\:from-current:focus{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:focus\:from-black:focus{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:focus\:from-white:focus{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:focus\:from-gray-100:focus{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .lg\:focus\:from-gray-200:focus{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .lg\:focus\:from-gray-300:focus{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .lg\:focus\:from-gray-400:focus{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .lg\:focus\:from-gray-500:focus{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .lg\:focus\:from-gray-600:focus{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .lg\:focus\:from-gray-700:focus{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .lg\:focus\:from-gray-800:focus{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .lg\:focus\:from-gray-900:focus{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .lg\:focus\:from-red:focus{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .lg\:focus\:from-orange-100:focus{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .lg\:focus\:from-orange-200:focus{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .lg\:focus\:from-orange-300:focus{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .lg\:focus\:from-orange-400:focus{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .lg\:focus\:from-orange-500:focus{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .lg\:focus\:from-orange-600:focus{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .lg\:focus\:from-orange-700:focus{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .lg\:focus\:from-orange-800:focus{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .lg\:focus\:from-orange-900:focus{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .lg\:focus\:from-yellow-100:focus{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .lg\:focus\:from-yellow-200:focus{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .lg\:focus\:from-yellow-300:focus{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .lg\:focus\:from-yellow-400:focus{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .lg\:focus\:from-yellow-500:focus{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .lg\:focus\:from-yellow-600:focus{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .lg\:focus\:from-yellow-700:focus{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .lg\:focus\:from-yellow-800:focus{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .lg\:focus\:from-yellow-900:focus{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .lg\:focus\:from-green-100:focus{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .lg\:focus\:from-green-200:focus{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .lg\:focus\:from-green-300:focus{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .lg\:focus\:from-green-400:focus{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .lg\:focus\:from-green-500:focus{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .lg\:focus\:from-green-600:focus{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .lg\:focus\:from-green-700:focus{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .lg\:focus\:from-green-800:focus{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .lg\:focus\:from-green-900:focus{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .lg\:focus\:from-teal-100:focus{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .lg\:focus\:from-teal-200:focus{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .lg\:focus\:from-teal-300:focus{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .lg\:focus\:from-teal-400:focus{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .lg\:focus\:from-teal-500:focus{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .lg\:focus\:from-teal-600:focus{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .lg\:focus\:from-teal-700:focus{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .lg\:focus\:from-teal-800:focus{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .lg\:focus\:from-teal-900:focus{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .lg\:focus\:from-blue-100:focus{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .lg\:focus\:from-blue-200:focus{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .lg\:focus\:from-blue-300:focus{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .lg\:focus\:from-blue-400:focus{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .lg\:focus\:from-blue-500:focus{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .lg\:focus\:from-blue-600:focus{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .lg\:focus\:from-blue-700:focus{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .lg\:focus\:from-blue-800:focus{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .lg\:focus\:from-blue-900:focus{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .lg\:focus\:from-indigo-100:focus{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .lg\:focus\:from-indigo-200:focus{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .lg\:focus\:from-indigo-300:focus{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .lg\:focus\:from-indigo-400:focus{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .lg\:focus\:from-indigo-500:focus{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .lg\:focus\:from-indigo-600:focus{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .lg\:focus\:from-indigo-700:focus{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .lg\:focus\:from-indigo-800:focus{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .lg\:focus\:from-indigo-900:focus{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .lg\:focus\:from-purple-100:focus{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .lg\:focus\:from-purple-200:focus{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .lg\:focus\:from-purple-300:focus{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .lg\:focus\:from-purple-400:focus{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .lg\:focus\:from-purple-500:focus{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .lg\:focus\:from-purple-600:focus{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .lg\:focus\:from-purple-700:focus{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .lg\:focus\:from-purple-800:focus{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .lg\:focus\:from-purple-900:focus{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .lg\:focus\:from-pink-100:focus{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .lg\:focus\:from-pink-200:focus{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .lg\:focus\:from-pink-300:focus{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .lg\:focus\:from-pink-400:focus{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .lg\:focus\:from-pink-500:focus{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .lg\:focus\:from-pink-600:focus{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .lg\:focus\:from-pink-700:focus{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .lg\:focus\:from-pink-800:focus{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .lg\:focus\:from-pink-900:focus{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .lg\:focus\:from-primary-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:focus\:from-primary-hover-color:focus{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:focus\:from-gray-body:focus{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .lg\:focus\:from-gray-light:focus{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .lg\:focus\:from-gray-333:focus{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .lg\:focus\:from-gray-666:focus{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .lg\:focus\:from-gray-888:focus{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .lg\:focus\:from-gray-999:focus{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .lg\:focus\:from-gray-icon:focus{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .lg\:focus\:from-gray-features:focus{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .lg\:focus\:from-slide-border:focus{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .lg\:focus\:from-sale-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:focus\:from-hit-color:focus{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .lg\:focus\:from-new-color:focus{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .lg\:focus\:from-fb-hover-color:focus{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .lg\:focus\:from-fb-active-color:focus{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .lg\:focus\:from-vk-hover-color:focus{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .lg\:focus\:from-vk-active-color:focus{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .lg\:focus\:from-insta-hover-color:focus{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .lg\:focus\:from-insta-active-color:focus{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .lg\:focus\:from-gray-dc:focus{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .lg\:focus\:from-gray-cd:focus{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .lg\:focus\:from-gray-e7:focus{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .lg\:focus\:from-check-color:focus{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .lg\:focus\:from-docx-color:focus{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .lg\:focus\:from-dark-black:focus{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .lg\:focus\:from-green-light:focus{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .lg\:focus\:via-transparent:focus{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:focus\:via-current:focus{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:focus\:via-black:focus{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .lg\:focus\:via-white:focus{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:focus\:via-gray-100:focus{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .lg\:focus\:via-gray-200:focus{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .lg\:focus\:via-gray-300:focus{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .lg\:focus\:via-gray-400:focus{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .lg\:focus\:via-gray-500:focus{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .lg\:focus\:via-gray-600:focus{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .lg\:focus\:via-gray-700:focus{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .lg\:focus\:via-gray-800:focus{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .lg\:focus\:via-gray-900:focus{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .lg\:focus\:via-red:focus{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .lg\:focus\:via-orange-100:focus{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .lg\:focus\:via-orange-200:focus{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .lg\:focus\:via-orange-300:focus{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .lg\:focus\:via-orange-400:focus{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .lg\:focus\:via-orange-500:focus{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .lg\:focus\:via-orange-600:focus{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .lg\:focus\:via-orange-700:focus{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .lg\:focus\:via-orange-800:focus{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .lg\:focus\:via-orange-900:focus{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .lg\:focus\:via-yellow-100:focus{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .lg\:focus\:via-yellow-200:focus{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .lg\:focus\:via-yellow-300:focus{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .lg\:focus\:via-yellow-400:focus{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .lg\:focus\:via-yellow-500:focus{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .lg\:focus\:via-yellow-600:focus{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .lg\:focus\:via-yellow-700:focus{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .lg\:focus\:via-yellow-800:focus{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .lg\:focus\:via-yellow-900:focus{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .lg\:focus\:via-green-100:focus{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .lg\:focus\:via-green-200:focus{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .lg\:focus\:via-green-300:focus{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .lg\:focus\:via-green-400:focus{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .lg\:focus\:via-green-500:focus{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .lg\:focus\:via-green-600:focus{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .lg\:focus\:via-green-700:focus{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .lg\:focus\:via-green-800:focus{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .lg\:focus\:via-green-900:focus{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .lg\:focus\:via-teal-100:focus{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .lg\:focus\:via-teal-200:focus{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .lg\:focus\:via-teal-300:focus{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .lg\:focus\:via-teal-400:focus{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .lg\:focus\:via-teal-500:focus{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .lg\:focus\:via-teal-600:focus{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .lg\:focus\:via-teal-700:focus{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .lg\:focus\:via-teal-800:focus{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .lg\:focus\:via-teal-900:focus{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .lg\:focus\:via-blue-100:focus{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .lg\:focus\:via-blue-200:focus{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .lg\:focus\:via-blue-300:focus{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .lg\:focus\:via-blue-400:focus{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .lg\:focus\:via-blue-500:focus{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .lg\:focus\:via-blue-600:focus{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .lg\:focus\:via-blue-700:focus{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .lg\:focus\:via-blue-800:focus{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .lg\:focus\:via-blue-900:focus{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .lg\:focus\:via-indigo-100:focus{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .lg\:focus\:via-indigo-200:focus{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .lg\:focus\:via-indigo-300:focus{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .lg\:focus\:via-indigo-400:focus{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .lg\:focus\:via-indigo-500:focus{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .lg\:focus\:via-indigo-600:focus{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .lg\:focus\:via-indigo-700:focus{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .lg\:focus\:via-indigo-800:focus{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .lg\:focus\:via-indigo-900:focus{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .lg\:focus\:via-purple-100:focus{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .lg\:focus\:via-purple-200:focus{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .lg\:focus\:via-purple-300:focus{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .lg\:focus\:via-purple-400:focus{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .lg\:focus\:via-purple-500:focus{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .lg\:focus\:via-purple-600:focus{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .lg\:focus\:via-purple-700:focus{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .lg\:focus\:via-purple-800:focus{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .lg\:focus\:via-purple-900:focus{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .lg\:focus\:via-pink-100:focus{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .lg\:focus\:via-pink-200:focus{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .lg\:focus\:via-pink-300:focus{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .lg\:focus\:via-pink-400:focus{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .lg\:focus\:via-pink-500:focus{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .lg\:focus\:via-pink-600:focus{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .lg\:focus\:via-pink-700:focus{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .lg\:focus\:via-pink-800:focus{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .lg\:focus\:via-pink-900:focus{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .lg\:focus\:via-primary-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:focus\:via-primary-hover-color:focus{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:focus\:via-gray-body:focus{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .lg\:focus\:via-gray-light:focus{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .lg\:focus\:via-gray-333:focus{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .lg\:focus\:via-gray-666:focus{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .lg\:focus\:via-gray-888:focus{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .lg\:focus\:via-gray-999:focus{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .lg\:focus\:via-gray-icon:focus{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .lg\:focus\:via-gray-features:focus{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .lg\:focus\:via-slide-border:focus{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .lg\:focus\:via-sale-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .lg\:focus\:via-hit-color:focus{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .lg\:focus\:via-new-color:focus{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .lg\:focus\:via-fb-hover-color:focus{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .lg\:focus\:via-fb-active-color:focus{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .lg\:focus\:via-vk-hover-color:focus{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .lg\:focus\:via-vk-active-color:focus{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .lg\:focus\:via-insta-hover-color:focus{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .lg\:focus\:via-insta-active-color:focus{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .lg\:focus\:via-gray-dc:focus{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .lg\:focus\:via-gray-cd:focus{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .lg\:focus\:via-gray-e7:focus{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .lg\:focus\:via-check-color:focus{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .lg\:focus\:via-docx-color:focus{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .lg\:focus\:via-dark-black:focus{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .lg\:focus\:via-green-light:focus{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .lg\:focus\:to-transparent:focus{
    --gradient-to-color: transparent !important;
  }

  .lg\:focus\:to-current:focus{
    --gradient-to-color: currentColor !important;
  }

  .lg\:focus\:to-black:focus{
    --gradient-to-color: #000 !important;
  }

  .lg\:focus\:to-white:focus{
    --gradient-to-color: #fff !important;
  }

  .lg\:focus\:to-gray-100:focus{
    --gradient-to-color: #f7fafc !important;
  }

  .lg\:focus\:to-gray-200:focus{
    --gradient-to-color: #edf2f7 !important;
  }

  .lg\:focus\:to-gray-300:focus{
    --gradient-to-color: #e2e8f0 !important;
  }

  .lg\:focus\:to-gray-400:focus{
    --gradient-to-color: #cbd5e0 !important;
  }

  .lg\:focus\:to-gray-500:focus{
    --gradient-to-color: #a0aec0 !important;
  }

  .lg\:focus\:to-gray-600:focus{
    --gradient-to-color: #718096 !important;
  }

  .lg\:focus\:to-gray-700:focus{
    --gradient-to-color: #4a5568 !important;
  }

  .lg\:focus\:to-gray-800:focus{
    --gradient-to-color: #2d3748 !important;
  }

  .lg\:focus\:to-gray-900:focus{
    --gradient-to-color: #1a202c !important;
  }

  .lg\:focus\:to-red:focus{
    --gradient-to-color: #cc0a0a !important;
  }

  .lg\:focus\:to-orange-100:focus{
    --gradient-to-color: #fffaf0 !important;
  }

  .lg\:focus\:to-orange-200:focus{
    --gradient-to-color: #feebc8 !important;
  }

  .lg\:focus\:to-orange-300:focus{
    --gradient-to-color: #fbd38d !important;
  }

  .lg\:focus\:to-orange-400:focus{
    --gradient-to-color: #f6ad55 !important;
  }

  .lg\:focus\:to-orange-500:focus{
    --gradient-to-color: #ed8936 !important;
  }

  .lg\:focus\:to-orange-600:focus{
    --gradient-to-color: #dd6b20 !important;
  }

  .lg\:focus\:to-orange-700:focus{
    --gradient-to-color: #c05621 !important;
  }

  .lg\:focus\:to-orange-800:focus{
    --gradient-to-color: #9c4221 !important;
  }

  .lg\:focus\:to-orange-900:focus{
    --gradient-to-color: #7b341e !important;
  }

  .lg\:focus\:to-yellow-100:focus{
    --gradient-to-color: #fffff0 !important;
  }

  .lg\:focus\:to-yellow-200:focus{
    --gradient-to-color: #fefcbf !important;
  }

  .lg\:focus\:to-yellow-300:focus{
    --gradient-to-color: #faf089 !important;
  }

  .lg\:focus\:to-yellow-400:focus{
    --gradient-to-color: #f6e05e !important;
  }

  .lg\:focus\:to-yellow-500:focus{
    --gradient-to-color: #ecc94b !important;
  }

  .lg\:focus\:to-yellow-600:focus{
    --gradient-to-color: #d69e2e !important;
  }

  .lg\:focus\:to-yellow-700:focus{
    --gradient-to-color: #b7791f !important;
  }

  .lg\:focus\:to-yellow-800:focus{
    --gradient-to-color: #975a16 !important;
  }

  .lg\:focus\:to-yellow-900:focus{
    --gradient-to-color: #744210 !important;
  }

  .lg\:focus\:to-green-100:focus{
    --gradient-to-color: #f0fff4 !important;
  }

  .lg\:focus\:to-green-200:focus{
    --gradient-to-color: #c6f6d5 !important;
  }

  .lg\:focus\:to-green-300:focus{
    --gradient-to-color: #9ae6b4 !important;
  }

  .lg\:focus\:to-green-400:focus{
    --gradient-to-color: #68d391 !important;
  }

  .lg\:focus\:to-green-500:focus{
    --gradient-to-color: #48bb78 !important;
  }

  .lg\:focus\:to-green-600:focus{
    --gradient-to-color: #38a169 !important;
  }

  .lg\:focus\:to-green-700:focus{
    --gradient-to-color: #2f855a !important;
  }

  .lg\:focus\:to-green-800:focus{
    --gradient-to-color: #276749 !important;
  }

  .lg\:focus\:to-green-900:focus{
    --gradient-to-color: #22543d !important;
  }

  .lg\:focus\:to-teal-100:focus{
    --gradient-to-color: #e6fffa !important;
  }

  .lg\:focus\:to-teal-200:focus{
    --gradient-to-color: #b2f5ea !important;
  }

  .lg\:focus\:to-teal-300:focus{
    --gradient-to-color: #81e6d9 !important;
  }

  .lg\:focus\:to-teal-400:focus{
    --gradient-to-color: #4fd1c5 !important;
  }

  .lg\:focus\:to-teal-500:focus{
    --gradient-to-color: #38b2ac !important;
  }

  .lg\:focus\:to-teal-600:focus{
    --gradient-to-color: #319795 !important;
  }

  .lg\:focus\:to-teal-700:focus{
    --gradient-to-color: #2c7a7b !important;
  }

  .lg\:focus\:to-teal-800:focus{
    --gradient-to-color: #285e61 !important;
  }

  .lg\:focus\:to-teal-900:focus{
    --gradient-to-color: #234e52 !important;
  }

  .lg\:focus\:to-blue-100:focus{
    --gradient-to-color: #ebf8ff !important;
  }

  .lg\:focus\:to-blue-200:focus{
    --gradient-to-color: #bee3f8 !important;
  }

  .lg\:focus\:to-blue-300:focus{
    --gradient-to-color: #90cdf4 !important;
  }

  .lg\:focus\:to-blue-400:focus{
    --gradient-to-color: #63b3ed !important;
  }

  .lg\:focus\:to-blue-500:focus{
    --gradient-to-color: #4299e1 !important;
  }

  .lg\:focus\:to-blue-600:focus{
    --gradient-to-color: #3182ce !important;
  }

  .lg\:focus\:to-blue-700:focus{
    --gradient-to-color: #2b6cb0 !important;
  }

  .lg\:focus\:to-blue-800:focus{
    --gradient-to-color: #2c5282 !important;
  }

  .lg\:focus\:to-blue-900:focus{
    --gradient-to-color: #2a4365 !important;
  }

  .lg\:focus\:to-indigo-100:focus{
    --gradient-to-color: #ebf4ff !important;
  }

  .lg\:focus\:to-indigo-200:focus{
    --gradient-to-color: #c3dafe !important;
  }

  .lg\:focus\:to-indigo-300:focus{
    --gradient-to-color: #a3bffa !important;
  }

  .lg\:focus\:to-indigo-400:focus{
    --gradient-to-color: #7f9cf5 !important;
  }

  .lg\:focus\:to-indigo-500:focus{
    --gradient-to-color: #667eea !important;
  }

  .lg\:focus\:to-indigo-600:focus{
    --gradient-to-color: #5a67d8 !important;
  }

  .lg\:focus\:to-indigo-700:focus{
    --gradient-to-color: #4c51bf !important;
  }

  .lg\:focus\:to-indigo-800:focus{
    --gradient-to-color: #434190 !important;
  }

  .lg\:focus\:to-indigo-900:focus{
    --gradient-to-color: #3c366b !important;
  }

  .lg\:focus\:to-purple-100:focus{
    --gradient-to-color: #faf5ff !important;
  }

  .lg\:focus\:to-purple-200:focus{
    --gradient-to-color: #e9d8fd !important;
  }

  .lg\:focus\:to-purple-300:focus{
    --gradient-to-color: #d6bcfa !important;
  }

  .lg\:focus\:to-purple-400:focus{
    --gradient-to-color: #b794f4 !important;
  }

  .lg\:focus\:to-purple-500:focus{
    --gradient-to-color: #9f7aea !important;
  }

  .lg\:focus\:to-purple-600:focus{
    --gradient-to-color: #805ad5 !important;
  }

  .lg\:focus\:to-purple-700:focus{
    --gradient-to-color: #6b46c1 !important;
  }

  .lg\:focus\:to-purple-800:focus{
    --gradient-to-color: #553c9a !important;
  }

  .lg\:focus\:to-purple-900:focus{
    --gradient-to-color: #44337a !important;
  }

  .lg\:focus\:to-pink-100:focus{
    --gradient-to-color: #fff5f7 !important;
  }

  .lg\:focus\:to-pink-200:focus{
    --gradient-to-color: #fed7e2 !important;
  }

  .lg\:focus\:to-pink-300:focus{
    --gradient-to-color: #fbb6ce !important;
  }

  .lg\:focus\:to-pink-400:focus{
    --gradient-to-color: #f687b3 !important;
  }

  .lg\:focus\:to-pink-500:focus{
    --gradient-to-color: #ed64a6 !important;
  }

  .lg\:focus\:to-pink-600:focus{
    --gradient-to-color: #d53f8c !important;
  }

  .lg\:focus\:to-pink-700:focus{
    --gradient-to-color: #b83280 !important;
  }

  .lg\:focus\:to-pink-800:focus{
    --gradient-to-color: #97266d !important;
  }

  .lg\:focus\:to-pink-900:focus{
    --gradient-to-color: #702459 !important;
  }

  .lg\:focus\:to-primary-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .lg\:focus\:to-primary-hover-color:focus{
    --gradient-to-color: var(--hover-color) !important;
  }

  .lg\:focus\:to-gray-body:focus{
    --gradient-to-color: #f2f2f2 !important;
  }

  .lg\:focus\:to-gray-light:focus{
    --gradient-to-color: #ccc !important;
  }

  .lg\:focus\:to-gray-333:focus{
    --gradient-to-color: #333 !important;
  }

  .lg\:focus\:to-gray-666:focus{
    --gradient-to-color: #666 !important;
  }

  .lg\:focus\:to-gray-888:focus{
    --gradient-to-color: #888 !important;
  }

  .lg\:focus\:to-gray-999:focus{
    --gradient-to-color: #999 !important;
  }

  .lg\:focus\:to-gray-icon:focus{
    --gradient-to-color: #9a9a9a !important;
  }

  .lg\:focus\:to-gray-features:focus{
    --gradient-to-color: #f5f5f5 !important;
  }

  .lg\:focus\:to-slide-border:focus{
    --gradient-to-color: #e1e1e1 !important;
  }

  .lg\:focus\:to-sale-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .lg\:focus\:to-hit-color:focus{
    --gradient-to-color: #ff9900 !important;
  }

  .lg\:focus\:to-new-color:focus{
    --gradient-to-color: #0fa3c6 !important;
  }

  .lg\:focus\:to-fb-hover-color:focus{
    --gradient-to-color: #5959d8 !important;
  }

  .lg\:focus\:to-fb-active-color:focus{
    --gradient-to-color: #4040b3 !important;
  }

  .lg\:focus\:to-vk-hover-color:focus{
    --gradient-to-color: #628dd3 !important;
  }

  .lg\:focus\:to-vk-active-color:focus{
    --gradient-to-color: #3768b9 !important;
  }

  .lg\:focus\:to-insta-hover-color:focus{
    --gradient-to-color: #af35d2 !important;
  }

  .lg\:focus\:to-insta-active-color:focus{
    --gradient-to-color: #7e47b7 !important;
  }

  .lg\:focus\:to-gray-dc:focus{
    --gradient-to-color: #dcdcdc !important;
  }

  .lg\:focus\:to-gray-cd:focus{
    --gradient-to-color: #cdcdcd !important;
  }

  .lg\:focus\:to-gray-e7:focus{
    --gradient-to-color: #e7e7e7 !important;
  }

  .lg\:focus\:to-check-color:focus{
    --gradient-to-color: #ce3a12 !important;
  }

  .lg\:focus\:to-docx-color:focus{
    --gradient-to-color: #1789e9 !important;
  }

  .lg\:focus\:to-dark-black:focus{
    --gradient-to-color: #010101 !important;
  }

  .lg\:focus\:to-green-light:focus{
    --gradient-to-color: #3ab011 !important;
  }

  .lg\:bg-opacity-0{
    --bg-opacity: 0 !important;
  }

  .lg\:bg-opacity-25{
    --bg-opacity: 0.25 !important;
  }

  .lg\:bg-opacity-50{
    --bg-opacity: 0.5 !important;
  }

  .lg\:bg-opacity-75{
    --bg-opacity: 0.75 !important;
  }

  .lg\:bg-opacity-100{
    --bg-opacity: 1 !important;
  }

  .lg\:hover\:bg-opacity-0:hover{
    --bg-opacity: 0 !important;
  }

  .lg\:hover\:bg-opacity-25:hover{
    --bg-opacity: 0.25 !important;
  }

  .lg\:hover\:bg-opacity-50:hover{
    --bg-opacity: 0.5 !important;
  }

  .lg\:hover\:bg-opacity-75:hover{
    --bg-opacity: 0.75 !important;
  }

  .lg\:hover\:bg-opacity-100:hover{
    --bg-opacity: 1 !important;
  }

  .lg\:focus\:bg-opacity-0:focus{
    --bg-opacity: 0 !important;
  }

  .lg\:focus\:bg-opacity-25:focus{
    --bg-opacity: 0.25 !important;
  }

  .lg\:focus\:bg-opacity-50:focus{
    --bg-opacity: 0.5 !important;
  }

  .lg\:focus\:bg-opacity-75:focus{
    --bg-opacity: 0.75 !important;
  }

  .lg\:focus\:bg-opacity-100:focus{
    --bg-opacity: 1 !important;
  }

  .lg\:bg-bottom{
    background-position: bottom !important;
  }

  .lg\:bg-center{
    background-position: center !important;
  }

  .lg\:bg-left{
    background-position: left !important;
  }

  .lg\:bg-left-bottom{
    background-position: left bottom !important;
  }

  .lg\:bg-left-top{
    background-position: left top !important;
  }

  .lg\:bg-right{
    background-position: right !important;
  }

  .lg\:bg-right-bottom{
    background-position: right bottom !important;
  }

  .lg\:bg-right-top{
    background-position: right top !important;
  }

  .lg\:bg-top{
    background-position: top !important;
  }

  .lg\:bg-repeat{
    background-repeat: repeat !important;
  }

  .lg\:bg-no-repeat{
    background-repeat: no-repeat !important;
  }

  .lg\:bg-repeat-x{
    background-repeat: repeat-x !important;
  }

  .lg\:bg-repeat-y{
    background-repeat: repeat-y !important;
  }

  .lg\:bg-repeat-round{
    background-repeat: round !important;
  }

  .lg\:bg-repeat-space{
    background-repeat: space !important;
  }

  .lg\:bg-auto{
    background-size: auto !important;
  }

  .lg\:bg-cover{
    background-size: cover !important;
  }

  .lg\:bg-contain{
    background-size: contain !important;
  }

  .lg\:border-collapse{
    border-collapse: collapse !important;
  }

  .lg\:border-separate{
    border-collapse: separate !important;
  }

  .lg\:border-transparent{
    border-color: transparent !important;
  }

  .lg\:border-current{
    border-color: currentColor !important;
  }

  .lg\:border-black{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .lg\:border-white{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .lg\:border-gray-100{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .lg\:border-gray-200{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .lg\:border-gray-300{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .lg\:border-gray-400{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .lg\:border-gray-500{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .lg\:border-gray-600{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .lg\:border-gray-700{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .lg\:border-gray-800{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .lg\:border-gray-900{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .lg\:border-red{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .lg\:border-orange-100{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .lg\:border-orange-200{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .lg\:border-orange-300{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .lg\:border-orange-400{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .lg\:border-orange-500{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .lg\:border-orange-600{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .lg\:border-orange-700{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .lg\:border-orange-800{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .lg\:border-orange-900{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .lg\:border-yellow-100{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .lg\:border-yellow-200{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .lg\:border-yellow-300{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .lg\:border-yellow-400{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .lg\:border-yellow-500{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .lg\:border-yellow-600{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .lg\:border-yellow-700{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .lg\:border-yellow-800{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .lg\:border-yellow-900{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .lg\:border-green-100{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .lg\:border-green-200{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .lg\:border-green-300{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .lg\:border-green-400{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .lg\:border-green-500{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .lg\:border-green-600{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .lg\:border-green-700{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .lg\:border-green-800{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .lg\:border-green-900{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .lg\:border-teal-100{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .lg\:border-teal-200{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .lg\:border-teal-300{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .lg\:border-teal-400{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .lg\:border-teal-500{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .lg\:border-teal-600{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .lg\:border-teal-700{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .lg\:border-teal-800{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .lg\:border-teal-900{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .lg\:border-blue-100{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .lg\:border-blue-200{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .lg\:border-blue-300{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .lg\:border-blue-400{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .lg\:border-blue-500{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .lg\:border-blue-600{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .lg\:border-blue-700{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .lg\:border-blue-800{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .lg\:border-blue-900{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .lg\:border-indigo-100{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .lg\:border-indigo-200{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .lg\:border-indigo-300{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .lg\:border-indigo-400{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .lg\:border-indigo-500{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .lg\:border-indigo-600{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .lg\:border-indigo-700{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .lg\:border-indigo-800{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .lg\:border-indigo-900{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .lg\:border-purple-100{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .lg\:border-purple-200{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .lg\:border-purple-300{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .lg\:border-purple-400{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .lg\:border-purple-500{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .lg\:border-purple-600{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .lg\:border-purple-700{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .lg\:border-purple-800{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .lg\:border-purple-900{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .lg\:border-pink-100{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .lg\:border-pink-200{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .lg\:border-pink-300{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .lg\:border-pink-400{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .lg\:border-pink-500{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .lg\:border-pink-600{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .lg\:border-pink-700{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .lg\:border-pink-800{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .lg\:border-pink-900{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .lg\:border-primary-color{
    border-color: var(--primary-color) !important;
  }

  .lg\:border-primary-hover-color{
    border-color: var(--hover-color) !important;
  }

  .lg\:border-gray-body{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .lg\:border-gray-light{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .lg\:border-gray-333{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .lg\:border-gray-666{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .lg\:border-gray-888{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .lg\:border-gray-999{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .lg\:border-gray-icon{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .lg\:border-gray-features{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .lg\:border-slide-border{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .lg\:border-sale-color{
    border-color: var(--primary-color) !important;
  }

  .lg\:border-hit-color{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .lg\:border-new-color{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .lg\:border-fb-hover-color{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .lg\:border-fb-active-color{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .lg\:border-vk-hover-color{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .lg\:border-vk-active-color{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .lg\:border-insta-hover-color{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .lg\:border-insta-active-color{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .lg\:border-gray-dc{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .lg\:border-gray-cd{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .lg\:border-gray-e7{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .lg\:border-check-color{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .lg\:border-docx-color{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .lg\:border-dark-black{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .lg\:border-green-light{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-transparent:hover{
    border-color: transparent !important;
  }

  .lg\:hover\:border-current:hover{
    border-color: currentColor !important;
  }

  .lg\:hover\:border-black:hover{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-white:hover{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-100:hover{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-200:hover{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-300:hover{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-400:hover{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-500:hover{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-600:hover{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-700:hover{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-800:hover{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-900:hover{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-red:hover{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-orange-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-orange-200:hover{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-orange-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-orange-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-orange-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-orange-600:hover{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-orange-700:hover{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-orange-800:hover{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-orange-900:hover{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-yellow-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-yellow-200:hover{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-yellow-300:hover{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-yellow-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-yellow-500:hover{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-yellow-600:hover{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-yellow-700:hover{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-yellow-800:hover{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-yellow-900:hover{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-green-100:hover{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-green-200:hover{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-green-300:hover{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-green-400:hover{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-green-500:hover{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-green-600:hover{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-green-700:hover{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-green-800:hover{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-green-900:hover{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-teal-100:hover{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-teal-200:hover{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-teal-300:hover{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-teal-400:hover{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-teal-500:hover{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-teal-600:hover{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-teal-700:hover{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-teal-800:hover{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-teal-900:hover{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-200:hover{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-300:hover{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-400:hover{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-500:hover{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-600:hover{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-700:hover{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-800:hover{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-blue-900:hover{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-indigo-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-indigo-200:hover{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-indigo-300:hover{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-indigo-400:hover{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-indigo-500:hover{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-indigo-600:hover{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-indigo-700:hover{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-indigo-800:hover{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-indigo-900:hover{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-purple-100:hover{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-purple-200:hover{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-purple-300:hover{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-purple-400:hover{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-purple-500:hover{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-purple-600:hover{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-purple-700:hover{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-purple-800:hover{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-purple-900:hover{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-pink-100:hover{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-pink-200:hover{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-pink-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-pink-400:hover{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-pink-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-pink-600:hover{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-pink-700:hover{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-pink-800:hover{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-pink-900:hover{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-primary-color:hover{
    border-color: var(--primary-color) !important;
  }

  .lg\:hover\:border-primary-hover-color:hover{
    border-color: var(--hover-color) !important;
  }

  .lg\:hover\:border-gray-body:hover{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-light:hover{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-333:hover{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-666:hover{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-888:hover{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-999:hover{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-icon:hover{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-features:hover{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-slide-border:hover{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-sale-color:hover{
    border-color: var(--primary-color) !important;
  }

  .lg\:hover\:border-hit-color:hover{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-new-color:hover{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-fb-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-fb-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-vk-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-vk-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-insta-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-insta-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-dc:hover{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-cd:hover{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-gray-e7:hover{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-check-color:hover{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-docx-color:hover{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-dark-black:hover{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .lg\:hover\:border-green-light:hover{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-transparent:focus{
    border-color: transparent !important;
  }

  .lg\:focus\:border-current:focus{
    border-color: currentColor !important;
  }

  .lg\:focus\:border-black:focus{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-white:focus{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-100:focus{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-200:focus{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-300:focus{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-400:focus{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-500:focus{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-600:focus{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-700:focus{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-800:focus{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-900:focus{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-red:focus{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-orange-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-orange-200:focus{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-orange-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-orange-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-orange-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-orange-600:focus{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-orange-700:focus{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-orange-800:focus{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-orange-900:focus{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-yellow-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-yellow-200:focus{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-yellow-300:focus{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-yellow-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-yellow-500:focus{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-yellow-600:focus{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-yellow-700:focus{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-yellow-800:focus{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-yellow-900:focus{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-green-100:focus{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-green-200:focus{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-green-300:focus{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-green-400:focus{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-green-500:focus{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-green-600:focus{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-green-700:focus{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-green-800:focus{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-green-900:focus{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-teal-100:focus{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-teal-200:focus{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-teal-300:focus{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-teal-400:focus{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-teal-500:focus{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-teal-600:focus{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-teal-700:focus{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-teal-800:focus{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-teal-900:focus{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-200:focus{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-300:focus{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-400:focus{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-500:focus{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-600:focus{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-700:focus{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-800:focus{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-blue-900:focus{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-indigo-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-indigo-200:focus{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-indigo-300:focus{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-indigo-400:focus{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-indigo-500:focus{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-indigo-600:focus{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-indigo-700:focus{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-indigo-800:focus{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-indigo-900:focus{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-purple-100:focus{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-purple-200:focus{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-purple-300:focus{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-purple-400:focus{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-purple-500:focus{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-purple-600:focus{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-purple-700:focus{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-purple-800:focus{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-purple-900:focus{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-pink-100:focus{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-pink-200:focus{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-pink-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-pink-400:focus{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-pink-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-pink-600:focus{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-pink-700:focus{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-pink-800:focus{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-pink-900:focus{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-primary-color:focus{
    border-color: var(--primary-color) !important;
  }

  .lg\:focus\:border-primary-hover-color:focus{
    border-color: var(--hover-color) !important;
  }

  .lg\:focus\:border-gray-body:focus{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-light:focus{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-333:focus{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-666:focus{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-888:focus{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-999:focus{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-icon:focus{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-features:focus{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-slide-border:focus{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-sale-color:focus{
    border-color: var(--primary-color) !important;
  }

  .lg\:focus\:border-hit-color:focus{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-new-color:focus{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-fb-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-fb-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-vk-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-vk-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-insta-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-insta-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-dc:focus{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-cd:focus{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-gray-e7:focus{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-check-color:focus{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-docx-color:focus{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-dark-black:focus{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .lg\:focus\:border-green-light:focus{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .lg\:border-opacity-0{
    --border-opacity: 0 !important;
  }

  .lg\:border-opacity-25{
    --border-opacity: 0.25 !important;
  }

  .lg\:border-opacity-50{
    --border-opacity: 0.5 !important;
  }

  .lg\:border-opacity-75{
    --border-opacity: 0.75 !important;
  }

  .lg\:border-opacity-100{
    --border-opacity: 1 !important;
  }

  .lg\:hover\:border-opacity-0:hover{
    --border-opacity: 0 !important;
  }

  .lg\:hover\:border-opacity-25:hover{
    --border-opacity: 0.25 !important;
  }

  .lg\:hover\:border-opacity-50:hover{
    --border-opacity: 0.5 !important;
  }

  .lg\:hover\:border-opacity-75:hover{
    --border-opacity: 0.75 !important;
  }

  .lg\:hover\:border-opacity-100:hover{
    --border-opacity: 1 !important;
  }

  .lg\:focus\:border-opacity-0:focus{
    --border-opacity: 0 !important;
  }

  .lg\:focus\:border-opacity-25:focus{
    --border-opacity: 0.25 !important;
  }

  .lg\:focus\:border-opacity-50:focus{
    --border-opacity: 0.5 !important;
  }

  .lg\:focus\:border-opacity-75:focus{
    --border-opacity: 0.75 !important;
  }

  .lg\:focus\:border-opacity-100:focus{
    --border-opacity: 1 !important;
  }

  .lg\:rounded-10{
    border-radius: 10px !important;
  }

  .lg\:rounded-none{
    border-radius: 0 !important;
  }

  .lg\:rounded-sm{
    border-radius: 0.125rem !important;
  }

  .lg\:rounded{
    border-radius: 0.25rem !important;
  }

  .lg\:rounded-md{
    border-radius: 0.375rem !important;
  }

  .lg\:rounded-lg{
    border-radius: 0.5rem !important;
  }

  .lg\:rounded-xl{
    border-radius: 0.75rem !important;
  }

  .lg\:rounded-2xl{
    border-radius: 1rem !important;
  }

  .lg\:rounded-3xl{
    border-radius: 1.5rem !important;
  }

  .lg\:rounded-full{
    border-radius: 9999px !important;
  }

  .lg\:rounded-50\%{
    border-radius: 50% !important;
  }

  .lg\:rounded-t-10{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  .lg\:rounded-r-10{
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }

  .lg\:rounded-b-10{
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .lg\:rounded-l-10{
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .lg\:rounded-t-none{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .lg\:rounded-r-none{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .lg\:rounded-b-none{
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .lg\:rounded-l-none{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .lg\:rounded-t-sm{
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }

  .lg\:rounded-r-sm{
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }

  .lg\:rounded-b-sm{
    border-bottom-right-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .lg\:rounded-l-sm{
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .lg\:rounded-t{
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }

  .lg\:rounded-r{
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }

  .lg\:rounded-b{
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .lg\:rounded-l{
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .lg\:rounded-t-md{
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }

  .lg\:rounded-r-md{
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }

  .lg\:rounded-b-md{
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .lg\:rounded-l-md{
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .lg\:rounded-t-lg{
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }

  .lg\:rounded-r-lg{
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }

  .lg\:rounded-b-lg{
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .lg\:rounded-l-lg{
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .lg\:rounded-t-xl{
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }

  .lg\:rounded-r-xl{
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }

  .lg\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .lg\:rounded-l-xl{
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .lg\:rounded-t-2xl{
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }

  .lg\:rounded-r-2xl{
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }

  .lg\:rounded-b-2xl{
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .lg\:rounded-l-2xl{
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .lg\:rounded-t-3xl{
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }

  .lg\:rounded-r-3xl{
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }

  .lg\:rounded-b-3xl{
    border-bottom-right-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .lg\:rounded-l-3xl{
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .lg\:rounded-t-full{
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
  }

  .lg\:rounded-r-full{
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
  }

  .lg\:rounded-b-full{
    border-bottom-right-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .lg\:rounded-l-full{
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .lg\:rounded-t-50\%{
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }

  .lg\:rounded-r-50\%{
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }

  .lg\:rounded-b-50\%{
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .lg\:rounded-l-50\%{
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .lg\:rounded-tl-10{
    border-top-left-radius: 10px !important;
  }

  .lg\:rounded-tr-10{
    border-top-right-radius: 10px !important;
  }

  .lg\:rounded-br-10{
    border-bottom-right-radius: 10px !important;
  }

  .lg\:rounded-bl-10{
    border-bottom-left-radius: 10px !important;
  }

  .lg\:rounded-tl-none{
    border-top-left-radius: 0 !important;
  }

  .lg\:rounded-tr-none{
    border-top-right-radius: 0 !important;
  }

  .lg\:rounded-br-none{
    border-bottom-right-radius: 0 !important;
  }

  .lg\:rounded-bl-none{
    border-bottom-left-radius: 0 !important;
  }

  .lg\:rounded-tl-sm{
    border-top-left-radius: 0.125rem !important;
  }

  .lg\:rounded-tr-sm{
    border-top-right-radius: 0.125rem !important;
  }

  .lg\:rounded-br-sm{
    border-bottom-right-radius: 0.125rem !important;
  }

  .lg\:rounded-bl-sm{
    border-bottom-left-radius: 0.125rem !important;
  }

  .lg\:rounded-tl{
    border-top-left-radius: 0.25rem !important;
  }

  .lg\:rounded-tr{
    border-top-right-radius: 0.25rem !important;
  }

  .lg\:rounded-br{
    border-bottom-right-radius: 0.25rem !important;
  }

  .lg\:rounded-bl{
    border-bottom-left-radius: 0.25rem !important;
  }

  .lg\:rounded-tl-md{
    border-top-left-radius: 0.375rem !important;
  }

  .lg\:rounded-tr-md{
    border-top-right-radius: 0.375rem !important;
  }

  .lg\:rounded-br-md{
    border-bottom-right-radius: 0.375rem !important;
  }

  .lg\:rounded-bl-md{
    border-bottom-left-radius: 0.375rem !important;
  }

  .lg\:rounded-tl-lg{
    border-top-left-radius: 0.5rem !important;
  }

  .lg\:rounded-tr-lg{
    border-top-right-radius: 0.5rem !important;
  }

  .lg\:rounded-br-lg{
    border-bottom-right-radius: 0.5rem !important;
  }

  .lg\:rounded-bl-lg{
    border-bottom-left-radius: 0.5rem !important;
  }

  .lg\:rounded-tl-xl{
    border-top-left-radius: 0.75rem !important;
  }

  .lg\:rounded-tr-xl{
    border-top-right-radius: 0.75rem !important;
  }

  .lg\:rounded-br-xl{
    border-bottom-right-radius: 0.75rem !important;
  }

  .lg\:rounded-bl-xl{
    border-bottom-left-radius: 0.75rem !important;
  }

  .lg\:rounded-tl-2xl{
    border-top-left-radius: 1rem !important;
  }

  .lg\:rounded-tr-2xl{
    border-top-right-radius: 1rem !important;
  }

  .lg\:rounded-br-2xl{
    border-bottom-right-radius: 1rem !important;
  }

  .lg\:rounded-bl-2xl{
    border-bottom-left-radius: 1rem !important;
  }

  .lg\:rounded-tl-3xl{
    border-top-left-radius: 1.5rem !important;
  }

  .lg\:rounded-tr-3xl{
    border-top-right-radius: 1.5rem !important;
  }

  .lg\:rounded-br-3xl{
    border-bottom-right-radius: 1.5rem !important;
  }

  .lg\:rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem !important;
  }

  .lg\:rounded-tl-full{
    border-top-left-radius: 9999px !important;
  }

  .lg\:rounded-tr-full{
    border-top-right-radius: 9999px !important;
  }

  .lg\:rounded-br-full{
    border-bottom-right-radius: 9999px !important;
  }

  .lg\:rounded-bl-full{
    border-bottom-left-radius: 9999px !important;
  }

  .lg\:rounded-tl-50\%{
    border-top-left-radius: 50% !important;
  }

  .lg\:rounded-tr-50\%{
    border-top-right-radius: 50% !important;
  }

  .lg\:rounded-br-50\%{
    border-bottom-right-radius: 50% !important;
  }

  .lg\:rounded-bl-50\%{
    border-bottom-left-radius: 50% !important;
  }

  .lg\:border-solid{
    border-style: solid !important;
  }

  .lg\:border-dashed{
    border-style: dashed !important;
  }

  .lg\:border-dotted{
    border-style: dotted !important;
  }

  .lg\:border-double{
    border-style: double !important;
  }

  .lg\:border-none{
    border-style: none !important;
  }

  .lg\:border-0{
    border-width: 0 !important;
  }

  .lg\:border-2{
    border-width: 2px !important;
  }

  .lg\:border-3{
    border-width: 3px !important;
  }

  .lg\:border-4{
    border-width: 4px !important;
  }

  .lg\:border-8{
    border-width: 8px !important;
  }

  .lg\:border{
    border-width: 1px !important;
  }

  .lg\:border-t-0{
    border-top-width: 0 !important;
  }

  .lg\:border-r-0{
    border-right-width: 0 !important;
  }

  .lg\:border-b-0{
    border-bottom-width: 0 !important;
  }

  .lg\:border-l-0{
    border-left-width: 0 !important;
  }

  .lg\:border-t-2{
    border-top-width: 2px !important;
  }

  .lg\:border-r-2{
    border-right-width: 2px !important;
  }

  .lg\:border-b-2{
    border-bottom-width: 2px !important;
  }

  .lg\:border-l-2{
    border-left-width: 2px !important;
  }

  .lg\:border-t-3{
    border-top-width: 3px !important;
  }

  .lg\:border-r-3{
    border-right-width: 3px !important;
  }

  .lg\:border-b-3{
    border-bottom-width: 3px !important;
  }

  .lg\:border-l-3{
    border-left-width: 3px !important;
  }

  .lg\:border-t-4{
    border-top-width: 4px !important;
  }

  .lg\:border-r-4{
    border-right-width: 4px !important;
  }

  .lg\:border-b-4{
    border-bottom-width: 4px !important;
  }

  .lg\:border-l-4{
    border-left-width: 4px !important;
  }

  .lg\:border-t-8{
    border-top-width: 8px !important;
  }

  .lg\:border-r-8{
    border-right-width: 8px !important;
  }

  .lg\:border-b-8{
    border-bottom-width: 8px !important;
  }

  .lg\:border-l-8{
    border-left-width: 8px !important;
  }

  .lg\:border-t{
    border-top-width: 1px !important;
  }

  .lg\:border-r{
    border-right-width: 1px !important;
  }

  .lg\:border-b{
    border-bottom-width: 1px !important;
  }

  .lg\:border-l{
    border-left-width: 1px !important;
  }

  .lg\:box-border{
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }

  .lg\:box-content{
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
  }

  .lg\:cursor-auto{
    cursor: auto !important;
  }

  .lg\:cursor-default{
    cursor: default !important;
  }

  .lg\:cursor-pointer{
    cursor: pointer !important;
  }

  .lg\:cursor-wait{
    cursor: wait !important;
  }

  .lg\:cursor-text{
    cursor: text !important;
  }

  .lg\:cursor-move{
    cursor: move !important;
  }

  .lg\:cursor-not-allowed{
    cursor: not-allowed !important;
  }

  .lg\:block{
    display: block !important;
  }

  .lg\:inline-block{
    display: inline-block !important;
  }

  .lg\:inline{
    display: inline !important;
  }

  .lg\:flex{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .lg\:inline-flex{
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .lg\:table{
    display: table !important;
  }

  .lg\:table-caption{
    display: table-caption !important;
  }

  .lg\:table-cell{
    display: table-cell !important;
  }

  .lg\:table-column{
    display: table-column !important;
  }

  .lg\:table-column-group{
    display: table-column-group !important;
  }

  .lg\:table-footer-group{
    display: table-footer-group !important;
  }

  .lg\:table-header-group{
    display: table-header-group !important;
  }

  .lg\:table-row-group{
    display: table-row-group !important;
  }

  .lg\:table-row{
    display: table-row !important;
  }

  .lg\:flow-root{
    display: flow-root !important;
  }

  .lg\:grid{
    display: grid !important;
  }

  .lg\:inline-grid{
    display: inline-grid !important;
  }

  .lg\:contents{
    display: contents !important;
  }

  .lg\:hidden{
    display: none !important;
  }

  .lg\:flex-row{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .lg\:flex-row-reverse{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .lg\:flex-col{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .lg\:flex-col-reverse{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .lg\:flex-wrap{
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .lg\:flex-wrap-reverse{
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .lg\:flex-no-wrap{
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .lg\:place-items-auto{
    place-items: auto !important;
  }

  .lg\:place-items-start{
    place-items: start !important;
  }

  .lg\:place-items-end{
    place-items: end !important;
  }

  .lg\:place-items-center{
    place-items: center !important;
  }

  .lg\:place-items-stretch{
    place-items: stretch !important;
  }

  .lg\:place-content-center{
    place-content: center !important;
  }

  .lg\:place-content-start{
    place-content: start !important;
  }

  .lg\:place-content-end{
    place-content: end !important;
  }

  .lg\:place-content-between{
    place-content: space-between !important;
  }

  .lg\:place-content-around{
    place-content: space-around !important;
  }

  .lg\:place-content-evenly{
    place-content: space-evenly !important;
  }

  .lg\:place-content-stretch{
    place-content: stretch !important;
  }

  .lg\:place-self-auto{
    place-self: auto !important;
  }

  .lg\:place-self-start{
    place-self: start !important;
  }

  .lg\:place-self-end{
    place-self: end !important;
  }

  .lg\:place-self-center{
    place-self: center !important;
  }

  .lg\:place-self-stretch{
    place-self: stretch !important;
  }

  .lg\:items-start{
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .lg\:items-end{
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .lg\:items-center{
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .lg\:items-baseline{
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .lg\:items-stretch{
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .lg\:content-center{
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .lg\:content-start{
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .lg\:content-end{
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .lg\:content-between{
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .lg\:content-around{
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .lg\:content-evenly{
    -ms-flex-line-pack: space-evenly !important;
    align-content: space-evenly !important;
  }

  .lg\:self-auto{
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .lg\:self-start{
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .lg\:self-end{
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .lg\:self-center{
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .lg\:self-stretch{
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .lg\:justify-items-auto{
    justify-items: auto !important;
  }

  .lg\:justify-items-start{
    justify-items: start !important;
  }

  .lg\:justify-items-end{
    justify-items: end !important;
  }

  .lg\:justify-items-center{
    justify-items: center !important;
  }

  .lg\:justify-items-stretch{
    justify-items: stretch !important;
  }

  .lg\:justify-start{
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .lg\:justify-end{
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .lg\:justify-center{
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .lg\:justify-between{
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .lg\:justify-around{
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .lg\:justify-evenly{
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .lg\:justify-self-auto{
    justify-self: auto !important;
  }

  .lg\:justify-self-start{
    justify-self: start !important;
  }

  .lg\:justify-self-end{
    justify-self: end !important;
  }

  .lg\:justify-self-center{
    justify-self: center !important;
  }

  .lg\:justify-self-stretch{
    justify-self: stretch !important;
  }

  .lg\:flex-1{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 0% !important;
    flex: 1 1 0% !important;
  }

  .lg\:flex-auto{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .lg\:flex-initial{
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
  }

  .lg\:flex-none{
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
  }

  .lg\:flex-grow-0{
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .lg\:flex-grow{
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .lg\:flex-shrink-0{
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .lg\:flex-shrink{
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .lg\:order-1{
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .lg\:order-2{
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .lg\:order-3{
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .lg\:order-4{
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .lg\:order-5{
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .lg\:order-6{
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }

  .lg\:order-7{
    -webkit-box-ordinal-group: 8 !important;
    -ms-flex-order: 7 !important;
    order: 7 !important;
  }

  .lg\:order-8{
    -webkit-box-ordinal-group: 9 !important;
    -ms-flex-order: 8 !important;
    order: 8 !important;
  }

  .lg\:order-9{
    -webkit-box-ordinal-group: 10 !important;
    -ms-flex-order: 9 !important;
    order: 9 !important;
  }

  .lg\:order-10{
    -webkit-box-ordinal-group: 11 !important;
    -ms-flex-order: 10 !important;
    order: 10 !important;
  }

  .lg\:order-11{
    -webkit-box-ordinal-group: 12 !important;
    -ms-flex-order: 11 !important;
    order: 11 !important;
  }

  .lg\:order-12{
    -webkit-box-ordinal-group: 13 !important;
    -ms-flex-order: 12 !important;
    order: 12 !important;
  }

  .lg\:order-first{
    -webkit-box-ordinal-group: -9998 !important;
    -ms-flex-order: -9999 !important;
    order: -9999 !important;
  }

  .lg\:order-last{
    -webkit-box-ordinal-group: 10000 !important;
    -ms-flex-order: 9999 !important;
    order: 9999 !important;
  }

  .lg\:order-none{
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .lg\:float-right{
    float: right !important;
  }

  .lg\:float-left{
    float: left !important;
  }

  .lg\:float-none{
    float: none !important;
  }

  .lg\:clearfix:after{
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  .lg\:clear-left{
    clear: left !important;
  }

  .lg\:clear-right{
    clear: right !important;
  }

  .lg\:clear-both{
    clear: both !important;
  }

  .lg\:clear-none{
    clear: none !important;
  }

  .lg\:font-sans{
    font-family: 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" !important;
  }

  .lg\:font-serif{
    font-family: Georgia, Cambria, "Times New Roman", Times, serif !important;
  }

  .lg\:font-mono{
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  }

  .lg\:font-hairline{
    font-weight: 100 !important;
  }

  .lg\:font-thin{
    font-weight: 200 !important;
  }

  .lg\:font-light{
    font-weight: 300 !important;
  }

  .lg\:font-normal{
    font-weight: 400 !important;
  }

  .lg\:font-medium{
    font-weight: 500 !important;
  }

  .lg\:font-semibold{
    font-weight: 600 !important;
  }

  .lg\:font-bold{
    font-weight: 700 !important;
  }

  .lg\:font-extrabold{
    font-weight: 800 !important;
  }

  .lg\:font-black{
    font-weight: 900 !important;
  }

  .lg\:hover\:font-hairline:hover{
    font-weight: 100 !important;
  }

  .lg\:hover\:font-thin:hover{
    font-weight: 200 !important;
  }

  .lg\:hover\:font-light:hover{
    font-weight: 300 !important;
  }

  .lg\:hover\:font-normal:hover{
    font-weight: 400 !important;
  }

  .lg\:hover\:font-medium:hover{
    font-weight: 500 !important;
  }

  .lg\:hover\:font-semibold:hover{
    font-weight: 600 !important;
  }

  .lg\:hover\:font-bold:hover{
    font-weight: 700 !important;
  }

  .lg\:hover\:font-extrabold:hover{
    font-weight: 800 !important;
  }

  .lg\:hover\:font-black:hover{
    font-weight: 900 !important;
  }

  .lg\:focus\:font-hairline:focus{
    font-weight: 100 !important;
  }

  .lg\:focus\:font-thin:focus{
    font-weight: 200 !important;
  }

  .lg\:focus\:font-light:focus{
    font-weight: 300 !important;
  }

  .lg\:focus\:font-normal:focus{
    font-weight: 400 !important;
  }

  .lg\:focus\:font-medium:focus{
    font-weight: 500 !important;
  }

  .lg\:focus\:font-semibold:focus{
    font-weight: 600 !important;
  }

  .lg\:focus\:font-bold:focus{
    font-weight: 700 !important;
  }

  .lg\:focus\:font-extrabold:focus{
    font-weight: 800 !important;
  }

  .lg\:focus\:font-black:focus{
    font-weight: 900 !important;
  }

  .lg\:h-0{
    height: 0 !important;
  }

  .lg\:h-1{
    height: 0.25rem !important;
  }

  .lg\:h-2{
    height: 0.5rem !important;
  }

  .lg\:h-3{
    height: 0.75rem !important;
  }

  .lg\:h-4{
    height: 1rem !important;
  }

  .lg\:h-5{
    height: 1.25rem !important;
  }

  .lg\:h-6{
    height: 1.5rem !important;
  }

  .lg\:h-8{
    height: 2rem !important;
  }

  .lg\:h-10{
    height: 2.5rem !important;
  }

  .lg\:h-12{
    height: 3rem !important;
  }

  .lg\:h-16{
    height: 4rem !important;
  }

  .lg\:h-20{
    height: 5rem !important;
  }

  .lg\:h-24{
    height: 6rem !important;
  }

  .lg\:h-28{
    height: 7rem !important;
  }

  .lg\:h-32{
    height: 8rem !important;
  }

  .lg\:h-40{
    height: 10rem !important;
  }

  .lg\:h-48{
    height: 12rem !important;
  }

  .lg\:h-56{
    height: 14rem !important;
  }

  .lg\:h-64{
    height: 16rem !important;
  }

  .lg\:h-auto{
    height: auto !important;
  }

  .lg\:h-px{
    height: 1px !important;
  }

  .lg\:h-2px{
    height: 2px !important;
  }

  .lg\:h-3px{
    height: 3px !important;
  }

  .lg\:h-5px{
    height: 5px !important;
  }

  .lg\:h-10px{
    height: 10px !important;
  }

  .lg\:h-15px{
    height: 15px !important;
  }

  .lg\:h-20px{
    height: 20px !important;
  }

  .lg\:h-25px{
    height: 25px !important;
  }

  .lg\:h-30px{
    height: 30px !important;
  }

  .lg\:h-36px{
    height: 36px !important;
  }

  .lg\:h-50px{
    height: 50px !important;
  }

  .lg\:h-60px{
    height: 60px !important;
  }

  .lg\:h-120px{
    height: 120px !important;
  }

  .lg\:h-full{
    height: 100% !important;
  }

  .lg\:h-screen{
    height: 100vh !important;
  }

  .lg\:text-xs{
    font-size: .75rem !important;
  }

  .lg\:text-sm{
    font-size: 14px !important;
  }

  .lg\:text-base{
    font-size: 16px !important;
  }

  .lg\:text-lg{
    font-size: 18px !important;
  }

  .lg\:text-xl{
    font-size: 20px !important;
  }

  .lg\:text-2xl{
    font-size: 1.5rem !important;
  }

  .lg\:text-3xl{
    font-size: 30px !important;
  }

  .lg\:text-4xl{
    font-size: 2.25rem !important;
  }

  .lg\:text-5xl{
    font-size: 3rem !important;
  }

  .lg\:text-6xl{
    font-size: 4rem !important;
  }

  .lg\:text-toy{
    font-size: 10px !important;
  }

  .lg\:text-xxs{
    font-size: 11px !important;
  }

  .lg\:text-tiny{
    font-size: 13px !important;
  }

  .lg\:text-normal{
    font-size: 15px !important;
  }

  .lg\:text-x21{
    font-size: 21px !important;
  }

  .lg\:text-x22{
    font-size: 22px !important;
  }

  .lg\:text-x23{
    font-size: 23px !important;
  }

  .lg\:text-x25{
    font-size: 25px !important;
  }

  .lg\:text-large{
    font-size: 40px !important;
  }

  .lg\:text-huge{
    font-size: 50px !important;
  }

  .lg\:leading-3{
    line-height: .75rem !important;
  }

  .lg\:leading-4{
    line-height: 1rem !important;
  }

  .lg\:leading-5{
    line-height: 1.25rem !important;
  }

  .lg\:leading-6{
    line-height: 1.5rem !important;
  }

  .lg\:leading-7{
    line-height: 1.75rem !important;
  }

  .lg\:leading-8{
    line-height: 2rem !important;
  }

  .lg\:leading-9{
    line-height: 2.25rem !important;
  }

  .lg\:leading-10{
    line-height: 2.5rem !important;
  }

  .lg\:leading-none{
    line-height: 1 !important;
  }

  .lg\:leading-tight{
    line-height: 1.25 !important;
  }

  .lg\:leading-snug{
    line-height: 1.375 !important;
  }

  .lg\:leading-normal{
    line-height: 1.5 !important;
  }

  .lg\:leading-relaxed{
    line-height: 1.625 !important;
  }

  .lg\:leading-loose{
    line-height: 2 !important;
  }

  .lg\:leading-60px{
    line-height: 60px !important;
  }

  .lg\:leading-small{
    line-height: 23px !important;
  }

  .lg\:leading-ordinary{
    line-height: 25px !important;
  }

  .lg\:list-inside{
    list-style-position: inside !important;
  }

  .lg\:list-outside{
    list-style-position: outside !important;
  }

  .lg\:list-none{
    list-style-type: none !important;
  }

  .lg\:list-disc{
    list-style-type: disc !important;
  }

  .lg\:list-decimal{
    list-style-type: decimal !important;
  }

  .lg\:list-line{
    list-style-type: - !important;
  }

  .lg\:m-0{
    margin: 0 !important;
  }

  .lg\:m-1{
    margin: 0.25rem !important;
  }

  .lg\:m-2{
    margin: 0.5rem !important;
  }

  .lg\:m-3{
    margin: 0.75rem !important;
  }

  .lg\:m-4{
    margin: 1rem !important;
  }

  .lg\:m-5{
    margin: 1.25rem !important;
  }

  .lg\:m-6{
    margin: 1.5rem !important;
  }

  .lg\:m-8{
    margin: 2rem !important;
  }

  .lg\:m-10{
    margin: 2.5rem !important;
  }

  .lg\:m-12{
    margin: 3rem !important;
  }

  .lg\:m-16{
    margin: 4rem !important;
  }

  .lg\:m-20{
    margin: 5rem !important;
  }

  .lg\:m-24{
    margin: 6rem !important;
  }

  .lg\:m-28{
    margin: 7rem !important;
  }

  .lg\:m-32{
    margin: 8rem !important;
  }

  .lg\:m-40{
    margin: 10rem !important;
  }

  .lg\:m-48{
    margin: 12rem !important;
  }

  .lg\:m-56{
    margin: 14rem !important;
  }

  .lg\:m-64{
    margin: 16rem !important;
  }

  .lg\:m-auto{
    margin: auto !important;
  }

  .lg\:m-px{
    margin: 1px !important;
  }

  .lg\:m-2px{
    margin: 2px !important;
  }

  .lg\:m-3px{
    margin: 3px !important;
  }

  .lg\:m-5px{
    margin: 5px !important;
  }

  .lg\:m-10px{
    margin: 10px !important;
  }

  .lg\:m-15px{
    margin: 15px !important;
  }

  .lg\:m-20px{
    margin: 20px !important;
  }

  .lg\:m-25px{
    margin: 25px !important;
  }

  .lg\:m-30px{
    margin: 30px !important;
  }

  .lg\:m-36px{
    margin: 36px !important;
  }

  .lg\:m-50px{
    margin: 50px !important;
  }

  .lg\:m-60px{
    margin: 60px !important;
  }

  .lg\:m-120px{
    margin: 120px !important;
  }

  .lg\:-m-1{
    margin: -0.25rem !important;
  }

  .lg\:-m-2{
    margin: -0.5rem !important;
  }

  .lg\:-m-3{
    margin: -0.75rem !important;
  }

  .lg\:-m-4{
    margin: -1rem !important;
  }

  .lg\:-m-5{
    margin: -1.25rem !important;
  }

  .lg\:-m-6{
    margin: -1.5rem !important;
  }

  .lg\:-m-8{
    margin: -2rem !important;
  }

  .lg\:-m-10{
    margin: -2.5rem !important;
  }

  .lg\:-m-12{
    margin: -3rem !important;
  }

  .lg\:-m-16{
    margin: -4rem !important;
  }

  .lg\:-m-20{
    margin: -5rem !important;
  }

  .lg\:-m-24{
    margin: -6rem !important;
  }

  .lg\:-m-28{
    margin: -7rem !important;
  }

  .lg\:-m-32{
    margin: -8rem !important;
  }

  .lg\:-m-40{
    margin: -10rem !important;
  }

  .lg\:-m-48{
    margin: -12rem !important;
  }

  .lg\:-m-56{
    margin: -14rem !important;
  }

  .lg\:-m-64{
    margin: -16rem !important;
  }

  .lg\:-m-px{
    margin: -1px !important;
  }

  .lg\:-m-2px{
    margin: -2px !important;
  }

  .lg\:-m-3px{
    margin: -3px !important;
  }

  .lg\:-m-5px{
    margin: -5px !important;
  }

  .lg\:-m-10px{
    margin: -10px !important;
  }

  .lg\:-m-15px{
    margin: -15px !important;
  }

  .lg\:-m-20px{
    margin: -20px !important;
  }

  .lg\:-m-25px{
    margin: -25px !important;
  }

  .lg\:-m-30px{
    margin: -30px !important;
  }

  .lg\:-m-36px{
    margin: -36px !important;
  }

  .lg\:-m-50px{
    margin: -50px !important;
  }

  .lg\:-m-60px{
    margin: -60px !important;
  }

  .lg\:-m-120px{
    margin: -120px !important;
  }

  .lg\:my-0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .lg\:mx-0{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .lg\:my-1{
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .lg\:mx-1{
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .lg\:my-2{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .lg\:mx-2{
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .lg\:my-3{
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .lg\:mx-3{
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  .lg\:my-4{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .lg\:mx-4{
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .lg\:my-5{
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .lg\:mx-5{
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }

  .lg\:my-6{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .lg\:mx-6{
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .lg\:my-8{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .lg\:mx-8{
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .lg\:my-10{
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .lg\:mx-10{
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .lg\:my-12{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .lg\:mx-12{
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .lg\:my-16{
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .lg\:mx-16{
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .lg\:my-20{
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .lg\:mx-20{
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .lg\:my-24{
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .lg\:mx-24{
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .lg\:my-28{
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .lg\:mx-28{
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .lg\:my-32{
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .lg\:mx-32{
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .lg\:my-40{
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .lg\:mx-40{
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .lg\:my-48{
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .lg\:mx-48{
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .lg\:my-56{
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }

  .lg\:mx-56{
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }

  .lg\:my-64{
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }

  .lg\:mx-64{
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }

  .lg\:my-auto{
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .lg\:mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .lg\:my-px{
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .lg\:mx-px{
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .lg\:my-2px{
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .lg\:mx-2px{
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .lg\:my-3px{
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .lg\:mx-3px{
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .lg\:my-5px{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .lg\:mx-5px{
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .lg\:my-10px{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .lg\:mx-10px{
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .lg\:my-15px{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .lg\:mx-15px{
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .lg\:my-20px{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .lg\:mx-20px{
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .lg\:my-25px{
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .lg\:mx-25px{
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .lg\:my-30px{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .lg\:mx-30px{
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .lg\:my-36px{
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }

  .lg\:mx-36px{
    margin-left: 36px !important;
    margin-right: 36px !important;
  }

  .lg\:my-50px{
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .lg\:mx-50px{
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .lg\:my-60px{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .lg\:mx-60px{
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .lg\:my-120px{
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .lg\:mx-120px{
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .lg\:-my-1{
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .lg\:-mx-1{
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }

  .lg\:-my-2{
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .lg\:-mx-2{
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }

  .lg\:-my-3{
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }

  .lg\:-mx-3{
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
  }

  .lg\:-my-4{
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .lg\:-mx-4{
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  .lg\:-my-5{
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }

  .lg\:-mx-5{
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
  }

  .lg\:-my-6{
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .lg\:-mx-6{
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }

  .lg\:-my-8{
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }

  .lg\:-mx-8{
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }

  .lg\:-my-10{
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }

  .lg\:-mx-10{
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important;
  }

  .lg\:-my-12{
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .lg\:-mx-12{
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }

  .lg\:-my-16{
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }

  .lg\:-mx-16{
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }

  .lg\:-my-20{
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }

  .lg\:-mx-20{
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }

  .lg\:-my-24{
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }

  .lg\:-mx-24{
    margin-left: -6rem !important;
    margin-right: -6rem !important;
  }

  .lg\:-my-28{
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }

  .lg\:-mx-28{
    margin-left: -7rem !important;
    margin-right: -7rem !important;
  }

  .lg\:-my-32{
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }

  .lg\:-mx-32{
    margin-left: -8rem !important;
    margin-right: -8rem !important;
  }

  .lg\:-my-40{
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }

  .lg\:-mx-40{
    margin-left: -10rem !important;
    margin-right: -10rem !important;
  }

  .lg\:-my-48{
    margin-top: -12rem !important;
    margin-bottom: -12rem !important;
  }

  .lg\:-mx-48{
    margin-left: -12rem !important;
    margin-right: -12rem !important;
  }

  .lg\:-my-56{
    margin-top: -14rem !important;
    margin-bottom: -14rem !important;
  }

  .lg\:-mx-56{
    margin-left: -14rem !important;
    margin-right: -14rem !important;
  }

  .lg\:-my-64{
    margin-top: -16rem !important;
    margin-bottom: -16rem !important;
  }

  .lg\:-mx-64{
    margin-left: -16rem !important;
    margin-right: -16rem !important;
  }

  .lg\:-my-px{
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .lg\:-mx-px{
    margin-left: -1px !important;
    margin-right: -1px !important;
  }

  .lg\:-my-2px{
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }

  .lg\:-mx-2px{
    margin-left: -2px !important;
    margin-right: -2px !important;
  }

  .lg\:-my-3px{
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }

  .lg\:-mx-3px{
    margin-left: -3px !important;
    margin-right: -3px !important;
  }

  .lg\:-my-5px{
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }

  .lg\:-mx-5px{
    margin-left: -5px !important;
    margin-right: -5px !important;
  }

  .lg\:-my-10px{
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .lg\:-mx-10px{
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .lg\:-my-15px{
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }

  .lg\:-mx-15px{
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .lg\:-my-20px{
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .lg\:-mx-20px{
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .lg\:-my-25px{
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }

  .lg\:-mx-25px{
    margin-left: -25px !important;
    margin-right: -25px !important;
  }

  .lg\:-my-30px{
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .lg\:-mx-30px{
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .lg\:-my-36px{
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }

  .lg\:-mx-36px{
    margin-left: -36px !important;
    margin-right: -36px !important;
  }

  .lg\:-my-50px{
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .lg\:-mx-50px{
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .lg\:-my-60px{
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .lg\:-mx-60px{
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .lg\:-my-120px{
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }

  .lg\:-mx-120px{
    margin-left: -120px !important;
    margin-right: -120px !important;
  }

  .lg\:mt-0{
    margin-top: 0 !important;
  }

  .lg\:mr-0{
    margin-right: 0 !important;
  }

  .lg\:mb-0{
    margin-bottom: 0 !important;
  }

  .lg\:ml-0{
    margin-left: 0 !important;
  }

  .lg\:mt-1{
    margin-top: 0.25rem !important;
  }

  .lg\:mr-1{
    margin-right: 0.25rem !important;
  }

  .lg\:mb-1{
    margin-bottom: 0.25rem !important;
  }

  .lg\:ml-1{
    margin-left: 0.25rem !important;
  }

  .lg\:mt-2{
    margin-top: 0.5rem !important;
  }

  .lg\:mr-2{
    margin-right: 0.5rem !important;
  }

  .lg\:mb-2{
    margin-bottom: 0.5rem !important;
  }

  .lg\:ml-2{
    margin-left: 0.5rem !important;
  }

  .lg\:mt-3{
    margin-top: 0.75rem !important;
  }

  .lg\:mr-3{
    margin-right: 0.75rem !important;
  }

  .lg\:mb-3{
    margin-bottom: 0.75rem !important;
  }

  .lg\:ml-3{
    margin-left: 0.75rem !important;
  }

  .lg\:mt-4{
    margin-top: 1rem !important;
  }

  .lg\:mr-4{
    margin-right: 1rem !important;
  }

  .lg\:mb-4{
    margin-bottom: 1rem !important;
  }

  .lg\:ml-4{
    margin-left: 1rem !important;
  }

  .lg\:mt-5{
    margin-top: 1.25rem !important;
  }

  .lg\:mr-5{
    margin-right: 1.25rem !important;
  }

  .lg\:mb-5{
    margin-bottom: 1.25rem !important;
  }

  .lg\:ml-5{
    margin-left: 1.25rem !important;
  }

  .lg\:mt-6{
    margin-top: 1.5rem !important;
  }

  .lg\:mr-6{
    margin-right: 1.5rem !important;
  }

  .lg\:mb-6{
    margin-bottom: 1.5rem !important;
  }

  .lg\:ml-6{
    margin-left: 1.5rem !important;
  }

  .lg\:mt-8{
    margin-top: 2rem !important;
  }

  .lg\:mr-8{
    margin-right: 2rem !important;
  }

  .lg\:mb-8{
    margin-bottom: 2rem !important;
  }

  .lg\:ml-8{
    margin-left: 2rem !important;
  }

  .lg\:mt-10{
    margin-top: 2.5rem !important;
  }

  .lg\:mr-10{
    margin-right: 2.5rem !important;
  }

  .lg\:mb-10{
    margin-bottom: 2.5rem !important;
  }

  .lg\:ml-10{
    margin-left: 2.5rem !important;
  }

  .lg\:mt-12{
    margin-top: 3rem !important;
  }

  .lg\:mr-12{
    margin-right: 3rem !important;
  }

  .lg\:mb-12{
    margin-bottom: 3rem !important;
  }

  .lg\:ml-12{
    margin-left: 3rem !important;
  }

  .lg\:mt-16{
    margin-top: 4rem !important;
  }

  .lg\:mr-16{
    margin-right: 4rem !important;
  }

  .lg\:mb-16{
    margin-bottom: 4rem !important;
  }

  .lg\:ml-16{
    margin-left: 4rem !important;
  }

  .lg\:mt-20{
    margin-top: 5rem !important;
  }

  .lg\:mr-20{
    margin-right: 5rem !important;
  }

  .lg\:mb-20{
    margin-bottom: 5rem !important;
  }

  .lg\:ml-20{
    margin-left: 5rem !important;
  }

  .lg\:mt-24{
    margin-top: 6rem !important;
  }

  .lg\:mr-24{
    margin-right: 6rem !important;
  }

  .lg\:mb-24{
    margin-bottom: 6rem !important;
  }

  .lg\:ml-24{
    margin-left: 6rem !important;
  }

  .lg\:mt-28{
    margin-top: 7rem !important;
  }

  .lg\:mr-28{
    margin-right: 7rem !important;
  }

  .lg\:mb-28{
    margin-bottom: 7rem !important;
  }

  .lg\:ml-28{
    margin-left: 7rem !important;
  }

  .lg\:mt-32{
    margin-top: 8rem !important;
  }

  .lg\:mr-32{
    margin-right: 8rem !important;
  }

  .lg\:mb-32{
    margin-bottom: 8rem !important;
  }

  .lg\:ml-32{
    margin-left: 8rem !important;
  }

  .lg\:mt-40{
    margin-top: 10rem !important;
  }

  .lg\:mr-40{
    margin-right: 10rem !important;
  }

  .lg\:mb-40{
    margin-bottom: 10rem !important;
  }

  .lg\:ml-40{
    margin-left: 10rem !important;
  }

  .lg\:mt-48{
    margin-top: 12rem !important;
  }

  .lg\:mr-48{
    margin-right: 12rem !important;
  }

  .lg\:mb-48{
    margin-bottom: 12rem !important;
  }

  .lg\:ml-48{
    margin-left: 12rem !important;
  }

  .lg\:mt-56{
    margin-top: 14rem !important;
  }

  .lg\:mr-56{
    margin-right: 14rem !important;
  }

  .lg\:mb-56{
    margin-bottom: 14rem !important;
  }

  .lg\:ml-56{
    margin-left: 14rem !important;
  }

  .lg\:mt-64{
    margin-top: 16rem !important;
  }

  .lg\:mr-64{
    margin-right: 16rem !important;
  }

  .lg\:mb-64{
    margin-bottom: 16rem !important;
  }

  .lg\:ml-64{
    margin-left: 16rem !important;
  }

  .lg\:mt-auto{
    margin-top: auto !important;
  }

  .lg\:mr-auto{
    margin-right: auto !important;
  }

  .lg\:mb-auto{
    margin-bottom: auto !important;
  }

  .lg\:ml-auto{
    margin-left: auto !important;
  }

  .lg\:mt-px{
    margin-top: 1px !important;
  }

  .lg\:mr-px{
    margin-right: 1px !important;
  }

  .lg\:mb-px{
    margin-bottom: 1px !important;
  }

  .lg\:ml-px{
    margin-left: 1px !important;
  }

  .lg\:mt-2px{
    margin-top: 2px !important;
  }

  .lg\:mr-2px{
    margin-right: 2px !important;
  }

  .lg\:mb-2px{
    margin-bottom: 2px !important;
  }

  .lg\:ml-2px{
    margin-left: 2px !important;
  }

  .lg\:mt-3px{
    margin-top: 3px !important;
  }

  .lg\:mr-3px{
    margin-right: 3px !important;
  }

  .lg\:mb-3px{
    margin-bottom: 3px !important;
  }

  .lg\:ml-3px{
    margin-left: 3px !important;
  }

  .lg\:mt-5px{
    margin-top: 5px !important;
  }

  .lg\:mr-5px{
    margin-right: 5px !important;
  }

  .lg\:mb-5px{
    margin-bottom: 5px !important;
  }

  .lg\:ml-5px{
    margin-left: 5px !important;
  }

  .lg\:mt-10px{
    margin-top: 10px !important;
  }

  .lg\:mr-10px{
    margin-right: 10px !important;
  }

  .lg\:mb-10px{
    margin-bottom: 10px !important;
  }

  .lg\:ml-10px{
    margin-left: 10px !important;
  }

  .lg\:mt-15px{
    margin-top: 15px !important;
  }

  .lg\:mr-15px{
    margin-right: 15px !important;
  }

  .lg\:mb-15px{
    margin-bottom: 15px !important;
  }

  .lg\:ml-15px{
    margin-left: 15px !important;
  }

  .lg\:mt-20px{
    margin-top: 20px !important;
  }

  .lg\:mr-20px{
    margin-right: 20px !important;
  }

  .lg\:mb-20px{
    margin-bottom: 20px !important;
  }

  .lg\:ml-20px{
    margin-left: 20px !important;
  }

  .lg\:mt-25px{
    margin-top: 25px !important;
  }

  .lg\:mr-25px{
    margin-right: 25px !important;
  }

  .lg\:mb-25px{
    margin-bottom: 25px !important;
  }

  .lg\:ml-25px{
    margin-left: 25px !important;
  }

  .lg\:mt-30px{
    margin-top: 30px !important;
  }

  .lg\:mr-30px{
    margin-right: 30px !important;
  }

  .lg\:mb-30px{
    margin-bottom: 30px !important;
  }

  .lg\:ml-30px{
    margin-left: 30px !important;
  }

  .lg\:mt-36px{
    margin-top: 36px !important;
  }

  .lg\:mr-36px{
    margin-right: 36px !important;
  }

  .lg\:mb-36px{
    margin-bottom: 36px !important;
  }

  .lg\:ml-36px{
    margin-left: 36px !important;
  }

  .lg\:mt-50px{
    margin-top: 50px !important;
  }

  .lg\:mr-50px{
    margin-right: 50px !important;
  }

  .lg\:mb-50px{
    margin-bottom: 50px !important;
  }

  .lg\:ml-50px{
    margin-left: 50px !important;
  }

  .lg\:mt-60px{
    margin-top: 60px !important;
  }

  .lg\:mr-60px{
    margin-right: 60px !important;
  }

  .lg\:mb-60px{
    margin-bottom: 60px !important;
  }

  .lg\:ml-60px{
    margin-left: 60px !important;
  }

  .lg\:mt-120px{
    margin-top: 120px !important;
  }

  .lg\:mr-120px{
    margin-right: 120px !important;
  }

  .lg\:mb-120px{
    margin-bottom: 120px !important;
  }

  .lg\:ml-120px{
    margin-left: 120px !important;
  }

  .lg\:-mt-1{
    margin-top: -0.25rem !important;
  }

  .lg\:-mr-1{
    margin-right: -0.25rem !important;
  }

  .lg\:-mb-1{
    margin-bottom: -0.25rem !important;
  }

  .lg\:-ml-1{
    margin-left: -0.25rem !important;
  }

  .lg\:-mt-2{
    margin-top: -0.5rem !important;
  }

  .lg\:-mr-2{
    margin-right: -0.5rem !important;
  }

  .lg\:-mb-2{
    margin-bottom: -0.5rem !important;
  }

  .lg\:-ml-2{
    margin-left: -0.5rem !important;
  }

  .lg\:-mt-3{
    margin-top: -0.75rem !important;
  }

  .lg\:-mr-3{
    margin-right: -0.75rem !important;
  }

  .lg\:-mb-3{
    margin-bottom: -0.75rem !important;
  }

  .lg\:-ml-3{
    margin-left: -0.75rem !important;
  }

  .lg\:-mt-4{
    margin-top: -1rem !important;
  }

  .lg\:-mr-4{
    margin-right: -1rem !important;
  }

  .lg\:-mb-4{
    margin-bottom: -1rem !important;
  }

  .lg\:-ml-4{
    margin-left: -1rem !important;
  }

  .lg\:-mt-5{
    margin-top: -1.25rem !important;
  }

  .lg\:-mr-5{
    margin-right: -1.25rem !important;
  }

  .lg\:-mb-5{
    margin-bottom: -1.25rem !important;
  }

  .lg\:-ml-5{
    margin-left: -1.25rem !important;
  }

  .lg\:-mt-6{
    margin-top: -1.5rem !important;
  }

  .lg\:-mr-6{
    margin-right: -1.5rem !important;
  }

  .lg\:-mb-6{
    margin-bottom: -1.5rem !important;
  }

  .lg\:-ml-6{
    margin-left: -1.5rem !important;
  }

  .lg\:-mt-8{
    margin-top: -2rem !important;
  }

  .lg\:-mr-8{
    margin-right: -2rem !important;
  }

  .lg\:-mb-8{
    margin-bottom: -2rem !important;
  }

  .lg\:-ml-8{
    margin-left: -2rem !important;
  }

  .lg\:-mt-10{
    margin-top: -2.5rem !important;
  }

  .lg\:-mr-10{
    margin-right: -2.5rem !important;
  }

  .lg\:-mb-10{
    margin-bottom: -2.5rem !important;
  }

  .lg\:-ml-10{
    margin-left: -2.5rem !important;
  }

  .lg\:-mt-12{
    margin-top: -3rem !important;
  }

  .lg\:-mr-12{
    margin-right: -3rem !important;
  }

  .lg\:-mb-12{
    margin-bottom: -3rem !important;
  }

  .lg\:-ml-12{
    margin-left: -3rem !important;
  }

  .lg\:-mt-16{
    margin-top: -4rem !important;
  }

  .lg\:-mr-16{
    margin-right: -4rem !important;
  }

  .lg\:-mb-16{
    margin-bottom: -4rem !important;
  }

  .lg\:-ml-16{
    margin-left: -4rem !important;
  }

  .lg\:-mt-20{
    margin-top: -5rem !important;
  }

  .lg\:-mr-20{
    margin-right: -5rem !important;
  }

  .lg\:-mb-20{
    margin-bottom: -5rem !important;
  }

  .lg\:-ml-20{
    margin-left: -5rem !important;
  }

  .lg\:-mt-24{
    margin-top: -6rem !important;
  }

  .lg\:-mr-24{
    margin-right: -6rem !important;
  }

  .lg\:-mb-24{
    margin-bottom: -6rem !important;
  }

  .lg\:-ml-24{
    margin-left: -6rem !important;
  }

  .lg\:-mt-28{
    margin-top: -7rem !important;
  }

  .lg\:-mr-28{
    margin-right: -7rem !important;
  }

  .lg\:-mb-28{
    margin-bottom: -7rem !important;
  }

  .lg\:-ml-28{
    margin-left: -7rem !important;
  }

  .lg\:-mt-32{
    margin-top: -8rem !important;
  }

  .lg\:-mr-32{
    margin-right: -8rem !important;
  }

  .lg\:-mb-32{
    margin-bottom: -8rem !important;
  }

  .lg\:-ml-32{
    margin-left: -8rem !important;
  }

  .lg\:-mt-40{
    margin-top: -10rem !important;
  }

  .lg\:-mr-40{
    margin-right: -10rem !important;
  }

  .lg\:-mb-40{
    margin-bottom: -10rem !important;
  }

  .lg\:-ml-40{
    margin-left: -10rem !important;
  }

  .lg\:-mt-48{
    margin-top: -12rem !important;
  }

  .lg\:-mr-48{
    margin-right: -12rem !important;
  }

  .lg\:-mb-48{
    margin-bottom: -12rem !important;
  }

  .lg\:-ml-48{
    margin-left: -12rem !important;
  }

  .lg\:-mt-56{
    margin-top: -14rem !important;
  }

  .lg\:-mr-56{
    margin-right: -14rem !important;
  }

  .lg\:-mb-56{
    margin-bottom: -14rem !important;
  }

  .lg\:-ml-56{
    margin-left: -14rem !important;
  }

  .lg\:-mt-64{
    margin-top: -16rem !important;
  }

  .lg\:-mr-64{
    margin-right: -16rem !important;
  }

  .lg\:-mb-64{
    margin-bottom: -16rem !important;
  }

  .lg\:-ml-64{
    margin-left: -16rem !important;
  }

  .lg\:-mt-px{
    margin-top: -1px !important;
  }

  .lg\:-mr-px{
    margin-right: -1px !important;
  }

  .lg\:-mb-px{
    margin-bottom: -1px !important;
  }

  .lg\:-ml-px{
    margin-left: -1px !important;
  }

  .lg\:-mt-2px{
    margin-top: -2px !important;
  }

  .lg\:-mr-2px{
    margin-right: -2px !important;
  }

  .lg\:-mb-2px{
    margin-bottom: -2px !important;
  }

  .lg\:-ml-2px{
    margin-left: -2px !important;
  }

  .lg\:-mt-3px{
    margin-top: -3px !important;
  }

  .lg\:-mr-3px{
    margin-right: -3px !important;
  }

  .lg\:-mb-3px{
    margin-bottom: -3px !important;
  }

  .lg\:-ml-3px{
    margin-left: -3px !important;
  }

  .lg\:-mt-5px{
    margin-top: -5px !important;
  }

  .lg\:-mr-5px{
    margin-right: -5px !important;
  }

  .lg\:-mb-5px{
    margin-bottom: -5px !important;
  }

  .lg\:-ml-5px{
    margin-left: -5px !important;
  }

  .lg\:-mt-10px{
    margin-top: -10px !important;
  }

  .lg\:-mr-10px{
    margin-right: -10px !important;
  }

  .lg\:-mb-10px{
    margin-bottom: -10px !important;
  }

  .lg\:-ml-10px{
    margin-left: -10px !important;
  }

  .lg\:-mt-15px{
    margin-top: -15px !important;
  }

  .lg\:-mr-15px{
    margin-right: -15px !important;
  }

  .lg\:-mb-15px{
    margin-bottom: -15px !important;
  }

  .lg\:-ml-15px{
    margin-left: -15px !important;
  }

  .lg\:-mt-20px{
    margin-top: -20px !important;
  }

  .lg\:-mr-20px{
    margin-right: -20px !important;
  }

  .lg\:-mb-20px{
    margin-bottom: -20px !important;
  }

  .lg\:-ml-20px{
    margin-left: -20px !important;
  }

  .lg\:-mt-25px{
    margin-top: -25px !important;
  }

  .lg\:-mr-25px{
    margin-right: -25px !important;
  }

  .lg\:-mb-25px{
    margin-bottom: -25px !important;
  }

  .lg\:-ml-25px{
    margin-left: -25px !important;
  }

  .lg\:-mt-30px{
    margin-top: -30px !important;
  }

  .lg\:-mr-30px{
    margin-right: -30px !important;
  }

  .lg\:-mb-30px{
    margin-bottom: -30px !important;
  }

  .lg\:-ml-30px{
    margin-left: -30px !important;
  }

  .lg\:-mt-36px{
    margin-top: -36px !important;
  }

  .lg\:-mr-36px{
    margin-right: -36px !important;
  }

  .lg\:-mb-36px{
    margin-bottom: -36px !important;
  }

  .lg\:-ml-36px{
    margin-left: -36px !important;
  }

  .lg\:-mt-50px{
    margin-top: -50px !important;
  }

  .lg\:-mr-50px{
    margin-right: -50px !important;
  }

  .lg\:-mb-50px{
    margin-bottom: -50px !important;
  }

  .lg\:-ml-50px{
    margin-left: -50px !important;
  }

  .lg\:-mt-60px{
    margin-top: -60px !important;
  }

  .lg\:-mr-60px{
    margin-right: -60px !important;
  }

  .lg\:-mb-60px{
    margin-bottom: -60px !important;
  }

  .lg\:-ml-60px{
    margin-left: -60px !important;
  }

  .lg\:-mt-120px{
    margin-top: -120px !important;
  }

  .lg\:-mr-120px{
    margin-right: -120px !important;
  }

  .lg\:-mb-120px{
    margin-bottom: -120px !important;
  }

  .lg\:-ml-120px{
    margin-left: -120px !important;
  }

  .lg\:max-h-full{
    max-height: 100% !important;
  }

  .lg\:max-h-screen{
    max-height: 100vh !important;
  }

  .lg\:max-h-3\/4{
    max-height: 75% !important;
  }

  .lg\:max-w-250{
    max-width: 250px !important;
  }

  .lg\:max-w-440{
    max-width: 440px !important;
  }

  .lg\:max-w-none{
    max-width: none !important;
  }

  .lg\:max-w-xs{
    max-width: 20rem !important;
  }

  .lg\:max-w-sm{
    max-width: 24rem !important;
  }

  .lg\:max-w-md{
    max-width: 28rem !important;
  }

  .lg\:max-w-lg{
    max-width: 32rem !important;
  }

  .lg\:max-w-xl{
    max-width: 36rem !important;
  }

  .lg\:max-w-2xl{
    max-width: 42rem !important;
  }

  .lg\:max-w-3xl{
    max-width: 48rem !important;
  }

  .lg\:max-w-4xl{
    max-width: 56rem !important;
  }

  .lg\:max-w-5xl{
    max-width: 64rem !important;
  }

  .lg\:max-w-6xl{
    max-width: 72rem !important;
  }

  .lg\:max-w-full{
    max-width: 100% !important;
  }

  .lg\:max-w-screen-sm{
    max-width: 560px !important;
  }

  .lg\:max-w-screen-md{
    max-width: 768px !important;
  }

  .lg\:max-w-screen-lg{
    max-width: 1024px !important;
  }

  .lg\:max-w-screen-xl{
    max-width: 1280px !important;
  }

  .lg\:max-w-screen-xxs{
    max-width: 320px !important;
  }

  .lg\:max-w-screen-xs{
    max-width: 360px !important;
  }

  .lg\:max-w-screen-xxl{
    max-width: 1920px !important;
  }

  .lg\:min-h-0{
    min-height: 0 !important;
  }

  .lg\:min-h-full{
    min-height: 100% !important;
  }

  .lg\:min-h-screen{
    min-height: 100vh !important;
  }

  .lg\:min-w-0{
    min-width: 0 !important;
  }

  .lg\:min-w-full{
    min-width: 100% !important;
  }

  .lg\:object-contain{
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .lg\:object-cover{
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .lg\:object-fill{
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .lg\:object-none{
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .lg\:object-scale-down{
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .lg\:object-bottom{
    -o-object-position: bottom !important;
    object-position: bottom !important;
  }

  .lg\:object-center{
    -o-object-position: center !important;
    object-position: center !important;
  }

  .lg\:object-left{
    -o-object-position: left !important;
    object-position: left !important;
  }

  .lg\:object-left-bottom{
    -o-object-position: left bottom !important;
    object-position: left bottom !important;
  }

  .lg\:object-left-top{
    -o-object-position: left top !important;
    object-position: left top !important;
  }

  .lg\:object-right{
    -o-object-position: right !important;
    object-position: right !important;
  }

  .lg\:object-right-bottom{
    -o-object-position: right bottom !important;
    object-position: right bottom !important;
  }

  .lg\:object-right-top{
    -o-object-position: right top !important;
    object-position: right top !important;
  }

  .lg\:object-top{
    -o-object-position: top !important;
    object-position: top !important;
  }

  .lg\:opacity-0{
    opacity: 0 !important;
  }

  .lg\:opacity-25{
    opacity: 0.25 !important;
  }

  .lg\:opacity-50{
    opacity: 0.5 !important;
  }

  .lg\:opacity-75{
    opacity: 0.75 !important;
  }

  .lg\:opacity-100{
    opacity: 1 !important;
  }

  .lg\:hover\:opacity-0:hover{
    opacity: 0 !important;
  }

  .lg\:hover\:opacity-25:hover{
    opacity: 0.25 !important;
  }

  .lg\:hover\:opacity-50:hover{
    opacity: 0.5 !important;
  }

  .lg\:hover\:opacity-75:hover{
    opacity: 0.75 !important;
  }

  .lg\:hover\:opacity-100:hover{
    opacity: 1 !important;
  }

  .lg\:focus\:opacity-0:focus{
    opacity: 0 !important;
  }

  .lg\:focus\:opacity-25:focus{
    opacity: 0.25 !important;
  }

  .lg\:focus\:opacity-50:focus{
    opacity: 0.5 !important;
  }

  .lg\:focus\:opacity-75:focus{
    opacity: 0.75 !important;
  }

  .lg\:focus\:opacity-100:focus{
    opacity: 1 !important;
  }

  .lg\:outline-none{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .lg\:outline-white{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .lg\:outline-black{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .lg\:focus\:outline-none:focus{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .lg\:focus\:outline-white:focus{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .lg\:focus\:outline-black:focus{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .lg\:overflow-auto{
    overflow: auto !important;
  }

  .lg\:overflow-hidden{
    overflow: hidden !important;
  }

  .lg\:overflow-visible{
    overflow: visible !important;
  }

  .lg\:overflow-scroll{
    overflow: scroll !important;
  }

  .lg\:overflow-x-auto{
    overflow-x: auto !important;
  }

  .lg\:overflow-y-auto{
    overflow-y: auto !important;
  }

  .lg\:overflow-x-hidden{
    overflow-x: hidden !important;
  }

  .lg\:overflow-y-hidden{
    overflow-y: hidden !important;
  }

  .lg\:overflow-x-visible{
    overflow-x: visible !important;
  }

  .lg\:overflow-y-visible{
    overflow-y: visible !important;
  }

  .lg\:overflow-x-scroll{
    overflow-x: scroll !important;
  }

  .lg\:overflow-y-scroll{
    overflow-y: scroll !important;
  }

  .lg\:scrolling-touch{
    -webkit-overflow-scrolling: touch !important;
  }

  .lg\:scrolling-auto{
    -webkit-overflow-scrolling: auto !important;
  }

  .lg\:overscroll-auto{
    -ms-scroll-chaining: chained !important;
    overscroll-behavior: auto !important;
  }

  .lg\:overscroll-contain{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: contain !important;
  }

  .lg\:overscroll-none{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: none !important;
  }

  .lg\:overscroll-y-auto{
    overscroll-behavior-y: auto !important;
  }

  .lg\:overscroll-y-contain{
    overscroll-behavior-y: contain !important;
  }

  .lg\:overscroll-y-none{
    overscroll-behavior-y: none !important;
  }

  .lg\:overscroll-x-auto{
    overscroll-behavior-x: auto !important;
  }

  .lg\:overscroll-x-contain{
    overscroll-behavior-x: contain !important;
  }

  .lg\:overscroll-x-none{
    overscroll-behavior-x: none !important;
  }

  .lg\:p-0{
    padding: 0 !important;
  }

  .lg\:p-1{
    padding: 0.25rem !important;
  }

  .lg\:p-2{
    padding: 0.5rem !important;
  }

  .lg\:p-3{
    padding: 0.75rem !important;
  }

  .lg\:p-4{
    padding: 1rem !important;
  }

  .lg\:p-5{
    padding: 1.25rem !important;
  }

  .lg\:p-6{
    padding: 1.5rem !important;
  }

  .lg\:p-8{
    padding: 2rem !important;
  }

  .lg\:p-10{
    padding: 2.5rem !important;
  }

  .lg\:p-12{
    padding: 3rem !important;
  }

  .lg\:p-16{
    padding: 4rem !important;
  }

  .lg\:p-20{
    padding: 5rem !important;
  }

  .lg\:p-24{
    padding: 6rem !important;
  }

  .lg\:p-28{
    padding: 7rem !important;
  }

  .lg\:p-32{
    padding: 8rem !important;
  }

  .lg\:p-40{
    padding: 10rem !important;
  }

  .lg\:p-48{
    padding: 12rem !important;
  }

  .lg\:p-56{
    padding: 14rem !important;
  }

  .lg\:p-64{
    padding: 16rem !important;
  }

  .lg\:p-px{
    padding: 1px !important;
  }

  .lg\:p-2px{
    padding: 2px !important;
  }

  .lg\:p-3px{
    padding: 3px !important;
  }

  .lg\:p-5px{
    padding: 5px !important;
  }

  .lg\:p-10px{
    padding: 10px !important;
  }

  .lg\:p-15px{
    padding: 15px !important;
  }

  .lg\:p-20px{
    padding: 20px !important;
  }

  .lg\:p-25px{
    padding: 25px !important;
  }

  .lg\:p-30px{
    padding: 30px !important;
  }

  .lg\:p-36px{
    padding: 36px !important;
  }

  .lg\:p-50px{
    padding: 50px !important;
  }

  .lg\:p-60px{
    padding: 60px !important;
  }

  .lg\:p-120px{
    padding: 120px !important;
  }

  .lg\:py-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .lg\:px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .lg\:py-1{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .lg\:px-1{
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .lg\:py-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .lg\:px-2{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .lg\:py-3{
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .lg\:px-3{
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .lg\:py-4{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .lg\:px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .lg\:py-5{
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .lg\:px-5{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .lg\:py-6{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .lg\:px-6{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .lg\:py-8{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .lg\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .lg\:py-10{
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .lg\:px-10{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .lg\:py-12{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .lg\:px-12{
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .lg\:py-16{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .lg\:px-16{
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .lg\:py-20{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .lg\:px-20{
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .lg\:py-24{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .lg\:px-24{
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .lg\:py-28{
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .lg\:px-28{
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .lg\:py-32{
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .lg\:px-32{
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .lg\:py-40{
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .lg\:px-40{
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .lg\:py-48{
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .lg\:px-48{
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .lg\:py-56{
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }

  .lg\:px-56{
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .lg\:py-64{
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }

  .lg\:px-64{
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .lg\:py-px{
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .lg\:px-px{
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .lg\:py-2px{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .lg\:px-2px{
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .lg\:py-3px{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .lg\:px-3px{
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .lg\:py-5px{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .lg\:px-5px{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .lg\:py-10px{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .lg\:px-10px{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .lg\:py-15px{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .lg\:px-15px{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .lg\:py-20px{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .lg\:px-20px{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .lg\:py-25px{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .lg\:px-25px{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .lg\:py-30px{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .lg\:px-30px{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .lg\:py-36px{
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .lg\:px-36px{
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  .lg\:py-50px{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .lg\:px-50px{
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .lg\:py-60px{
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .lg\:px-60px{
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .lg\:py-120px{
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .lg\:px-120px{
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .lg\:pt-0{
    padding-top: 0 !important;
  }

  .lg\:pr-0{
    padding-right: 0 !important;
  }

  .lg\:pb-0{
    padding-bottom: 0 !important;
  }

  .lg\:pl-0{
    padding-left: 0 !important;
  }

  .lg\:pt-1{
    padding-top: 0.25rem !important;
  }

  .lg\:pr-1{
    padding-right: 0.25rem !important;
  }

  .lg\:pb-1{
    padding-bottom: 0.25rem !important;
  }

  .lg\:pl-1{
    padding-left: 0.25rem !important;
  }

  .lg\:pt-2{
    padding-top: 0.5rem !important;
  }

  .lg\:pr-2{
    padding-right: 0.5rem !important;
  }

  .lg\:pb-2{
    padding-bottom: 0.5rem !important;
  }

  .lg\:pl-2{
    padding-left: 0.5rem !important;
  }

  .lg\:pt-3{
    padding-top: 0.75rem !important;
  }

  .lg\:pr-3{
    padding-right: 0.75rem !important;
  }

  .lg\:pb-3{
    padding-bottom: 0.75rem !important;
  }

  .lg\:pl-3{
    padding-left: 0.75rem !important;
  }

  .lg\:pt-4{
    padding-top: 1rem !important;
  }

  .lg\:pr-4{
    padding-right: 1rem !important;
  }

  .lg\:pb-4{
    padding-bottom: 1rem !important;
  }

  .lg\:pl-4{
    padding-left: 1rem !important;
  }

  .lg\:pt-5{
    padding-top: 1.25rem !important;
  }

  .lg\:pr-5{
    padding-right: 1.25rem !important;
  }

  .lg\:pb-5{
    padding-bottom: 1.25rem !important;
  }

  .lg\:pl-5{
    padding-left: 1.25rem !important;
  }

  .lg\:pt-6{
    padding-top: 1.5rem !important;
  }

  .lg\:pr-6{
    padding-right: 1.5rem !important;
  }

  .lg\:pb-6{
    padding-bottom: 1.5rem !important;
  }

  .lg\:pl-6{
    padding-left: 1.5rem !important;
  }

  .lg\:pt-8{
    padding-top: 2rem !important;
  }

  .lg\:pr-8{
    padding-right: 2rem !important;
  }

  .lg\:pb-8{
    padding-bottom: 2rem !important;
  }

  .lg\:pl-8{
    padding-left: 2rem !important;
  }

  .lg\:pt-10{
    padding-top: 2.5rem !important;
  }

  .lg\:pr-10{
    padding-right: 2.5rem !important;
  }

  .lg\:pb-10{
    padding-bottom: 2.5rem !important;
  }

  .lg\:pl-10{
    padding-left: 2.5rem !important;
  }

  .lg\:pt-12{
    padding-top: 3rem !important;
  }

  .lg\:pr-12{
    padding-right: 3rem !important;
  }

  .lg\:pb-12{
    padding-bottom: 3rem !important;
  }

  .lg\:pl-12{
    padding-left: 3rem !important;
  }

  .lg\:pt-16{
    padding-top: 4rem !important;
  }

  .lg\:pr-16{
    padding-right: 4rem !important;
  }

  .lg\:pb-16{
    padding-bottom: 4rem !important;
  }

  .lg\:pl-16{
    padding-left: 4rem !important;
  }

  .lg\:pt-20{
    padding-top: 5rem !important;
  }

  .lg\:pr-20{
    padding-right: 5rem !important;
  }

  .lg\:pb-20{
    padding-bottom: 5rem !important;
  }

  .lg\:pl-20{
    padding-left: 5rem !important;
  }

  .lg\:pt-24{
    padding-top: 6rem !important;
  }

  .lg\:pr-24{
    padding-right: 6rem !important;
  }

  .lg\:pb-24{
    padding-bottom: 6rem !important;
  }

  .lg\:pl-24{
    padding-left: 6rem !important;
  }

  .lg\:pt-28{
    padding-top: 7rem !important;
  }

  .lg\:pr-28{
    padding-right: 7rem !important;
  }

  .lg\:pb-28{
    padding-bottom: 7rem !important;
  }

  .lg\:pl-28{
    padding-left: 7rem !important;
  }

  .lg\:pt-32{
    padding-top: 8rem !important;
  }

  .lg\:pr-32{
    padding-right: 8rem !important;
  }

  .lg\:pb-32{
    padding-bottom: 8rem !important;
  }

  .lg\:pl-32{
    padding-left: 8rem !important;
  }

  .lg\:pt-40{
    padding-top: 10rem !important;
  }

  .lg\:pr-40{
    padding-right: 10rem !important;
  }

  .lg\:pb-40{
    padding-bottom: 10rem !important;
  }

  .lg\:pl-40{
    padding-left: 10rem !important;
  }

  .lg\:pt-48{
    padding-top: 12rem !important;
  }

  .lg\:pr-48{
    padding-right: 12rem !important;
  }

  .lg\:pb-48{
    padding-bottom: 12rem !important;
  }

  .lg\:pl-48{
    padding-left: 12rem !important;
  }

  .lg\:pt-56{
    padding-top: 14rem !important;
  }

  .lg\:pr-56{
    padding-right: 14rem !important;
  }

  .lg\:pb-56{
    padding-bottom: 14rem !important;
  }

  .lg\:pl-56{
    padding-left: 14rem !important;
  }

  .lg\:pt-64{
    padding-top: 16rem !important;
  }

  .lg\:pr-64{
    padding-right: 16rem !important;
  }

  .lg\:pb-64{
    padding-bottom: 16rem !important;
  }

  .lg\:pl-64{
    padding-left: 16rem !important;
  }

  .lg\:pt-px{
    padding-top: 1px !important;
  }

  .lg\:pr-px{
    padding-right: 1px !important;
  }

  .lg\:pb-px{
    padding-bottom: 1px !important;
  }

  .lg\:pl-px{
    padding-left: 1px !important;
  }

  .lg\:pt-2px{
    padding-top: 2px !important;
  }

  .lg\:pr-2px{
    padding-right: 2px !important;
  }

  .lg\:pb-2px{
    padding-bottom: 2px !important;
  }

  .lg\:pl-2px{
    padding-left: 2px !important;
  }

  .lg\:pt-3px{
    padding-top: 3px !important;
  }

  .lg\:pr-3px{
    padding-right: 3px !important;
  }

  .lg\:pb-3px{
    padding-bottom: 3px !important;
  }

  .lg\:pl-3px{
    padding-left: 3px !important;
  }

  .lg\:pt-5px{
    padding-top: 5px !important;
  }

  .lg\:pr-5px{
    padding-right: 5px !important;
  }

  .lg\:pb-5px{
    padding-bottom: 5px !important;
  }

  .lg\:pl-5px{
    padding-left: 5px !important;
  }

  .lg\:pt-10px{
    padding-top: 10px !important;
  }

  .lg\:pr-10px{
    padding-right: 10px !important;
  }

  .lg\:pb-10px{
    padding-bottom: 10px !important;
  }

  .lg\:pl-10px{
    padding-left: 10px !important;
  }

  .lg\:pt-15px{
    padding-top: 15px !important;
  }

  .lg\:pr-15px{
    padding-right: 15px !important;
  }

  .lg\:pb-15px{
    padding-bottom: 15px !important;
  }

  .lg\:pl-15px{
    padding-left: 15px !important;
  }

  .lg\:pt-20px{
    padding-top: 20px !important;
  }

  .lg\:pr-20px{
    padding-right: 20px !important;
  }

  .lg\:pb-20px{
    padding-bottom: 20px !important;
  }

  .lg\:pl-20px{
    padding-left: 20px !important;
  }

  .lg\:pt-25px{
    padding-top: 25px !important;
  }

  .lg\:pr-25px{
    padding-right: 25px !important;
  }

  .lg\:pb-25px{
    padding-bottom: 25px !important;
  }

  .lg\:pl-25px{
    padding-left: 25px !important;
  }

  .lg\:pt-30px{
    padding-top: 30px !important;
  }

  .lg\:pr-30px{
    padding-right: 30px !important;
  }

  .lg\:pb-30px{
    padding-bottom: 30px !important;
  }

  .lg\:pl-30px{
    padding-left: 30px !important;
  }

  .lg\:pt-36px{
    padding-top: 36px !important;
  }

  .lg\:pr-36px{
    padding-right: 36px !important;
  }

  .lg\:pb-36px{
    padding-bottom: 36px !important;
  }

  .lg\:pl-36px{
    padding-left: 36px !important;
  }

  .lg\:pt-50px{
    padding-top: 50px !important;
  }

  .lg\:pr-50px{
    padding-right: 50px !important;
  }

  .lg\:pb-50px{
    padding-bottom: 50px !important;
  }

  .lg\:pl-50px{
    padding-left: 50px !important;
  }

  .lg\:pt-60px{
    padding-top: 60px !important;
  }

  .lg\:pr-60px{
    padding-right: 60px !important;
  }

  .lg\:pb-60px{
    padding-bottom: 60px !important;
  }

  .lg\:pl-60px{
    padding-left: 60px !important;
  }

  .lg\:pt-120px{
    padding-top: 120px !important;
  }

  .lg\:pr-120px{
    padding-right: 120px !important;
  }

  .lg\:pb-120px{
    padding-bottom: 120px !important;
  }

  .lg\:pl-120px{
    padding-left: 120px !important;
  }

  .lg\:placeholder-transparent::-webkit-input-placeholder{
    color: transparent !important;
  }

  .lg\:placeholder-transparent::-moz-placeholder{
    color: transparent !important;
  }

  .lg\:placeholder-transparent:-ms-input-placeholder{
    color: transparent !important;
  }

  .lg\:placeholder-transparent::-ms-input-placeholder{
    color: transparent !important;
  }

  .lg\:placeholder-transparent::placeholder{
    color: transparent !important;
  }

  .lg\:placeholder-current::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .lg\:placeholder-current::-moz-placeholder{
    color: currentColor !important;
  }

  .lg\:placeholder-current:-ms-input-placeholder{
    color: currentColor !important;
  }

  .lg\:placeholder-current::-ms-input-placeholder{
    color: currentColor !important;
  }

  .lg\:placeholder-current::placeholder{
    color: currentColor !important;
  }

  .lg\:placeholder-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-white::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-white:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-white::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-white::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-red::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-orange-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-yellow-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-teal-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-blue-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-indigo-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-purple-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-pink-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-primary-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:placeholder-primary-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:placeholder-primary-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:placeholder-primary-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:placeholder-primary-color::placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:placeholder-primary-hover-color::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .lg\:placeholder-primary-hover-color::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .lg\:placeholder-primary-hover-color:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .lg\:placeholder-primary-hover-color::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .lg\:placeholder-primary-hover-color::placeholder{
    color: var(--hover-color) !important;
  }

  .lg\:placeholder-gray-body::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-body::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-body:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-body::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-body::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-333::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-333::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-333:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-333::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-333::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-666::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-666::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-666:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-666::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-666::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-888::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-888::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-888:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-888::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-888::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-999::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-999::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-999:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-999::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-999::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-icon::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-icon::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-icon:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-icon::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-icon::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-features::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-features::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-features:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-features::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-features::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-slide-border::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-slide-border::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-slide-border:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-slide-border::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-slide-border::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-sale-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:placeholder-sale-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:placeholder-sale-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:placeholder-sale-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:placeholder-sale-color::placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:placeholder-hit-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-hit-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-hit-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-hit-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-hit-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-new-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-new-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-new-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-new-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-new-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-fb-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-fb-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-fb-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-fb-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-fb-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-fb-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-fb-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-fb-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-fb-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-fb-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-vk-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-vk-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-vk-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-vk-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-vk-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-vk-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-vk-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-vk-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-vk-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-vk-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-insta-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-insta-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-insta-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-insta-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-insta-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-insta-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-insta-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-insta-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-insta-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-insta-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-dc::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-dc::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-dc:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-dc::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-dc::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-cd::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-cd::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-cd:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-cd::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-cd::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-e7::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-e7::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-e7:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-e7::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-gray-e7::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-check-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-check-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-check-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-check-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-check-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-docx-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-docx-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-docx-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-docx-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-docx-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-dark-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-dark-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-dark-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-dark-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-dark-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-green-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-transparent:focus::-webkit-input-placeholder{
    color: transparent !important;
  }

  .lg\:focus\:placeholder-transparent:focus::-moz-placeholder{
    color: transparent !important;
  }

  .lg\:focus\:placeholder-transparent:focus:-ms-input-placeholder{
    color: transparent !important;
  }

  .lg\:focus\:placeholder-transparent:focus::-ms-input-placeholder{
    color: transparent !important;
  }

  .lg\:focus\:placeholder-transparent:focus::placeholder{
    color: transparent !important;
  }

  .lg\:focus\:placeholder-current:focus::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .lg\:focus\:placeholder-current:focus::-moz-placeholder{
    color: currentColor !important;
  }

  .lg\:focus\:placeholder-current:focus:-ms-input-placeholder{
    color: currentColor !important;
  }

  .lg\:focus\:placeholder-current:focus::-ms-input-placeholder{
    color: currentColor !important;
  }

  .lg\:focus\:placeholder-current:focus::placeholder{
    color: currentColor !important;
  }

  .lg\:focus\:placeholder-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-white:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-white:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-orange-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-teal-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-blue-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-indigo-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-purple-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-pink-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-primary-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:focus\:placeholder-primary-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:focus\:placeholder-primary-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:focus\:placeholder-primary-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:focus\:placeholder-primary-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:focus\:placeholder-primary-hover-color:focus::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .lg\:focus\:placeholder-primary-hover-color:focus::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .lg\:focus\:placeholder-primary-hover-color:focus:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .lg\:focus\:placeholder-primary-hover-color:focus::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .lg\:focus\:placeholder-primary-hover-color:focus::placeholder{
    color: var(--hover-color) !important;
  }

  .lg\:focus\:placeholder-gray-body:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-body:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-body:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-body:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-body:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-333:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-333:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-333:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-333:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-333:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-666:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-666:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-666:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-666:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-666:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-888:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-888:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-888:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-888:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-888:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-999:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-999:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-999:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-999:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-999:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-icon:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-icon:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-icon:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-icon:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-icon:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-features:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-features:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-features:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-features:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-features:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-slide-border:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-slide-border:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-slide-border:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-slide-border:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-slide-border:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-sale-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:focus\:placeholder-sale-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:focus\:placeholder-sale-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:focus\:placeholder-sale-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:focus\:placeholder-sale-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .lg\:focus\:placeholder-hit-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-hit-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-hit-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-hit-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-hit-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-new-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-new-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-new-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-new-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-new-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-fb-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-fb-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-fb-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-fb-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-fb-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-fb-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-fb-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-fb-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-fb-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-fb-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-vk-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-vk-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-vk-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-vk-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-vk-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-vk-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-vk-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-vk-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-vk-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-vk-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-insta-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-insta-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-insta-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-insta-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-insta-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-insta-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-insta-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-insta-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-insta-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-insta-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-dc:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-dc:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-dc:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-dc:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-dc:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-cd:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-cd:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-cd:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-cd:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-cd:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-e7:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-e7:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-e7:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-e7:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-gray-e7:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-check-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-check-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-check-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-check-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-check-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-docx-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-docx-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-docx-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-docx-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-docx-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-dark-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-dark-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-dark-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-dark-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-dark-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .lg\:focus\:placeholder-green-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .lg\:placeholder-opacity-0::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .lg\:placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .lg\:placeholder-opacity-0:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .lg\:placeholder-opacity-0::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .lg\:placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .lg\:placeholder-opacity-25::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:placeholder-opacity-25:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:placeholder-opacity-25::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:placeholder-opacity-50::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:placeholder-opacity-50:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:placeholder-opacity-50::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:placeholder-opacity-75::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:placeholder-opacity-75:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:placeholder-opacity-75::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:placeholder-opacity-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .lg\:placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .lg\:placeholder-opacity-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .lg\:placeholder-opacity-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .lg\:placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .lg\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .lg\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .lg\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .lg\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .lg\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:focus\:placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .lg\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:focus\:placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .lg\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:focus\:placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .lg\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .lg\:focus\:placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .lg\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .lg\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .lg\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .lg\:pointer-events-none{
    pointer-events: none !important;
  }

  .lg\:pointer-events-auto{
    pointer-events: auto !important;
  }

  .lg\:static{
    position: static !important;
  }

  .lg\:fixed{
    position: fixed !important;
  }

  .lg\:absolute{
    position: absolute !important;
  }

  .lg\:relative{
    position: relative !important;
  }

  .lg\:sticky{
    position: sticky !important;
  }

  .lg\:inset-0{
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }

  .lg\:inset-auto{
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }

  .lg\:inset-1\/2{
    top: 50% !important;
    right: 50% !important;
    bottom: 50% !important;
    left: 50% !important;
  }

  .lg\:inset-100\%{
    top: 100% !important;
    right: 100% !important;
    bottom: 100% !important;
    left: 100% !important;
  }

  .lg\:inset-px{
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
  }

  .lg\:inset-2px{
    top: 2px !important;
    right: 2px !important;
    bottom: 2px !important;
    left: 2px !important;
  }

  .lg\:inset-4px{
    top: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    left: 4px !important;
  }

  .lg\:inset-10px{
    top: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
  }

  .lg\:inset-y-0{
    top: 0 !important;
    bottom: 0 !important;
  }

  .lg\:inset-x-0{
    right: 0 !important;
    left: 0 !important;
  }

  .lg\:inset-y-auto{
    top: auto !important;
    bottom: auto !important;
  }

  .lg\:inset-x-auto{
    right: auto !important;
    left: auto !important;
  }

  .lg\:inset-y-1\/2{
    top: 50% !important;
    bottom: 50% !important;
  }

  .lg\:inset-x-1\/2{
    right: 50% !important;
    left: 50% !important;
  }

  .lg\:inset-y-100\%{
    top: 100% !important;
    bottom: 100% !important;
  }

  .lg\:inset-x-100\%{
    right: 100% !important;
    left: 100% !important;
  }

  .lg\:inset-y-px{
    top: 1px !important;
    bottom: 1px !important;
  }

  .lg\:inset-x-px{
    right: 1px !important;
    left: 1px !important;
  }

  .lg\:inset-y-2px{
    top: 2px !important;
    bottom: 2px !important;
  }

  .lg\:inset-x-2px{
    right: 2px !important;
    left: 2px !important;
  }

  .lg\:inset-y-4px{
    top: 4px !important;
    bottom: 4px !important;
  }

  .lg\:inset-x-4px{
    right: 4px !important;
    left: 4px !important;
  }

  .lg\:inset-y-10px{
    top: 10px !important;
    bottom: 10px !important;
  }

  .lg\:inset-x-10px{
    right: 10px !important;
    left: 10px !important;
  }

  .lg\:top-0{
    top: 0 !important;
  }

  .lg\:right-0{
    right: 0 !important;
  }

  .lg\:bottom-0{
    bottom: 0 !important;
  }

  .lg\:left-0{
    left: 0 !important;
  }

  .lg\:top-auto{
    top: auto !important;
  }

  .lg\:right-auto{
    right: auto !important;
  }

  .lg\:bottom-auto{
    bottom: auto !important;
  }

  .lg\:left-auto{
    left: auto !important;
  }

  .lg\:top-1\/2{
    top: 50% !important;
  }

  .lg\:right-1\/2{
    right: 50% !important;
  }

  .lg\:bottom-1\/2{
    bottom: 50% !important;
  }

  .lg\:left-1\/2{
    left: 50% !important;
  }

  .lg\:top-100\%{
    top: 100% !important;
  }

  .lg\:right-100\%{
    right: 100% !important;
  }

  .lg\:bottom-100\%{
    bottom: 100% !important;
  }

  .lg\:left-100\%{
    left: 100% !important;
  }

  .lg\:top-px{
    top: 1px !important;
  }

  .lg\:right-px{
    right: 1px !important;
  }

  .lg\:bottom-px{
    bottom: 1px !important;
  }

  .lg\:left-px{
    left: 1px !important;
  }

  .lg\:top-2px{
    top: 2px !important;
  }

  .lg\:right-2px{
    right: 2px !important;
  }

  .lg\:bottom-2px{
    bottom: 2px !important;
  }

  .lg\:left-2px{
    left: 2px !important;
  }

  .lg\:top-4px{
    top: 4px !important;
  }

  .lg\:right-4px{
    right: 4px !important;
  }

  .lg\:bottom-4px{
    bottom: 4px !important;
  }

  .lg\:left-4px{
    left: 4px !important;
  }

  .lg\:top-10px{
    top: 10px !important;
  }

  .lg\:right-10px{
    right: 10px !important;
  }

  .lg\:bottom-10px{
    bottom: 10px !important;
  }

  .lg\:left-10px{
    left: 10px !important;
  }

  .lg\:resize-none{
    resize: none !important;
  }

  .lg\:resize-y{
    resize: vertical !important;
  }

  .lg\:resize-x{
    resize: horizontal !important;
  }

  .lg\:resize{
    resize: both !important;
  }

  .lg\:shadow-xs{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .lg\:shadow-sm{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .lg\:shadow{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .lg\:shadow-md{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .lg\:shadow-lg{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .lg\:shadow-xl{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .lg\:shadow-2xl{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .lg\:shadow-inner{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .lg\:shadow-outline{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .lg\:shadow-none{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .lg\:shadow-btn-hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .lg\:shadow-hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .lg\:shadow-filter{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .lg\:shadow-menu{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .lg\:hover\:shadow-xs:hover{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .lg\:hover\:shadow-sm:hover{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .lg\:hover\:shadow:hover{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .lg\:hover\:shadow-md:hover{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .lg\:hover\:shadow-lg:hover{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .lg\:hover\:shadow-xl:hover{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .lg\:hover\:shadow-2xl:hover{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .lg\:hover\:shadow-inner:hover{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .lg\:hover\:shadow-outline:hover{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .lg\:hover\:shadow-none:hover{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .lg\:hover\:shadow-btn-hover:hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .lg\:hover\:shadow-hover:hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .lg\:hover\:shadow-filter:hover{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .lg\:hover\:shadow-menu:hover{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .lg\:focus\:shadow-xs:focus{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .lg\:focus\:shadow-sm:focus{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .lg\:focus\:shadow:focus{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .lg\:focus\:shadow-md:focus{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .lg\:focus\:shadow-lg:focus{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .lg\:focus\:shadow-xl:focus{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .lg\:focus\:shadow-2xl:focus{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .lg\:focus\:shadow-inner:focus{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .lg\:focus\:shadow-outline:focus{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .lg\:focus\:shadow-none:focus{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .lg\:focus\:shadow-btn-hover:focus{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .lg\:focus\:shadow-hover:focus{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .lg\:focus\:shadow-filter:focus{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .lg\:focus\:shadow-menu:focus{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .lg\:fill-current{
    fill: currentColor !important;
  }

  .lg\:fill-primary-color{
    fill: var(--primary-color) !important;
  }

  .lg\:fill-primary-hover-color{
    fill: var(--hover-color) !important;
  }

  .lg\:fill-ordinary{
    fill: #333333 !important;
  }

  .lg\:fill-no-active{
    fill: #888888 !important;
  }

  .lg\:fill-white{
    fill: #ffffff !important;
  }

  .lg\:stroke-current{
    stroke: currentColor !important;
  }

  .lg\:stroke-primary-color{
    stroke: var(--primary-color) !important;
  }

  .lg\:stroke-primary-hover-color{
    stroke: var(--hover-color) !important;
  }

  .lg\:stroke-0{
    stroke-width: 0 !important;
  }

  .lg\:stroke-1{
    stroke-width: 1 !important;
  }

  .lg\:stroke-2{
    stroke-width: 2 !important;
  }

  .lg\:stroke-12{
    stroke-width: 12 !important;
  }

  .lg\:stroke-20{
    stroke-width: 20 !important;
  }

  .lg\:table-auto{
    table-layout: auto !important;
  }

  .lg\:table-fixed{
    table-layout: fixed !important;
  }

  .lg\:text-left{
    text-align: left !important;
  }

  .lg\:text-center{
    text-align: center !important;
  }

  .lg\:text-right{
    text-align: right !important;
  }

  .lg\:text-justify{
    text-align: justify !important;
  }

  .lg\:text-transparent{
    color: transparent !important;
  }

  .lg\:text-current{
    color: currentColor !important;
  }

  .lg\:text-black{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .lg\:text-white{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .lg\:text-gray-100{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .lg\:text-gray-200{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .lg\:text-gray-300{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .lg\:text-gray-400{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .lg\:text-gray-500{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .lg\:text-gray-600{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .lg\:text-gray-700{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .lg\:text-gray-800{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .lg\:text-gray-900{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .lg\:text-red{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .lg\:text-orange-100{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .lg\:text-orange-200{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .lg\:text-orange-300{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .lg\:text-orange-400{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .lg\:text-orange-500{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .lg\:text-orange-600{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .lg\:text-orange-700{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .lg\:text-orange-800{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .lg\:text-orange-900{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .lg\:text-yellow-100{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .lg\:text-yellow-200{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .lg\:text-yellow-300{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .lg\:text-yellow-400{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .lg\:text-yellow-500{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .lg\:text-yellow-600{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .lg\:text-yellow-700{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .lg\:text-yellow-800{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .lg\:text-yellow-900{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .lg\:text-green-100{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .lg\:text-green-200{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .lg\:text-green-300{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .lg\:text-green-400{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .lg\:text-green-500{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .lg\:text-green-600{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .lg\:text-green-700{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .lg\:text-green-800{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .lg\:text-green-900{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .lg\:text-teal-100{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .lg\:text-teal-200{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .lg\:text-teal-300{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .lg\:text-teal-400{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .lg\:text-teal-500{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .lg\:text-teal-600{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .lg\:text-teal-700{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .lg\:text-teal-800{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .lg\:text-teal-900{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .lg\:text-blue-100{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .lg\:text-blue-200{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .lg\:text-blue-300{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .lg\:text-blue-400{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .lg\:text-blue-500{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .lg\:text-blue-600{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .lg\:text-blue-700{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .lg\:text-blue-800{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .lg\:text-blue-900{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .lg\:text-indigo-100{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .lg\:text-indigo-200{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .lg\:text-indigo-300{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .lg\:text-indigo-400{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .lg\:text-indigo-500{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .lg\:text-indigo-600{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .lg\:text-indigo-700{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .lg\:text-indigo-800{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .lg\:text-indigo-900{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .lg\:text-purple-100{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .lg\:text-purple-200{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .lg\:text-purple-300{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .lg\:text-purple-400{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .lg\:text-purple-500{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .lg\:text-purple-600{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .lg\:text-purple-700{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .lg\:text-purple-800{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .lg\:text-purple-900{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .lg\:text-pink-100{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .lg\:text-pink-200{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .lg\:text-pink-300{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .lg\:text-pink-400{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .lg\:text-pink-500{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .lg\:text-pink-600{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .lg\:text-pink-700{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .lg\:text-pink-800{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .lg\:text-pink-900{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .lg\:text-primary-color{
    color: var(--primary-color) !important;
  }

  .lg\:text-primary-hover-color{
    color: var(--hover-color) !important;
  }

  .lg\:text-gray-body{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .lg\:text-gray-light{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .lg\:text-gray-333{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .lg\:text-gray-666{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .lg\:text-gray-888{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .lg\:text-gray-999{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .lg\:text-gray-icon{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .lg\:text-gray-features{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .lg\:text-slide-border{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .lg\:text-sale-color{
    color: var(--primary-color) !important;
  }

  .lg\:text-hit-color{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .lg\:text-new-color{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .lg\:text-fb-hover-color{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .lg\:text-fb-active-color{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .lg\:text-vk-hover-color{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .lg\:text-vk-active-color{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .lg\:text-insta-hover-color{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .lg\:text-insta-active-color{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .lg\:text-gray-dc{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .lg\:text-gray-cd{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .lg\:text-gray-e7{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .lg\:text-check-color{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .lg\:text-docx-color{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .lg\:text-dark-black{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .lg\:text-green-light{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-transparent:hover{
    color: transparent !important;
  }

  .lg\:hover\:text-current:hover{
    color: currentColor !important;
  }

  .lg\:hover\:text-black:hover{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-white:hover{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-100:hover{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-200:hover{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-300:hover{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-400:hover{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-500:hover{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-600:hover{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-700:hover{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-800:hover{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-900:hover{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-red:hover{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-orange-100:hover{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-orange-200:hover{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-orange-300:hover{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-orange-400:hover{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-orange-500:hover{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-orange-600:hover{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-orange-700:hover{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-orange-800:hover{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-orange-900:hover{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-yellow-100:hover{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-yellow-200:hover{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-yellow-300:hover{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-yellow-400:hover{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-yellow-500:hover{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-yellow-600:hover{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-yellow-700:hover{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-yellow-800:hover{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-yellow-900:hover{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-green-100:hover{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-green-200:hover{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-green-300:hover{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-green-400:hover{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-green-500:hover{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-green-600:hover{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-green-700:hover{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-green-800:hover{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-green-900:hover{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-teal-100:hover{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-teal-200:hover{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-teal-300:hover{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-teal-400:hover{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-teal-500:hover{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-teal-600:hover{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-teal-700:hover{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-teal-800:hover{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-teal-900:hover{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-100:hover{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-200:hover{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-300:hover{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-400:hover{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-500:hover{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-600:hover{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-700:hover{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-800:hover{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-blue-900:hover{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-indigo-100:hover{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-indigo-200:hover{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-indigo-300:hover{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-indigo-400:hover{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-indigo-500:hover{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-indigo-600:hover{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-indigo-700:hover{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-indigo-800:hover{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-indigo-900:hover{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-purple-100:hover{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-purple-200:hover{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-purple-300:hover{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-purple-400:hover{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-purple-500:hover{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-purple-600:hover{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-purple-700:hover{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-purple-800:hover{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-purple-900:hover{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-pink-100:hover{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-pink-200:hover{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-pink-300:hover{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-pink-400:hover{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-pink-500:hover{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-pink-600:hover{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-pink-700:hover{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-pink-800:hover{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-pink-900:hover{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-primary-color:hover{
    color: var(--primary-color) !important;
  }

  .lg\:hover\:text-primary-hover-color:hover{
    color: var(--hover-color) !important;
  }

  .lg\:hover\:text-gray-body:hover{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-light:hover{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-333:hover{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-666:hover{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-888:hover{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-999:hover{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-icon:hover{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-features:hover{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-slide-border:hover{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-sale-color:hover{
    color: var(--primary-color) !important;
  }

  .lg\:hover\:text-hit-color:hover{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-new-color:hover{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-fb-hover-color:hover{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-fb-active-color:hover{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-vk-hover-color:hover{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-vk-active-color:hover{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-insta-hover-color:hover{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-insta-active-color:hover{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-dc:hover{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-cd:hover{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-gray-e7:hover{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-check-color:hover{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-docx-color:hover{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-dark-black:hover{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .lg\:hover\:text-green-light:hover{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-transparent:focus{
    color: transparent !important;
  }

  .lg\:focus\:text-current:focus{
    color: currentColor !important;
  }

  .lg\:focus\:text-black:focus{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-white:focus{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-100:focus{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-200:focus{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-300:focus{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-400:focus{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-500:focus{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-600:focus{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-700:focus{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-800:focus{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-900:focus{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-red:focus{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-orange-100:focus{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-orange-200:focus{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-orange-300:focus{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-orange-400:focus{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-orange-500:focus{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-orange-600:focus{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-orange-700:focus{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-orange-800:focus{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-orange-900:focus{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-yellow-100:focus{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-yellow-200:focus{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-yellow-300:focus{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-yellow-400:focus{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-yellow-500:focus{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-yellow-600:focus{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-yellow-700:focus{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-yellow-800:focus{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-yellow-900:focus{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-green-100:focus{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-green-200:focus{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-green-300:focus{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-green-400:focus{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-green-500:focus{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-green-600:focus{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-green-700:focus{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-green-800:focus{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-green-900:focus{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-teal-100:focus{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-teal-200:focus{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-teal-300:focus{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-teal-400:focus{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-teal-500:focus{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-teal-600:focus{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-teal-700:focus{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-teal-800:focus{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-teal-900:focus{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-100:focus{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-200:focus{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-300:focus{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-400:focus{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-500:focus{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-600:focus{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-700:focus{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-800:focus{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-blue-900:focus{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-indigo-100:focus{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-indigo-200:focus{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-indigo-300:focus{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-indigo-400:focus{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-indigo-500:focus{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-indigo-600:focus{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-indigo-700:focus{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-indigo-800:focus{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-indigo-900:focus{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-purple-100:focus{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-purple-200:focus{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-purple-300:focus{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-purple-400:focus{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-purple-500:focus{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-purple-600:focus{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-purple-700:focus{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-purple-800:focus{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-purple-900:focus{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-pink-100:focus{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-pink-200:focus{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-pink-300:focus{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-pink-400:focus{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-pink-500:focus{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-pink-600:focus{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-pink-700:focus{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-pink-800:focus{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-pink-900:focus{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-primary-color:focus{
    color: var(--primary-color) !important;
  }

  .lg\:focus\:text-primary-hover-color:focus{
    color: var(--hover-color) !important;
  }

  .lg\:focus\:text-gray-body:focus{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-light:focus{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-333:focus{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-666:focus{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-888:focus{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-999:focus{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-icon:focus{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-features:focus{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-slide-border:focus{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-sale-color:focus{
    color: var(--primary-color) !important;
  }

  .lg\:focus\:text-hit-color:focus{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-new-color:focus{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-fb-hover-color:focus{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-fb-active-color:focus{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-vk-hover-color:focus{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-vk-active-color:focus{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-insta-hover-color:focus{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-insta-active-color:focus{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-dc:focus{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-cd:focus{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-gray-e7:focus{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-check-color:focus{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-docx-color:focus{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-dark-black:focus{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .lg\:focus\:text-green-light:focus{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .lg\:text-opacity-0{
    --text-opacity: 0 !important;
  }

  .lg\:text-opacity-25{
    --text-opacity: 0.25 !important;
  }

  .lg\:text-opacity-50{
    --text-opacity: 0.5 !important;
  }

  .lg\:text-opacity-75{
    --text-opacity: 0.75 !important;
  }

  .lg\:text-opacity-100{
    --text-opacity: 1 !important;
  }

  .lg\:hover\:text-opacity-0:hover{
    --text-opacity: 0 !important;
  }

  .lg\:hover\:text-opacity-25:hover{
    --text-opacity: 0.25 !important;
  }

  .lg\:hover\:text-opacity-50:hover{
    --text-opacity: 0.5 !important;
  }

  .lg\:hover\:text-opacity-75:hover{
    --text-opacity: 0.75 !important;
  }

  .lg\:hover\:text-opacity-100:hover{
    --text-opacity: 1 !important;
  }

  .lg\:focus\:text-opacity-0:focus{
    --text-opacity: 0 !important;
  }

  .lg\:focus\:text-opacity-25:focus{
    --text-opacity: 0.25 !important;
  }

  .lg\:focus\:text-opacity-50:focus{
    --text-opacity: 0.5 !important;
  }

  .lg\:focus\:text-opacity-75:focus{
    --text-opacity: 0.75 !important;
  }

  .lg\:focus\:text-opacity-100:focus{
    --text-opacity: 1 !important;
  }

  .lg\:italic{
    font-style: italic !important;
  }

  .lg\:not-italic{
    font-style: normal !important;
  }

  .lg\:uppercase{
    text-transform: uppercase !important;
  }

  .lg\:lowercase{
    text-transform: lowercase !important;
  }

  .lg\:capitalize{
    text-transform: capitalize !important;
  }

  .lg\:normal-case{
    text-transform: none !important;
  }

  .lg\:underline{
    text-decoration: underline !important;
  }

  .lg\:line-through{
    text-decoration: line-through !important;
  }

  .lg\:no-underline{
    text-decoration: none !important;
  }

  .lg\:hover\:underline:hover{
    text-decoration: underline !important;
  }

  .lg\:hover\:line-through:hover{
    text-decoration: line-through !important;
  }

  .lg\:hover\:no-underline:hover{
    text-decoration: none !important;
  }

  .lg\:focus\:underline:focus{
    text-decoration: underline !important;
  }

  .lg\:focus\:line-through:focus{
    text-decoration: line-through !important;
  }

  .lg\:focus\:no-underline:focus{
    text-decoration: none !important;
  }

  .lg\:antialiased{
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .lg\:subpixel-antialiased{
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
  }

  .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
  }

  .lg\:normal-nums{
    font-variant-numeric: normal !important;
  }

  .lg\:ordinal{
    --font-variant-numeric-ordinal: ordinal !important;
  }

  .lg\:slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero !important;
  }

  .lg\:lining-nums{
    --font-variant-numeric-figure: lining-nums !important;
  }

  .lg\:oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums !important;
  }

  .lg\:proportional-nums{
    --font-variant-numeric-spacing: proportional-nums !important;
  }

  .lg\:tabular-nums{
    --font-variant-numeric-spacing: tabular-nums !important;
  }

  .lg\:diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions !important;
  }

  .lg\:stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions !important;
  }

  .lg\:tracking-tighter{
    letter-spacing: -0.05em !important;
  }

  .lg\:tracking-tight{
    letter-spacing: -0.025em !important;
  }

  .lg\:tracking-normal{
    letter-spacing: 0 !important;
  }

  .lg\:tracking-wide{
    letter-spacing: 0.025em !important;
  }

  .lg\:tracking-wider{
    letter-spacing: 0.05em !important;
  }

  .lg\:tracking-widest{
    letter-spacing: 0.1em !important;
  }

  .lg\:select-none{
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
  }

  .lg\:select-text{
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
  }

  .lg\:select-all{
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
  }

  .lg\:select-auto{
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
  }

  .lg\:align-baseline{
    vertical-align: baseline !important;
  }

  .lg\:align-top{
    vertical-align: top !important;
  }

  .lg\:align-middle{
    vertical-align: middle !important;
  }

  .lg\:align-bottom{
    vertical-align: bottom !important;
  }

  .lg\:align-text-top{
    vertical-align: text-top !important;
  }

  .lg\:align-text-bottom{
    vertical-align: text-bottom !important;
  }

  .lg\:visible{
    visibility: visible !important;
  }

  .lg\:invisible{
    visibility: hidden !important;
  }

  .lg\:whitespace-normal{
    white-space: normal !important;
  }

  .lg\:whitespace-no-wrap{
    white-space: nowrap !important;
  }

  .lg\:whitespace-pre{
    white-space: pre !important;
  }

  .lg\:whitespace-pre-line{
    white-space: pre-line !important;
  }

  .lg\:whitespace-pre-wrap{
    white-space: pre-wrap !important;
  }

  .lg\:break-normal{
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .lg\:break-words{
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .lg\:break-all{
    word-break: break-all !important;
  }

  .lg\:truncate{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .lg\:w-0{
    width: 0 !important;
  }

  .lg\:w-1{
    width: 0.25rem !important;
  }

  .lg\:w-2{
    width: 0.5rem !important;
  }

  .lg\:w-3{
    width: 0.75rem !important;
  }

  .lg\:w-4{
    width: 1rem !important;
  }

  .lg\:w-5{
    width: 1.25rem !important;
  }

  .lg\:w-6{
    width: 1.5rem !important;
  }

  .lg\:w-8{
    width: 2rem !important;
  }

  .lg\:w-10{
    width: 2.5rem !important;
  }

  .lg\:w-12{
    width: 3rem !important;
  }

  .lg\:w-16{
    width: 4rem !important;
  }

  .lg\:w-20{
    width: 5rem !important;
  }

  .lg\:w-24{
    width: 6rem !important;
  }

  .lg\:w-28{
    width: 7rem !important;
  }

  .lg\:w-32{
    width: 8rem !important;
  }

  .lg\:w-40{
    width: 10rem !important;
  }

  .lg\:w-48{
    width: 12rem !important;
  }

  .lg\:w-56{
    width: 14rem !important;
  }

  .lg\:w-64{
    width: 16rem !important;
  }

  .lg\:w-auto{
    width: auto !important;
  }

  .lg\:w-px{
    width: 1px !important;
  }

  .lg\:w-2px{
    width: 2px !important;
  }

  .lg\:w-3px{
    width: 3px !important;
  }

  .lg\:w-5px{
    width: 5px !important;
  }

  .lg\:w-10px{
    width: 10px !important;
  }

  .lg\:w-15px{
    width: 15px !important;
  }

  .lg\:w-20px{
    width: 20px !important;
  }

  .lg\:w-25px{
    width: 25px !important;
  }

  .lg\:w-30px{
    width: 30px !important;
  }

  .lg\:w-36px{
    width: 36px !important;
  }

  .lg\:w-50px{
    width: 50px !important;
  }

  .lg\:w-60px{
    width: 60px !important;
  }

  .lg\:w-120px{
    width: 120px !important;
  }

  .lg\:w-1\/2{
    width: 50% !important;
  }

  .lg\:w-1\/3{
    width: 33.333333% !important;
  }

  .lg\:w-2\/3{
    width: 66.666667% !important;
  }

  .lg\:w-1\/4{
    width: 25% !important;
  }

  .lg\:w-2\/4{
    width: 50% !important;
  }

  .lg\:w-3\/4{
    width: 75% !important;
  }

  .lg\:w-1\/5{
    width: 20% !important;
  }

  .lg\:w-2\/5{
    width: 40% !important;
  }

  .lg\:w-3\/5{
    width: 60% !important;
  }

  .lg\:w-4\/5{
    width: 80% !important;
  }

  .lg\:w-1\/6{
    width: 16.666667% !important;
  }

  .lg\:w-2\/6{
    width: 33.333333% !important;
  }

  .lg\:w-3\/6{
    width: 50% !important;
  }

  .lg\:w-4\/6{
    width: 66.666667% !important;
  }

  .lg\:w-5\/6{
    width: 83.333333% !important;
  }

  .lg\:w-1\/12{
    width: 8.333333% !important;
  }

  .lg\:w-2\/12{
    width: 16.666667% !important;
  }

  .lg\:w-3\/12{
    width: 25% !important;
  }

  .lg\:w-4\/12{
    width: 33.333333% !important;
  }

  .lg\:w-5\/12{
    width: 41.666667% !important;
  }

  .lg\:w-6\/12{
    width: 50% !important;
  }

  .lg\:w-7\/12{
    width: 58.333333% !important;
  }

  .lg\:w-8\/12{
    width: 66.666667% !important;
  }

  .lg\:w-9\/12{
    width: 75% !important;
  }

  .lg\:w-10\/12{
    width: 83.333333% !important;
  }

  .lg\:w-11\/12{
    width: 91.666667% !important;
  }

  .lg\:w-full{
    width: 100% !important;
  }

  .lg\:w-screen{
    width: 100vw !important;
  }

  .lg\:z-0{
    z-index: 0 !important;
  }

  .lg\:z-3{
    z-index: 3 !important;
  }

  .lg\:z-10{
    z-index: 10 !important;
  }

  .lg\:z-15{
    z-index: 15 !important;
  }

  .lg\:z-20{
    z-index: 20 !important;
  }

  .lg\:z-30{
    z-index: 30 !important;
  }

  .lg\:z-40{
    z-index: 40 !important;
  }

  .lg\:z-50{
    z-index: 50 !important;
  }

  .lg\:z-auto{
    z-index: auto !important;
  }

  .lg\:gap-0{
    grid-gap: 0 !important;
    gap: 0 !important;
  }

  .lg\:gap-1{
    grid-gap: 0.25rem !important;
    gap: 0.25rem !important;
  }

  .lg\:gap-2{
    grid-gap: 0.5rem !important;
    gap: 0.5rem !important;
  }

  .lg\:gap-3{
    grid-gap: 0.75rem !important;
    gap: 0.75rem !important;
  }

  .lg\:gap-4{
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }

  .lg\:gap-5{
    grid-gap: 1.25rem !important;
    gap: 1.25rem !important;
  }

  .lg\:gap-6{
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important;
  }

  .lg\:gap-8{
    grid-gap: 2rem !important;
    gap: 2rem !important;
  }

  .lg\:gap-10{
    grid-gap: 2.5rem !important;
    gap: 2.5rem !important;
  }

  .lg\:gap-12{
    grid-gap: 3rem !important;
    gap: 3rem !important;
  }

  .lg\:gap-16{
    grid-gap: 4rem !important;
    gap: 4rem !important;
  }

  .lg\:gap-20{
    grid-gap: 5rem !important;
    gap: 5rem !important;
  }

  .lg\:gap-24{
    grid-gap: 6rem !important;
    gap: 6rem !important;
  }

  .lg\:gap-28{
    grid-gap: 7rem !important;
    gap: 7rem !important;
  }

  .lg\:gap-32{
    grid-gap: 8rem !important;
    gap: 8rem !important;
  }

  .lg\:gap-40{
    grid-gap: 10rem !important;
    gap: 10rem !important;
  }

  .lg\:gap-48{
    grid-gap: 12rem !important;
    gap: 12rem !important;
  }

  .lg\:gap-56{
    grid-gap: 14rem !important;
    gap: 14rem !important;
  }

  .lg\:gap-64{
    grid-gap: 16rem !important;
    gap: 16rem !important;
  }

  .lg\:gap-px{
    grid-gap: 1px !important;
    gap: 1px !important;
  }

  .lg\:gap-2px{
    grid-gap: 2px !important;
    gap: 2px !important;
  }

  .lg\:gap-3px{
    grid-gap: 3px !important;
    gap: 3px !important;
  }

  .lg\:gap-5px{
    grid-gap: 5px !important;
    gap: 5px !important;
  }

  .lg\:gap-10px{
    grid-gap: 10px !important;
    gap: 10px !important;
  }

  .lg\:gap-15px{
    grid-gap: 15px !important;
    gap: 15px !important;
  }

  .lg\:gap-20px{
    grid-gap: 20px !important;
    gap: 20px !important;
  }

  .lg\:gap-25px{
    grid-gap: 25px !important;
    gap: 25px !important;
  }

  .lg\:gap-30px{
    grid-gap: 30px !important;
    gap: 30px !important;
  }

  .lg\:gap-36px{
    grid-gap: 36px !important;
    gap: 36px !important;
  }

  .lg\:gap-50px{
    grid-gap: 50px !important;
    gap: 50px !important;
  }

  .lg\:gap-60px{
    grid-gap: 60px !important;
    gap: 60px !important;
  }

  .lg\:gap-120px{
    grid-gap: 120px !important;
    gap: 120px !important;
  }

  .lg\:col-gap-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .lg\:col-gap-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .lg\:col-gap-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .lg\:col-gap-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .lg\:col-gap-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .lg\:col-gap-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .lg\:col-gap-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .lg\:col-gap-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .lg\:col-gap-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .lg\:col-gap-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .lg\:col-gap-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .lg\:col-gap-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .lg\:col-gap-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .lg\:col-gap-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .lg\:col-gap-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .lg\:col-gap-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .lg\:col-gap-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .lg\:col-gap-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .lg\:col-gap-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .lg\:col-gap-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .lg\:col-gap-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .lg\:col-gap-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .lg\:col-gap-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .lg\:col-gap-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .lg\:col-gap-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .lg\:col-gap-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .lg\:col-gap-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .lg\:col-gap-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .lg\:col-gap-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .lg\:col-gap-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .lg\:col-gap-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .lg\:col-gap-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .lg\:gap-x-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .lg\:gap-x-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .lg\:gap-x-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .lg\:gap-x-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .lg\:gap-x-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .lg\:gap-x-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .lg\:gap-x-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .lg\:gap-x-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .lg\:gap-x-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .lg\:gap-x-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .lg\:gap-x-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .lg\:gap-x-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .lg\:gap-x-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .lg\:gap-x-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .lg\:gap-x-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .lg\:gap-x-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .lg\:gap-x-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .lg\:gap-x-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .lg\:gap-x-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .lg\:gap-x-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .lg\:gap-x-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .lg\:gap-x-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .lg\:gap-x-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .lg\:gap-x-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .lg\:gap-x-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .lg\:gap-x-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .lg\:gap-x-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .lg\:gap-x-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .lg\:gap-x-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .lg\:gap-x-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .lg\:gap-x-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .lg\:gap-x-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .lg\:row-gap-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .lg\:row-gap-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .lg\:row-gap-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .lg\:row-gap-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .lg\:row-gap-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .lg\:row-gap-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .lg\:row-gap-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .lg\:row-gap-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .lg\:row-gap-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .lg\:row-gap-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .lg\:row-gap-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .lg\:row-gap-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .lg\:row-gap-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .lg\:row-gap-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .lg\:row-gap-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .lg\:row-gap-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .lg\:row-gap-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .lg\:row-gap-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .lg\:row-gap-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .lg\:row-gap-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .lg\:row-gap-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .lg\:row-gap-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .lg\:row-gap-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .lg\:row-gap-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .lg\:row-gap-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .lg\:row-gap-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .lg\:row-gap-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .lg\:row-gap-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .lg\:row-gap-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .lg\:row-gap-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .lg\:row-gap-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .lg\:row-gap-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .lg\:gap-y-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .lg\:gap-y-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .lg\:gap-y-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .lg\:gap-y-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .lg\:gap-y-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .lg\:gap-y-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .lg\:gap-y-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .lg\:gap-y-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .lg\:gap-y-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .lg\:gap-y-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .lg\:gap-y-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .lg\:gap-y-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .lg\:gap-y-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .lg\:gap-y-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .lg\:gap-y-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .lg\:gap-y-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .lg\:gap-y-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .lg\:gap-y-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .lg\:gap-y-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .lg\:gap-y-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .lg\:gap-y-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .lg\:gap-y-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .lg\:gap-y-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .lg\:gap-y-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .lg\:gap-y-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .lg\:gap-y-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .lg\:gap-y-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .lg\:gap-y-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .lg\:gap-y-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .lg\:gap-y-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .lg\:gap-y-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .lg\:gap-y-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .lg\:grid-flow-row{
    grid-auto-flow: row !important;
  }

  .lg\:grid-flow-col{
    grid-auto-flow: column !important;
  }

  .lg\:grid-flow-row-dense{
    grid-auto-flow: row dense !important;
  }

  .lg\:grid-flow-col-dense{
    grid-auto-flow: column dense !important;
  }

  .lg\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-none{
    grid-template-columns: none !important;
  }

  .lg\:grid-cols-half-col{
    grid-template-columns: repeat(2, 1fr); !important;
  }

  .lg\:grid-cols-mix-col{
    grid-template-columns: calc(40% - 30px) 60% !important;
  }

  .lg\:grid-cols-mixInfo-col{
    grid-template-columns: calc(40% - 30px) calc(60% - 30px) !important;
  }

  .lg\:auto-cols-auto{
    grid-auto-columns: auto !important;
  }

  .lg\:auto-cols-min{
    grid-auto-columns: -webkit-min-content !important;
    grid-auto-columns: min-content !important;
  }

  .lg\:auto-cols-max{
    grid-auto-columns: -webkit-max-content !important;
    grid-auto-columns: max-content !important;
  }

  .lg\:auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr) !important;
  }

  .lg\:col-auto{
    grid-column: auto !important;
  }

  .lg\:col-span-1{
    grid-column: span 1 / span 1 !important;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }

  .lg\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }

  .lg\:col-span-4{
    grid-column: span 4 / span 4 !important;
  }

  .lg\:col-span-5{
    grid-column: span 5 / span 5 !important;
  }

  .lg\:col-span-6{
    grid-column: span 6 / span 6 !important;
  }

  .lg\:col-span-7{
    grid-column: span 7 / span 7 !important;
  }

  .lg\:col-span-8{
    grid-column: span 8 / span 8 !important;
  }

  .lg\:col-span-9{
    grid-column: span 9 / span 9 !important;
  }

  .lg\:col-span-10{
    grid-column: span 10 / span 10 !important;
  }

  .lg\:col-span-11{
    grid-column: span 11 / span 11 !important;
  }

  .lg\:col-span-12{
    grid-column: span 12 / span 12 !important;
  }

  .lg\:col-span-full{
    grid-column: 1 / -1 !important;
  }

  .lg\:col-start-1{
    grid-column-start: 1 !important;
  }

  .lg\:col-start-2{
    grid-column-start: 2 !important;
  }

  .lg\:col-start-3{
    grid-column-start: 3 !important;
  }

  .lg\:col-start-4{
    grid-column-start: 4 !important;
  }

  .lg\:col-start-5{
    grid-column-start: 5 !important;
  }

  .lg\:col-start-6{
    grid-column-start: 6 !important;
  }

  .lg\:col-start-7{
    grid-column-start: 7 !important;
  }

  .lg\:col-start-8{
    grid-column-start: 8 !important;
  }

  .lg\:col-start-9{
    grid-column-start: 9 !important;
  }

  .lg\:col-start-10{
    grid-column-start: 10 !important;
  }

  .lg\:col-start-11{
    grid-column-start: 11 !important;
  }

  .lg\:col-start-12{
    grid-column-start: 12 !important;
  }

  .lg\:col-start-13{
    grid-column-start: 13 !important;
  }

  .lg\:col-start-auto{
    grid-column-start: auto !important;
  }

  .lg\:col-end-1{
    grid-column-end: 1 !important;
  }

  .lg\:col-end-2{
    grid-column-end: 2 !important;
  }

  .lg\:col-end-3{
    grid-column-end: 3 !important;
  }

  .lg\:col-end-4{
    grid-column-end: 4 !important;
  }

  .lg\:col-end-5{
    grid-column-end: 5 !important;
  }

  .lg\:col-end-6{
    grid-column-end: 6 !important;
  }

  .lg\:col-end-7{
    grid-column-end: 7 !important;
  }

  .lg\:col-end-8{
    grid-column-end: 8 !important;
  }

  .lg\:col-end-9{
    grid-column-end: 9 !important;
  }

  .lg\:col-end-10{
    grid-column-end: 10 !important;
  }

  .lg\:col-end-11{
    grid-column-end: 11 !important;
  }

  .lg\:col-end-12{
    grid-column-end: 12 !important;
  }

  .lg\:col-end-13{
    grid-column-end: 13 !important;
  }

  .lg\:col-end-auto{
    grid-column-end: auto !important;
  }

  .lg\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }

  .lg\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  .lg\:grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }

  .lg\:grid-rows-4{
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }

  .lg\:grid-rows-5{
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }

  .lg\:grid-rows-6{
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }

  .lg\:grid-rows-none{
    grid-template-rows: none !important;
  }

  .lg\:grid-rows-mix-row{
    grid-template-rows: minmax(100px, auto) auto !important;
  }

  .lg\:auto-rows-auto{
    grid-auto-rows: auto !important;
  }

  .lg\:auto-rows-min{
    grid-auto-rows: -webkit-min-content !important;
    grid-auto-rows: min-content !important;
  }

  .lg\:auto-rows-max{
    grid-auto-rows: -webkit-max-content !important;
    grid-auto-rows: max-content !important;
  }

  .lg\:auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  .lg\:row-auto{
    grid-row: auto !important;
  }

  .lg\:row-span-1{
    grid-row: span 1 / span 1 !important;
  }

  .lg\:row-span-2{
    grid-row: span 2 / span 2 !important;
  }

  .lg\:row-span-3{
    grid-row: span 3 / span 3 !important;
  }

  .lg\:row-span-4{
    grid-row: span 4 / span 4 !important;
  }

  .lg\:row-span-5{
    grid-row: span 5 / span 5 !important;
  }

  .lg\:row-span-6{
    grid-row: span 6 / span 6 !important;
  }

  .lg\:row-span-full{
    grid-row: 1 / -1 !important;
  }

  .lg\:row-start-1{
    grid-row-start: 1 !important;
  }

  .lg\:row-start-2{
    grid-row-start: 2 !important;
  }

  .lg\:row-start-3{
    grid-row-start: 3 !important;
  }

  .lg\:row-start-4{
    grid-row-start: 4 !important;
  }

  .lg\:row-start-5{
    grid-row-start: 5 !important;
  }

  .lg\:row-start-6{
    grid-row-start: 6 !important;
  }

  .lg\:row-start-7{
    grid-row-start: 7 !important;
  }

  .lg\:row-start-auto{
    grid-row-start: auto !important;
  }

  .lg\:row-end-1{
    grid-row-end: 1 !important;
  }

  .lg\:row-end-2{
    grid-row-end: 2 !important;
  }

  .lg\:row-end-3{
    grid-row-end: 3 !important;
  }

  .lg\:row-end-4{
    grid-row-end: 4 !important;
  }

  .lg\:row-end-5{
    grid-row-end: 5 !important;
  }

  .lg\:row-end-6{
    grid-row-end: 6 !important;
  }

  .lg\:row-end-7{
    grid-row-end: 7 !important;
  }

  .lg\:row-end-auto{
    grid-row-end: auto !important;
  }

  .lg\:transform{
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
  }

  .lg\:transform-none{
    -webkit-transform: none !important;
    transform: none !important;
  }

  .lg\:origin-center{
    -webkit-transform-origin: center !important;
    transform-origin: center !important;
  }

  .lg\:origin-top{
    -webkit-transform-origin: top !important;
    transform-origin: top !important;
  }

  .lg\:origin-top-right{
    -webkit-transform-origin: top right !important;
    transform-origin: top right !important;
  }

  .lg\:origin-right{
    -webkit-transform-origin: right !important;
    transform-origin: right !important;
  }

  .lg\:origin-bottom-right{
    -webkit-transform-origin: bottom right !important;
    transform-origin: bottom right !important;
  }

  .lg\:origin-bottom{
    -webkit-transform-origin: bottom !important;
    transform-origin: bottom !important;
  }

  .lg\:origin-bottom-left{
    -webkit-transform-origin: bottom left !important;
    transform-origin: bottom left !important;
  }

  .lg\:origin-left{
    -webkit-transform-origin: left !important;
    transform-origin: left !important;
  }

  .lg\:origin-top-left{
    -webkit-transform-origin: top left !important;
    transform-origin: top left !important;
  }

  .lg\:scale-0{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .lg\:scale-50{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .lg\:scale-75{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .lg\:scale-90{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .lg\:scale-95{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .lg\:scale-100{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .lg\:scale-105{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .lg\:scale-110{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .lg\:scale-125{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .lg\:scale-150{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .lg\:scale-x-0{
    --transform-scale-x: 0 !important;
  }

  .lg\:scale-x-50{
    --transform-scale-x: .5 !important;
  }

  .lg\:scale-x-75{
    --transform-scale-x: .75 !important;
  }

  .lg\:scale-x-90{
    --transform-scale-x: .9 !important;
  }

  .lg\:scale-x-95{
    --transform-scale-x: .95 !important;
  }

  .lg\:scale-x-100{
    --transform-scale-x: 1 !important;
  }

  .lg\:scale-x-105{
    --transform-scale-x: 1.05 !important;
  }

  .lg\:scale-x-110{
    --transform-scale-x: 1.1 !important;
  }

  .lg\:scale-x-125{
    --transform-scale-x: 1.25 !important;
  }

  .lg\:scale-x-150{
    --transform-scale-x: 1.5 !important;
  }

  .lg\:scale-y-0{
    --transform-scale-y: 0 !important;
  }

  .lg\:scale-y-50{
    --transform-scale-y: .5 !important;
  }

  .lg\:scale-y-75{
    --transform-scale-y: .75 !important;
  }

  .lg\:scale-y-90{
    --transform-scale-y: .9 !important;
  }

  .lg\:scale-y-95{
    --transform-scale-y: .95 !important;
  }

  .lg\:scale-y-100{
    --transform-scale-y: 1 !important;
  }

  .lg\:scale-y-105{
    --transform-scale-y: 1.05 !important;
  }

  .lg\:scale-y-110{
    --transform-scale-y: 1.1 !important;
  }

  .lg\:scale-y-125{
    --transform-scale-y: 1.25 !important;
  }

  .lg\:scale-y-150{
    --transform-scale-y: 1.5 !important;
  }

  .lg\:hover\:scale-0:hover{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .lg\:hover\:scale-50:hover{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .lg\:hover\:scale-75:hover{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .lg\:hover\:scale-90:hover{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .lg\:hover\:scale-95:hover{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .lg\:hover\:scale-100:hover{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .lg\:hover\:scale-105:hover{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .lg\:hover\:scale-110:hover{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .lg\:hover\:scale-125:hover{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .lg\:hover\:scale-150:hover{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .lg\:hover\:scale-x-0:hover{
    --transform-scale-x: 0 !important;
  }

  .lg\:hover\:scale-x-50:hover{
    --transform-scale-x: .5 !important;
  }

  .lg\:hover\:scale-x-75:hover{
    --transform-scale-x: .75 !important;
  }

  .lg\:hover\:scale-x-90:hover{
    --transform-scale-x: .9 !important;
  }

  .lg\:hover\:scale-x-95:hover{
    --transform-scale-x: .95 !important;
  }

  .lg\:hover\:scale-x-100:hover{
    --transform-scale-x: 1 !important;
  }

  .lg\:hover\:scale-x-105:hover{
    --transform-scale-x: 1.05 !important;
  }

  .lg\:hover\:scale-x-110:hover{
    --transform-scale-x: 1.1 !important;
  }

  .lg\:hover\:scale-x-125:hover{
    --transform-scale-x: 1.25 !important;
  }

  .lg\:hover\:scale-x-150:hover{
    --transform-scale-x: 1.5 !important;
  }

  .lg\:hover\:scale-y-0:hover{
    --transform-scale-y: 0 !important;
  }

  .lg\:hover\:scale-y-50:hover{
    --transform-scale-y: .5 !important;
  }

  .lg\:hover\:scale-y-75:hover{
    --transform-scale-y: .75 !important;
  }

  .lg\:hover\:scale-y-90:hover{
    --transform-scale-y: .9 !important;
  }

  .lg\:hover\:scale-y-95:hover{
    --transform-scale-y: .95 !important;
  }

  .lg\:hover\:scale-y-100:hover{
    --transform-scale-y: 1 !important;
  }

  .lg\:hover\:scale-y-105:hover{
    --transform-scale-y: 1.05 !important;
  }

  .lg\:hover\:scale-y-110:hover{
    --transform-scale-y: 1.1 !important;
  }

  .lg\:hover\:scale-y-125:hover{
    --transform-scale-y: 1.25 !important;
  }

  .lg\:hover\:scale-y-150:hover{
    --transform-scale-y: 1.5 !important;
  }

  .lg\:focus\:scale-0:focus{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .lg\:focus\:scale-50:focus{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .lg\:focus\:scale-75:focus{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .lg\:focus\:scale-90:focus{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .lg\:focus\:scale-95:focus{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .lg\:focus\:scale-100:focus{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .lg\:focus\:scale-105:focus{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .lg\:focus\:scale-110:focus{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .lg\:focus\:scale-125:focus{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .lg\:focus\:scale-150:focus{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .lg\:focus\:scale-x-0:focus{
    --transform-scale-x: 0 !important;
  }

  .lg\:focus\:scale-x-50:focus{
    --transform-scale-x: .5 !important;
  }

  .lg\:focus\:scale-x-75:focus{
    --transform-scale-x: .75 !important;
  }

  .lg\:focus\:scale-x-90:focus{
    --transform-scale-x: .9 !important;
  }

  .lg\:focus\:scale-x-95:focus{
    --transform-scale-x: .95 !important;
  }

  .lg\:focus\:scale-x-100:focus{
    --transform-scale-x: 1 !important;
  }

  .lg\:focus\:scale-x-105:focus{
    --transform-scale-x: 1.05 !important;
  }

  .lg\:focus\:scale-x-110:focus{
    --transform-scale-x: 1.1 !important;
  }

  .lg\:focus\:scale-x-125:focus{
    --transform-scale-x: 1.25 !important;
  }

  .lg\:focus\:scale-x-150:focus{
    --transform-scale-x: 1.5 !important;
  }

  .lg\:focus\:scale-y-0:focus{
    --transform-scale-y: 0 !important;
  }

  .lg\:focus\:scale-y-50:focus{
    --transform-scale-y: .5 !important;
  }

  .lg\:focus\:scale-y-75:focus{
    --transform-scale-y: .75 !important;
  }

  .lg\:focus\:scale-y-90:focus{
    --transform-scale-y: .9 !important;
  }

  .lg\:focus\:scale-y-95:focus{
    --transform-scale-y: .95 !important;
  }

  .lg\:focus\:scale-y-100:focus{
    --transform-scale-y: 1 !important;
  }

  .lg\:focus\:scale-y-105:focus{
    --transform-scale-y: 1.05 !important;
  }

  .lg\:focus\:scale-y-110:focus{
    --transform-scale-y: 1.1 !important;
  }

  .lg\:focus\:scale-y-125:focus{
    --transform-scale-y: 1.25 !important;
  }

  .lg\:focus\:scale-y-150:focus{
    --transform-scale-y: 1.5 !important;
  }

  .lg\:rotate-0{
    --transform-rotate: 0 !important;
  }

  .lg\:rotate-1{
    --transform-rotate: 1deg !important;
  }

  .lg\:rotate-2{
    --transform-rotate: 2deg !important;
  }

  .lg\:rotate-3{
    --transform-rotate: 3deg !important;
  }

  .lg\:rotate-6{
    --transform-rotate: 6deg !important;
  }

  .lg\:rotate-12{
    --transform-rotate: 12deg !important;
  }

  .lg\:rotate-45{
    --transform-rotate: 45deg !important;
  }

  .lg\:rotate-90{
    --transform-rotate: 90deg !important;
  }

  .lg\:rotate-180{
    --transform-rotate: 180deg !important;
  }

  .lg\:-rotate-180{
    --transform-rotate: -180deg !important;
  }

  .lg\:-rotate-90{
    --transform-rotate: -90deg !important;
  }

  .lg\:-rotate-45{
    --transform-rotate: -45deg !important;
  }

  .lg\:-rotate-12{
    --transform-rotate: -12deg !important;
  }

  .lg\:-rotate-6{
    --transform-rotate: -6deg !important;
  }

  .lg\:-rotate-3{
    --transform-rotate: -3deg !important;
  }

  .lg\:-rotate-2{
    --transform-rotate: -2deg !important;
  }

  .lg\:-rotate-1{
    --transform-rotate: -1deg !important;
  }

  .lg\:hover\:rotate-0:hover{
    --transform-rotate: 0 !important;
  }

  .lg\:hover\:rotate-1:hover{
    --transform-rotate: 1deg !important;
  }

  .lg\:hover\:rotate-2:hover{
    --transform-rotate: 2deg !important;
  }

  .lg\:hover\:rotate-3:hover{
    --transform-rotate: 3deg !important;
  }

  .lg\:hover\:rotate-6:hover{
    --transform-rotate: 6deg !important;
  }

  .lg\:hover\:rotate-12:hover{
    --transform-rotate: 12deg !important;
  }

  .lg\:hover\:rotate-45:hover{
    --transform-rotate: 45deg !important;
  }

  .lg\:hover\:rotate-90:hover{
    --transform-rotate: 90deg !important;
  }

  .lg\:hover\:rotate-180:hover{
    --transform-rotate: 180deg !important;
  }

  .lg\:hover\:-rotate-180:hover{
    --transform-rotate: -180deg !important;
  }

  .lg\:hover\:-rotate-90:hover{
    --transform-rotate: -90deg !important;
  }

  .lg\:hover\:-rotate-45:hover{
    --transform-rotate: -45deg !important;
  }

  .lg\:hover\:-rotate-12:hover{
    --transform-rotate: -12deg !important;
  }

  .lg\:hover\:-rotate-6:hover{
    --transform-rotate: -6deg !important;
  }

  .lg\:hover\:-rotate-3:hover{
    --transform-rotate: -3deg !important;
  }

  .lg\:hover\:-rotate-2:hover{
    --transform-rotate: -2deg !important;
  }

  .lg\:hover\:-rotate-1:hover{
    --transform-rotate: -1deg !important;
  }

  .lg\:focus\:rotate-0:focus{
    --transform-rotate: 0 !important;
  }

  .lg\:focus\:rotate-1:focus{
    --transform-rotate: 1deg !important;
  }

  .lg\:focus\:rotate-2:focus{
    --transform-rotate: 2deg !important;
  }

  .lg\:focus\:rotate-3:focus{
    --transform-rotate: 3deg !important;
  }

  .lg\:focus\:rotate-6:focus{
    --transform-rotate: 6deg !important;
  }

  .lg\:focus\:rotate-12:focus{
    --transform-rotate: 12deg !important;
  }

  .lg\:focus\:rotate-45:focus{
    --transform-rotate: 45deg !important;
  }

  .lg\:focus\:rotate-90:focus{
    --transform-rotate: 90deg !important;
  }

  .lg\:focus\:rotate-180:focus{
    --transform-rotate: 180deg !important;
  }

  .lg\:focus\:-rotate-180:focus{
    --transform-rotate: -180deg !important;
  }

  .lg\:focus\:-rotate-90:focus{
    --transform-rotate: -90deg !important;
  }

  .lg\:focus\:-rotate-45:focus{
    --transform-rotate: -45deg !important;
  }

  .lg\:focus\:-rotate-12:focus{
    --transform-rotate: -12deg !important;
  }

  .lg\:focus\:-rotate-6:focus{
    --transform-rotate: -6deg !important;
  }

  .lg\:focus\:-rotate-3:focus{
    --transform-rotate: -3deg !important;
  }

  .lg\:focus\:-rotate-2:focus{
    --transform-rotate: -2deg !important;
  }

  .lg\:focus\:-rotate-1:focus{
    --transform-rotate: -1deg !important;
  }

  .lg\:translate-x-0{
    --transform-translate-x: 0 !important;
  }

  .lg\:translate-x-1{
    --transform-translate-x: 0.25rem !important;
  }

  .lg\:translate-x-2{
    --transform-translate-x: 0.5rem !important;
  }

  .lg\:translate-x-3{
    --transform-translate-x: 0.75rem !important;
  }

  .lg\:translate-x-4{
    --transform-translate-x: 1rem !important;
  }

  .lg\:translate-x-5{
    --transform-translate-x: 1.25rem !important;
  }

  .lg\:translate-x-6{
    --transform-translate-x: 1.5rem !important;
  }

  .lg\:translate-x-8{
    --transform-translate-x: 2rem !important;
  }

  .lg\:translate-x-10{
    --transform-translate-x: 2.5rem !important;
  }

  .lg\:translate-x-12{
    --transform-translate-x: 3rem !important;
  }

  .lg\:translate-x-16{
    --transform-translate-x: 4rem !important;
  }

  .lg\:translate-x-20{
    --transform-translate-x: 5rem !important;
  }

  .lg\:translate-x-24{
    --transform-translate-x: 6rem !important;
  }

  .lg\:translate-x-28{
    --transform-translate-x: 7rem !important;
  }

  .lg\:translate-x-32{
    --transform-translate-x: 8rem !important;
  }

  .lg\:translate-x-40{
    --transform-translate-x: 10rem !important;
  }

  .lg\:translate-x-48{
    --transform-translate-x: 12rem !important;
  }

  .lg\:translate-x-56{
    --transform-translate-x: 14rem !important;
  }

  .lg\:translate-x-64{
    --transform-translate-x: 16rem !important;
  }

  .lg\:translate-x-px{
    --transform-translate-x: 1px !important;
  }

  .lg\:translate-x-2px{
    --transform-translate-x: 2px !important;
  }

  .lg\:translate-x-3px{
    --transform-translate-x: 3px !important;
  }

  .lg\:translate-x-5px{
    --transform-translate-x: 5px !important;
  }

  .lg\:translate-x-10px{
    --transform-translate-x: 10px !important;
  }

  .lg\:translate-x-15px{
    --transform-translate-x: 15px !important;
  }

  .lg\:translate-x-20px{
    --transform-translate-x: 20px !important;
  }

  .lg\:translate-x-25px{
    --transform-translate-x: 25px !important;
  }

  .lg\:translate-x-30px{
    --transform-translate-x: 30px !important;
  }

  .lg\:translate-x-36px{
    --transform-translate-x: 36px !important;
  }

  .lg\:translate-x-50px{
    --transform-translate-x: 50px !important;
  }

  .lg\:translate-x-60px{
    --transform-translate-x: 60px !important;
  }

  .lg\:translate-x-120px{
    --transform-translate-x: 120px !important;
  }

  .lg\:-translate-x-1{
    --transform-translate-x: -0.25rem !important;
  }

  .lg\:-translate-x-2{
    --transform-translate-x: -0.5rem !important;
  }

  .lg\:-translate-x-3{
    --transform-translate-x: -0.75rem !important;
  }

  .lg\:-translate-x-4{
    --transform-translate-x: -1rem !important;
  }

  .lg\:-translate-x-5{
    --transform-translate-x: -1.25rem !important;
  }

  .lg\:-translate-x-6{
    --transform-translate-x: -1.5rem !important;
  }

  .lg\:-translate-x-8{
    --transform-translate-x: -2rem !important;
  }

  .lg\:-translate-x-10{
    --transform-translate-x: -2.5rem !important;
  }

  .lg\:-translate-x-12{
    --transform-translate-x: -3rem !important;
  }

  .lg\:-translate-x-16{
    --transform-translate-x: -4rem !important;
  }

  .lg\:-translate-x-20{
    --transform-translate-x: -5rem !important;
  }

  .lg\:-translate-x-24{
    --transform-translate-x: -6rem !important;
  }

  .lg\:-translate-x-28{
    --transform-translate-x: -7rem !important;
  }

  .lg\:-translate-x-32{
    --transform-translate-x: -8rem !important;
  }

  .lg\:-translate-x-40{
    --transform-translate-x: -10rem !important;
  }

  .lg\:-translate-x-48{
    --transform-translate-x: -12rem !important;
  }

  .lg\:-translate-x-56{
    --transform-translate-x: -14rem !important;
  }

  .lg\:-translate-x-64{
    --transform-translate-x: -16rem !important;
  }

  .lg\:-translate-x-px{
    --transform-translate-x: -1px !important;
  }

  .lg\:-translate-x-2px{
    --transform-translate-x: -2px !important;
  }

  .lg\:-translate-x-3px{
    --transform-translate-x: -3px !important;
  }

  .lg\:-translate-x-5px{
    --transform-translate-x: -5px !important;
  }

  .lg\:-translate-x-10px{
    --transform-translate-x: -10px !important;
  }

  .lg\:-translate-x-15px{
    --transform-translate-x: -15px !important;
  }

  .lg\:-translate-x-20px{
    --transform-translate-x: -20px !important;
  }

  .lg\:-translate-x-25px{
    --transform-translate-x: -25px !important;
  }

  .lg\:-translate-x-30px{
    --transform-translate-x: -30px !important;
  }

  .lg\:-translate-x-36px{
    --transform-translate-x: -36px !important;
  }

  .lg\:-translate-x-50px{
    --transform-translate-x: -50px !important;
  }

  .lg\:-translate-x-60px{
    --transform-translate-x: -60px !important;
  }

  .lg\:-translate-x-120px{
    --transform-translate-x: -120px !important;
  }

  .lg\:-translate-x-full{
    --transform-translate-x: -100% !important;
  }

  .lg\:-translate-x-1\/2{
    --transform-translate-x: -50% !important;
  }

  .lg\:translate-x-1\/2{
    --transform-translate-x: 50% !important;
  }

  .lg\:translate-x-full{
    --transform-translate-x: 100% !important;
  }

  .lg\:translate-y-0{
    --transform-translate-y: 0 !important;
  }

  .lg\:translate-y-1{
    --transform-translate-y: 0.25rem !important;
  }

  .lg\:translate-y-2{
    --transform-translate-y: 0.5rem !important;
  }

  .lg\:translate-y-3{
    --transform-translate-y: 0.75rem !important;
  }

  .lg\:translate-y-4{
    --transform-translate-y: 1rem !important;
  }

  .lg\:translate-y-5{
    --transform-translate-y: 1.25rem !important;
  }

  .lg\:translate-y-6{
    --transform-translate-y: 1.5rem !important;
  }

  .lg\:translate-y-8{
    --transform-translate-y: 2rem !important;
  }

  .lg\:translate-y-10{
    --transform-translate-y: 2.5rem !important;
  }

  .lg\:translate-y-12{
    --transform-translate-y: 3rem !important;
  }

  .lg\:translate-y-16{
    --transform-translate-y: 4rem !important;
  }

  .lg\:translate-y-20{
    --transform-translate-y: 5rem !important;
  }

  .lg\:translate-y-24{
    --transform-translate-y: 6rem !important;
  }

  .lg\:translate-y-28{
    --transform-translate-y: 7rem !important;
  }

  .lg\:translate-y-32{
    --transform-translate-y: 8rem !important;
  }

  .lg\:translate-y-40{
    --transform-translate-y: 10rem !important;
  }

  .lg\:translate-y-48{
    --transform-translate-y: 12rem !important;
  }

  .lg\:translate-y-56{
    --transform-translate-y: 14rem !important;
  }

  .lg\:translate-y-64{
    --transform-translate-y: 16rem !important;
  }

  .lg\:translate-y-px{
    --transform-translate-y: 1px !important;
  }

  .lg\:translate-y-2px{
    --transform-translate-y: 2px !important;
  }

  .lg\:translate-y-3px{
    --transform-translate-y: 3px !important;
  }

  .lg\:translate-y-5px{
    --transform-translate-y: 5px !important;
  }

  .lg\:translate-y-10px{
    --transform-translate-y: 10px !important;
  }

  .lg\:translate-y-15px{
    --transform-translate-y: 15px !important;
  }

  .lg\:translate-y-20px{
    --transform-translate-y: 20px !important;
  }

  .lg\:translate-y-25px{
    --transform-translate-y: 25px !important;
  }

  .lg\:translate-y-30px{
    --transform-translate-y: 30px !important;
  }

  .lg\:translate-y-36px{
    --transform-translate-y: 36px !important;
  }

  .lg\:translate-y-50px{
    --transform-translate-y: 50px !important;
  }

  .lg\:translate-y-60px{
    --transform-translate-y: 60px !important;
  }

  .lg\:translate-y-120px{
    --transform-translate-y: 120px !important;
  }

  .lg\:-translate-y-1{
    --transform-translate-y: -0.25rem !important;
  }

  .lg\:-translate-y-2{
    --transform-translate-y: -0.5rem !important;
  }

  .lg\:-translate-y-3{
    --transform-translate-y: -0.75rem !important;
  }

  .lg\:-translate-y-4{
    --transform-translate-y: -1rem !important;
  }

  .lg\:-translate-y-5{
    --transform-translate-y: -1.25rem !important;
  }

  .lg\:-translate-y-6{
    --transform-translate-y: -1.5rem !important;
  }

  .lg\:-translate-y-8{
    --transform-translate-y: -2rem !important;
  }

  .lg\:-translate-y-10{
    --transform-translate-y: -2.5rem !important;
  }

  .lg\:-translate-y-12{
    --transform-translate-y: -3rem !important;
  }

  .lg\:-translate-y-16{
    --transform-translate-y: -4rem !important;
  }

  .lg\:-translate-y-20{
    --transform-translate-y: -5rem !important;
  }

  .lg\:-translate-y-24{
    --transform-translate-y: -6rem !important;
  }

  .lg\:-translate-y-28{
    --transform-translate-y: -7rem !important;
  }

  .lg\:-translate-y-32{
    --transform-translate-y: -8rem !important;
  }

  .lg\:-translate-y-40{
    --transform-translate-y: -10rem !important;
  }

  .lg\:-translate-y-48{
    --transform-translate-y: -12rem !important;
  }

  .lg\:-translate-y-56{
    --transform-translate-y: -14rem !important;
  }

  .lg\:-translate-y-64{
    --transform-translate-y: -16rem !important;
  }

  .lg\:-translate-y-px{
    --transform-translate-y: -1px !important;
  }

  .lg\:-translate-y-2px{
    --transform-translate-y: -2px !important;
  }

  .lg\:-translate-y-3px{
    --transform-translate-y: -3px !important;
  }

  .lg\:-translate-y-5px{
    --transform-translate-y: -5px !important;
  }

  .lg\:-translate-y-10px{
    --transform-translate-y: -10px !important;
  }

  .lg\:-translate-y-15px{
    --transform-translate-y: -15px !important;
  }

  .lg\:-translate-y-20px{
    --transform-translate-y: -20px !important;
  }

  .lg\:-translate-y-25px{
    --transform-translate-y: -25px !important;
  }

  .lg\:-translate-y-30px{
    --transform-translate-y: -30px !important;
  }

  .lg\:-translate-y-36px{
    --transform-translate-y: -36px !important;
  }

  .lg\:-translate-y-50px{
    --transform-translate-y: -50px !important;
  }

  .lg\:-translate-y-60px{
    --transform-translate-y: -60px !important;
  }

  .lg\:-translate-y-120px{
    --transform-translate-y: -120px !important;
  }

  .lg\:-translate-y-full{
    --transform-translate-y: -100% !important;
  }

  .lg\:-translate-y-1\/2{
    --transform-translate-y: -50% !important;
  }

  .lg\:translate-y-1\/2{
    --transform-translate-y: 50% !important;
  }

  .lg\:translate-y-full{
    --transform-translate-y: 100% !important;
  }

  .lg\:hover\:translate-x-0:hover{
    --transform-translate-x: 0 !important;
  }

  .lg\:hover\:translate-x-1:hover{
    --transform-translate-x: 0.25rem !important;
  }

  .lg\:hover\:translate-x-2:hover{
    --transform-translate-x: 0.5rem !important;
  }

  .lg\:hover\:translate-x-3:hover{
    --transform-translate-x: 0.75rem !important;
  }

  .lg\:hover\:translate-x-4:hover{
    --transform-translate-x: 1rem !important;
  }

  .lg\:hover\:translate-x-5:hover{
    --transform-translate-x: 1.25rem !important;
  }

  .lg\:hover\:translate-x-6:hover{
    --transform-translate-x: 1.5rem !important;
  }

  .lg\:hover\:translate-x-8:hover{
    --transform-translate-x: 2rem !important;
  }

  .lg\:hover\:translate-x-10:hover{
    --transform-translate-x: 2.5rem !important;
  }

  .lg\:hover\:translate-x-12:hover{
    --transform-translate-x: 3rem !important;
  }

  .lg\:hover\:translate-x-16:hover{
    --transform-translate-x: 4rem !important;
  }

  .lg\:hover\:translate-x-20:hover{
    --transform-translate-x: 5rem !important;
  }

  .lg\:hover\:translate-x-24:hover{
    --transform-translate-x: 6rem !important;
  }

  .lg\:hover\:translate-x-28:hover{
    --transform-translate-x: 7rem !important;
  }

  .lg\:hover\:translate-x-32:hover{
    --transform-translate-x: 8rem !important;
  }

  .lg\:hover\:translate-x-40:hover{
    --transform-translate-x: 10rem !important;
  }

  .lg\:hover\:translate-x-48:hover{
    --transform-translate-x: 12rem !important;
  }

  .lg\:hover\:translate-x-56:hover{
    --transform-translate-x: 14rem !important;
  }

  .lg\:hover\:translate-x-64:hover{
    --transform-translate-x: 16rem !important;
  }

  .lg\:hover\:translate-x-px:hover{
    --transform-translate-x: 1px !important;
  }

  .lg\:hover\:translate-x-2px:hover{
    --transform-translate-x: 2px !important;
  }

  .lg\:hover\:translate-x-3px:hover{
    --transform-translate-x: 3px !important;
  }

  .lg\:hover\:translate-x-5px:hover{
    --transform-translate-x: 5px !important;
  }

  .lg\:hover\:translate-x-10px:hover{
    --transform-translate-x: 10px !important;
  }

  .lg\:hover\:translate-x-15px:hover{
    --transform-translate-x: 15px !important;
  }

  .lg\:hover\:translate-x-20px:hover{
    --transform-translate-x: 20px !important;
  }

  .lg\:hover\:translate-x-25px:hover{
    --transform-translate-x: 25px !important;
  }

  .lg\:hover\:translate-x-30px:hover{
    --transform-translate-x: 30px !important;
  }

  .lg\:hover\:translate-x-36px:hover{
    --transform-translate-x: 36px !important;
  }

  .lg\:hover\:translate-x-50px:hover{
    --transform-translate-x: 50px !important;
  }

  .lg\:hover\:translate-x-60px:hover{
    --transform-translate-x: 60px !important;
  }

  .lg\:hover\:translate-x-120px:hover{
    --transform-translate-x: 120px !important;
  }

  .lg\:hover\:-translate-x-1:hover{
    --transform-translate-x: -0.25rem !important;
  }

  .lg\:hover\:-translate-x-2:hover{
    --transform-translate-x: -0.5rem !important;
  }

  .lg\:hover\:-translate-x-3:hover{
    --transform-translate-x: -0.75rem !important;
  }

  .lg\:hover\:-translate-x-4:hover{
    --transform-translate-x: -1rem !important;
  }

  .lg\:hover\:-translate-x-5:hover{
    --transform-translate-x: -1.25rem !important;
  }

  .lg\:hover\:-translate-x-6:hover{
    --transform-translate-x: -1.5rem !important;
  }

  .lg\:hover\:-translate-x-8:hover{
    --transform-translate-x: -2rem !important;
  }

  .lg\:hover\:-translate-x-10:hover{
    --transform-translate-x: -2.5rem !important;
  }

  .lg\:hover\:-translate-x-12:hover{
    --transform-translate-x: -3rem !important;
  }

  .lg\:hover\:-translate-x-16:hover{
    --transform-translate-x: -4rem !important;
  }

  .lg\:hover\:-translate-x-20:hover{
    --transform-translate-x: -5rem !important;
  }

  .lg\:hover\:-translate-x-24:hover{
    --transform-translate-x: -6rem !important;
  }

  .lg\:hover\:-translate-x-28:hover{
    --transform-translate-x: -7rem !important;
  }

  .lg\:hover\:-translate-x-32:hover{
    --transform-translate-x: -8rem !important;
  }

  .lg\:hover\:-translate-x-40:hover{
    --transform-translate-x: -10rem !important;
  }

  .lg\:hover\:-translate-x-48:hover{
    --transform-translate-x: -12rem !important;
  }

  .lg\:hover\:-translate-x-56:hover{
    --transform-translate-x: -14rem !important;
  }

  .lg\:hover\:-translate-x-64:hover{
    --transform-translate-x: -16rem !important;
  }

  .lg\:hover\:-translate-x-px:hover{
    --transform-translate-x: -1px !important;
  }

  .lg\:hover\:-translate-x-2px:hover{
    --transform-translate-x: -2px !important;
  }

  .lg\:hover\:-translate-x-3px:hover{
    --transform-translate-x: -3px !important;
  }

  .lg\:hover\:-translate-x-5px:hover{
    --transform-translate-x: -5px !important;
  }

  .lg\:hover\:-translate-x-10px:hover{
    --transform-translate-x: -10px !important;
  }

  .lg\:hover\:-translate-x-15px:hover{
    --transform-translate-x: -15px !important;
  }

  .lg\:hover\:-translate-x-20px:hover{
    --transform-translate-x: -20px !important;
  }

  .lg\:hover\:-translate-x-25px:hover{
    --transform-translate-x: -25px !important;
  }

  .lg\:hover\:-translate-x-30px:hover{
    --transform-translate-x: -30px !important;
  }

  .lg\:hover\:-translate-x-36px:hover{
    --transform-translate-x: -36px !important;
  }

  .lg\:hover\:-translate-x-50px:hover{
    --transform-translate-x: -50px !important;
  }

  .lg\:hover\:-translate-x-60px:hover{
    --transform-translate-x: -60px !important;
  }

  .lg\:hover\:-translate-x-120px:hover{
    --transform-translate-x: -120px !important;
  }

  .lg\:hover\:-translate-x-full:hover{
    --transform-translate-x: -100% !important;
  }

  .lg\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x: -50% !important;
  }

  .lg\:hover\:translate-x-1\/2:hover{
    --transform-translate-x: 50% !important;
  }

  .lg\:hover\:translate-x-full:hover{
    --transform-translate-x: 100% !important;
  }

  .lg\:hover\:translate-y-0:hover{
    --transform-translate-y: 0 !important;
  }

  .lg\:hover\:translate-y-1:hover{
    --transform-translate-y: 0.25rem !important;
  }

  .lg\:hover\:translate-y-2:hover{
    --transform-translate-y: 0.5rem !important;
  }

  .lg\:hover\:translate-y-3:hover{
    --transform-translate-y: 0.75rem !important;
  }

  .lg\:hover\:translate-y-4:hover{
    --transform-translate-y: 1rem !important;
  }

  .lg\:hover\:translate-y-5:hover{
    --transform-translate-y: 1.25rem !important;
  }

  .lg\:hover\:translate-y-6:hover{
    --transform-translate-y: 1.5rem !important;
  }

  .lg\:hover\:translate-y-8:hover{
    --transform-translate-y: 2rem !important;
  }

  .lg\:hover\:translate-y-10:hover{
    --transform-translate-y: 2.5rem !important;
  }

  .lg\:hover\:translate-y-12:hover{
    --transform-translate-y: 3rem !important;
  }

  .lg\:hover\:translate-y-16:hover{
    --transform-translate-y: 4rem !important;
  }

  .lg\:hover\:translate-y-20:hover{
    --transform-translate-y: 5rem !important;
  }

  .lg\:hover\:translate-y-24:hover{
    --transform-translate-y: 6rem !important;
  }

  .lg\:hover\:translate-y-28:hover{
    --transform-translate-y: 7rem !important;
  }

  .lg\:hover\:translate-y-32:hover{
    --transform-translate-y: 8rem !important;
  }

  .lg\:hover\:translate-y-40:hover{
    --transform-translate-y: 10rem !important;
  }

  .lg\:hover\:translate-y-48:hover{
    --transform-translate-y: 12rem !important;
  }

  .lg\:hover\:translate-y-56:hover{
    --transform-translate-y: 14rem !important;
  }

  .lg\:hover\:translate-y-64:hover{
    --transform-translate-y: 16rem !important;
  }

  .lg\:hover\:translate-y-px:hover{
    --transform-translate-y: 1px !important;
  }

  .lg\:hover\:translate-y-2px:hover{
    --transform-translate-y: 2px !important;
  }

  .lg\:hover\:translate-y-3px:hover{
    --transform-translate-y: 3px !important;
  }

  .lg\:hover\:translate-y-5px:hover{
    --transform-translate-y: 5px !important;
  }

  .lg\:hover\:translate-y-10px:hover{
    --transform-translate-y: 10px !important;
  }

  .lg\:hover\:translate-y-15px:hover{
    --transform-translate-y: 15px !important;
  }

  .lg\:hover\:translate-y-20px:hover{
    --transform-translate-y: 20px !important;
  }

  .lg\:hover\:translate-y-25px:hover{
    --transform-translate-y: 25px !important;
  }

  .lg\:hover\:translate-y-30px:hover{
    --transform-translate-y: 30px !important;
  }

  .lg\:hover\:translate-y-36px:hover{
    --transform-translate-y: 36px !important;
  }

  .lg\:hover\:translate-y-50px:hover{
    --transform-translate-y: 50px !important;
  }

  .lg\:hover\:translate-y-60px:hover{
    --transform-translate-y: 60px !important;
  }

  .lg\:hover\:translate-y-120px:hover{
    --transform-translate-y: 120px !important;
  }

  .lg\:hover\:-translate-y-1:hover{
    --transform-translate-y: -0.25rem !important;
  }

  .lg\:hover\:-translate-y-2:hover{
    --transform-translate-y: -0.5rem !important;
  }

  .lg\:hover\:-translate-y-3:hover{
    --transform-translate-y: -0.75rem !important;
  }

  .lg\:hover\:-translate-y-4:hover{
    --transform-translate-y: -1rem !important;
  }

  .lg\:hover\:-translate-y-5:hover{
    --transform-translate-y: -1.25rem !important;
  }

  .lg\:hover\:-translate-y-6:hover{
    --transform-translate-y: -1.5rem !important;
  }

  .lg\:hover\:-translate-y-8:hover{
    --transform-translate-y: -2rem !important;
  }

  .lg\:hover\:-translate-y-10:hover{
    --transform-translate-y: -2.5rem !important;
  }

  .lg\:hover\:-translate-y-12:hover{
    --transform-translate-y: -3rem !important;
  }

  .lg\:hover\:-translate-y-16:hover{
    --transform-translate-y: -4rem !important;
  }

  .lg\:hover\:-translate-y-20:hover{
    --transform-translate-y: -5rem !important;
  }

  .lg\:hover\:-translate-y-24:hover{
    --transform-translate-y: -6rem !important;
  }

  .lg\:hover\:-translate-y-28:hover{
    --transform-translate-y: -7rem !important;
  }

  .lg\:hover\:-translate-y-32:hover{
    --transform-translate-y: -8rem !important;
  }

  .lg\:hover\:-translate-y-40:hover{
    --transform-translate-y: -10rem !important;
  }

  .lg\:hover\:-translate-y-48:hover{
    --transform-translate-y: -12rem !important;
  }

  .lg\:hover\:-translate-y-56:hover{
    --transform-translate-y: -14rem !important;
  }

  .lg\:hover\:-translate-y-64:hover{
    --transform-translate-y: -16rem !important;
  }

  .lg\:hover\:-translate-y-px:hover{
    --transform-translate-y: -1px !important;
  }

  .lg\:hover\:-translate-y-2px:hover{
    --transform-translate-y: -2px !important;
  }

  .lg\:hover\:-translate-y-3px:hover{
    --transform-translate-y: -3px !important;
  }

  .lg\:hover\:-translate-y-5px:hover{
    --transform-translate-y: -5px !important;
  }

  .lg\:hover\:-translate-y-10px:hover{
    --transform-translate-y: -10px !important;
  }

  .lg\:hover\:-translate-y-15px:hover{
    --transform-translate-y: -15px !important;
  }

  .lg\:hover\:-translate-y-20px:hover{
    --transform-translate-y: -20px !important;
  }

  .lg\:hover\:-translate-y-25px:hover{
    --transform-translate-y: -25px !important;
  }

  .lg\:hover\:-translate-y-30px:hover{
    --transform-translate-y: -30px !important;
  }

  .lg\:hover\:-translate-y-36px:hover{
    --transform-translate-y: -36px !important;
  }

  .lg\:hover\:-translate-y-50px:hover{
    --transform-translate-y: -50px !important;
  }

  .lg\:hover\:-translate-y-60px:hover{
    --transform-translate-y: -60px !important;
  }

  .lg\:hover\:-translate-y-120px:hover{
    --transform-translate-y: -120px !important;
  }

  .lg\:hover\:-translate-y-full:hover{
    --transform-translate-y: -100% !important;
  }

  .lg\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y: -50% !important;
  }

  .lg\:hover\:translate-y-1\/2:hover{
    --transform-translate-y: 50% !important;
  }

  .lg\:hover\:translate-y-full:hover{
    --transform-translate-y: 100% !important;
  }

  .lg\:focus\:translate-x-0:focus{
    --transform-translate-x: 0 !important;
  }

  .lg\:focus\:translate-x-1:focus{
    --transform-translate-x: 0.25rem !important;
  }

  .lg\:focus\:translate-x-2:focus{
    --transform-translate-x: 0.5rem !important;
  }

  .lg\:focus\:translate-x-3:focus{
    --transform-translate-x: 0.75rem !important;
  }

  .lg\:focus\:translate-x-4:focus{
    --transform-translate-x: 1rem !important;
  }

  .lg\:focus\:translate-x-5:focus{
    --transform-translate-x: 1.25rem !important;
  }

  .lg\:focus\:translate-x-6:focus{
    --transform-translate-x: 1.5rem !important;
  }

  .lg\:focus\:translate-x-8:focus{
    --transform-translate-x: 2rem !important;
  }

  .lg\:focus\:translate-x-10:focus{
    --transform-translate-x: 2.5rem !important;
  }

  .lg\:focus\:translate-x-12:focus{
    --transform-translate-x: 3rem !important;
  }

  .lg\:focus\:translate-x-16:focus{
    --transform-translate-x: 4rem !important;
  }

  .lg\:focus\:translate-x-20:focus{
    --transform-translate-x: 5rem !important;
  }

  .lg\:focus\:translate-x-24:focus{
    --transform-translate-x: 6rem !important;
  }

  .lg\:focus\:translate-x-28:focus{
    --transform-translate-x: 7rem !important;
  }

  .lg\:focus\:translate-x-32:focus{
    --transform-translate-x: 8rem !important;
  }

  .lg\:focus\:translate-x-40:focus{
    --transform-translate-x: 10rem !important;
  }

  .lg\:focus\:translate-x-48:focus{
    --transform-translate-x: 12rem !important;
  }

  .lg\:focus\:translate-x-56:focus{
    --transform-translate-x: 14rem !important;
  }

  .lg\:focus\:translate-x-64:focus{
    --transform-translate-x: 16rem !important;
  }

  .lg\:focus\:translate-x-px:focus{
    --transform-translate-x: 1px !important;
  }

  .lg\:focus\:translate-x-2px:focus{
    --transform-translate-x: 2px !important;
  }

  .lg\:focus\:translate-x-3px:focus{
    --transform-translate-x: 3px !important;
  }

  .lg\:focus\:translate-x-5px:focus{
    --transform-translate-x: 5px !important;
  }

  .lg\:focus\:translate-x-10px:focus{
    --transform-translate-x: 10px !important;
  }

  .lg\:focus\:translate-x-15px:focus{
    --transform-translate-x: 15px !important;
  }

  .lg\:focus\:translate-x-20px:focus{
    --transform-translate-x: 20px !important;
  }

  .lg\:focus\:translate-x-25px:focus{
    --transform-translate-x: 25px !important;
  }

  .lg\:focus\:translate-x-30px:focus{
    --transform-translate-x: 30px !important;
  }

  .lg\:focus\:translate-x-36px:focus{
    --transform-translate-x: 36px !important;
  }

  .lg\:focus\:translate-x-50px:focus{
    --transform-translate-x: 50px !important;
  }

  .lg\:focus\:translate-x-60px:focus{
    --transform-translate-x: 60px !important;
  }

  .lg\:focus\:translate-x-120px:focus{
    --transform-translate-x: 120px !important;
  }

  .lg\:focus\:-translate-x-1:focus{
    --transform-translate-x: -0.25rem !important;
  }

  .lg\:focus\:-translate-x-2:focus{
    --transform-translate-x: -0.5rem !important;
  }

  .lg\:focus\:-translate-x-3:focus{
    --transform-translate-x: -0.75rem !important;
  }

  .lg\:focus\:-translate-x-4:focus{
    --transform-translate-x: -1rem !important;
  }

  .lg\:focus\:-translate-x-5:focus{
    --transform-translate-x: -1.25rem !important;
  }

  .lg\:focus\:-translate-x-6:focus{
    --transform-translate-x: -1.5rem !important;
  }

  .lg\:focus\:-translate-x-8:focus{
    --transform-translate-x: -2rem !important;
  }

  .lg\:focus\:-translate-x-10:focus{
    --transform-translate-x: -2.5rem !important;
  }

  .lg\:focus\:-translate-x-12:focus{
    --transform-translate-x: -3rem !important;
  }

  .lg\:focus\:-translate-x-16:focus{
    --transform-translate-x: -4rem !important;
  }

  .lg\:focus\:-translate-x-20:focus{
    --transform-translate-x: -5rem !important;
  }

  .lg\:focus\:-translate-x-24:focus{
    --transform-translate-x: -6rem !important;
  }

  .lg\:focus\:-translate-x-28:focus{
    --transform-translate-x: -7rem !important;
  }

  .lg\:focus\:-translate-x-32:focus{
    --transform-translate-x: -8rem !important;
  }

  .lg\:focus\:-translate-x-40:focus{
    --transform-translate-x: -10rem !important;
  }

  .lg\:focus\:-translate-x-48:focus{
    --transform-translate-x: -12rem !important;
  }

  .lg\:focus\:-translate-x-56:focus{
    --transform-translate-x: -14rem !important;
  }

  .lg\:focus\:-translate-x-64:focus{
    --transform-translate-x: -16rem !important;
  }

  .lg\:focus\:-translate-x-px:focus{
    --transform-translate-x: -1px !important;
  }

  .lg\:focus\:-translate-x-2px:focus{
    --transform-translate-x: -2px !important;
  }

  .lg\:focus\:-translate-x-3px:focus{
    --transform-translate-x: -3px !important;
  }

  .lg\:focus\:-translate-x-5px:focus{
    --transform-translate-x: -5px !important;
  }

  .lg\:focus\:-translate-x-10px:focus{
    --transform-translate-x: -10px !important;
  }

  .lg\:focus\:-translate-x-15px:focus{
    --transform-translate-x: -15px !important;
  }

  .lg\:focus\:-translate-x-20px:focus{
    --transform-translate-x: -20px !important;
  }

  .lg\:focus\:-translate-x-25px:focus{
    --transform-translate-x: -25px !important;
  }

  .lg\:focus\:-translate-x-30px:focus{
    --transform-translate-x: -30px !important;
  }

  .lg\:focus\:-translate-x-36px:focus{
    --transform-translate-x: -36px !important;
  }

  .lg\:focus\:-translate-x-50px:focus{
    --transform-translate-x: -50px !important;
  }

  .lg\:focus\:-translate-x-60px:focus{
    --transform-translate-x: -60px !important;
  }

  .lg\:focus\:-translate-x-120px:focus{
    --transform-translate-x: -120px !important;
  }

  .lg\:focus\:-translate-x-full:focus{
    --transform-translate-x: -100% !important;
  }

  .lg\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x: -50% !important;
  }

  .lg\:focus\:translate-x-1\/2:focus{
    --transform-translate-x: 50% !important;
  }

  .lg\:focus\:translate-x-full:focus{
    --transform-translate-x: 100% !important;
  }

  .lg\:focus\:translate-y-0:focus{
    --transform-translate-y: 0 !important;
  }

  .lg\:focus\:translate-y-1:focus{
    --transform-translate-y: 0.25rem !important;
  }

  .lg\:focus\:translate-y-2:focus{
    --transform-translate-y: 0.5rem !important;
  }

  .lg\:focus\:translate-y-3:focus{
    --transform-translate-y: 0.75rem !important;
  }

  .lg\:focus\:translate-y-4:focus{
    --transform-translate-y: 1rem !important;
  }

  .lg\:focus\:translate-y-5:focus{
    --transform-translate-y: 1.25rem !important;
  }

  .lg\:focus\:translate-y-6:focus{
    --transform-translate-y: 1.5rem !important;
  }

  .lg\:focus\:translate-y-8:focus{
    --transform-translate-y: 2rem !important;
  }

  .lg\:focus\:translate-y-10:focus{
    --transform-translate-y: 2.5rem !important;
  }

  .lg\:focus\:translate-y-12:focus{
    --transform-translate-y: 3rem !important;
  }

  .lg\:focus\:translate-y-16:focus{
    --transform-translate-y: 4rem !important;
  }

  .lg\:focus\:translate-y-20:focus{
    --transform-translate-y: 5rem !important;
  }

  .lg\:focus\:translate-y-24:focus{
    --transform-translate-y: 6rem !important;
  }

  .lg\:focus\:translate-y-28:focus{
    --transform-translate-y: 7rem !important;
  }

  .lg\:focus\:translate-y-32:focus{
    --transform-translate-y: 8rem !important;
  }

  .lg\:focus\:translate-y-40:focus{
    --transform-translate-y: 10rem !important;
  }

  .lg\:focus\:translate-y-48:focus{
    --transform-translate-y: 12rem !important;
  }

  .lg\:focus\:translate-y-56:focus{
    --transform-translate-y: 14rem !important;
  }

  .lg\:focus\:translate-y-64:focus{
    --transform-translate-y: 16rem !important;
  }

  .lg\:focus\:translate-y-px:focus{
    --transform-translate-y: 1px !important;
  }

  .lg\:focus\:translate-y-2px:focus{
    --transform-translate-y: 2px !important;
  }

  .lg\:focus\:translate-y-3px:focus{
    --transform-translate-y: 3px !important;
  }

  .lg\:focus\:translate-y-5px:focus{
    --transform-translate-y: 5px !important;
  }

  .lg\:focus\:translate-y-10px:focus{
    --transform-translate-y: 10px !important;
  }

  .lg\:focus\:translate-y-15px:focus{
    --transform-translate-y: 15px !important;
  }

  .lg\:focus\:translate-y-20px:focus{
    --transform-translate-y: 20px !important;
  }

  .lg\:focus\:translate-y-25px:focus{
    --transform-translate-y: 25px !important;
  }

  .lg\:focus\:translate-y-30px:focus{
    --transform-translate-y: 30px !important;
  }

  .lg\:focus\:translate-y-36px:focus{
    --transform-translate-y: 36px !important;
  }

  .lg\:focus\:translate-y-50px:focus{
    --transform-translate-y: 50px !important;
  }

  .lg\:focus\:translate-y-60px:focus{
    --transform-translate-y: 60px !important;
  }

  .lg\:focus\:translate-y-120px:focus{
    --transform-translate-y: 120px !important;
  }

  .lg\:focus\:-translate-y-1:focus{
    --transform-translate-y: -0.25rem !important;
  }

  .lg\:focus\:-translate-y-2:focus{
    --transform-translate-y: -0.5rem !important;
  }

  .lg\:focus\:-translate-y-3:focus{
    --transform-translate-y: -0.75rem !important;
  }

  .lg\:focus\:-translate-y-4:focus{
    --transform-translate-y: -1rem !important;
  }

  .lg\:focus\:-translate-y-5:focus{
    --transform-translate-y: -1.25rem !important;
  }

  .lg\:focus\:-translate-y-6:focus{
    --transform-translate-y: -1.5rem !important;
  }

  .lg\:focus\:-translate-y-8:focus{
    --transform-translate-y: -2rem !important;
  }

  .lg\:focus\:-translate-y-10:focus{
    --transform-translate-y: -2.5rem !important;
  }

  .lg\:focus\:-translate-y-12:focus{
    --transform-translate-y: -3rem !important;
  }

  .lg\:focus\:-translate-y-16:focus{
    --transform-translate-y: -4rem !important;
  }

  .lg\:focus\:-translate-y-20:focus{
    --transform-translate-y: -5rem !important;
  }

  .lg\:focus\:-translate-y-24:focus{
    --transform-translate-y: -6rem !important;
  }

  .lg\:focus\:-translate-y-28:focus{
    --transform-translate-y: -7rem !important;
  }

  .lg\:focus\:-translate-y-32:focus{
    --transform-translate-y: -8rem !important;
  }

  .lg\:focus\:-translate-y-40:focus{
    --transform-translate-y: -10rem !important;
  }

  .lg\:focus\:-translate-y-48:focus{
    --transform-translate-y: -12rem !important;
  }

  .lg\:focus\:-translate-y-56:focus{
    --transform-translate-y: -14rem !important;
  }

  .lg\:focus\:-translate-y-64:focus{
    --transform-translate-y: -16rem !important;
  }

  .lg\:focus\:-translate-y-px:focus{
    --transform-translate-y: -1px !important;
  }

  .lg\:focus\:-translate-y-2px:focus{
    --transform-translate-y: -2px !important;
  }

  .lg\:focus\:-translate-y-3px:focus{
    --transform-translate-y: -3px !important;
  }

  .lg\:focus\:-translate-y-5px:focus{
    --transform-translate-y: -5px !important;
  }

  .lg\:focus\:-translate-y-10px:focus{
    --transform-translate-y: -10px !important;
  }

  .lg\:focus\:-translate-y-15px:focus{
    --transform-translate-y: -15px !important;
  }

  .lg\:focus\:-translate-y-20px:focus{
    --transform-translate-y: -20px !important;
  }

  .lg\:focus\:-translate-y-25px:focus{
    --transform-translate-y: -25px !important;
  }

  .lg\:focus\:-translate-y-30px:focus{
    --transform-translate-y: -30px !important;
  }

  .lg\:focus\:-translate-y-36px:focus{
    --transform-translate-y: -36px !important;
  }

  .lg\:focus\:-translate-y-50px:focus{
    --transform-translate-y: -50px !important;
  }

  .lg\:focus\:-translate-y-60px:focus{
    --transform-translate-y: -60px !important;
  }

  .lg\:focus\:-translate-y-120px:focus{
    --transform-translate-y: -120px !important;
  }

  .lg\:focus\:-translate-y-full:focus{
    --transform-translate-y: -100% !important;
  }

  .lg\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y: -50% !important;
  }

  .lg\:focus\:translate-y-1\/2:focus{
    --transform-translate-y: 50% !important;
  }

  .lg\:focus\:translate-y-full:focus{
    --transform-translate-y: 100% !important;
  }

  .lg\:skew-x-0{
    --transform-skew-x: 0 !important;
  }

  .lg\:skew-x-1{
    --transform-skew-x: 1deg !important;
  }

  .lg\:skew-x-2{
    --transform-skew-x: 2deg !important;
  }

  .lg\:skew-x-3{
    --transform-skew-x: 3deg !important;
  }

  .lg\:skew-x-6{
    --transform-skew-x: 6deg !important;
  }

  .lg\:skew-x-12{
    --transform-skew-x: 12deg !important;
  }

  .lg\:-skew-x-12{
    --transform-skew-x: -12deg !important;
  }

  .lg\:-skew-x-6{
    --transform-skew-x: -6deg !important;
  }

  .lg\:-skew-x-3{
    --transform-skew-x: -3deg !important;
  }

  .lg\:-skew-x-2{
    --transform-skew-x: -2deg !important;
  }

  .lg\:-skew-x-1{
    --transform-skew-x: -1deg !important;
  }

  .lg\:skew-y-0{
    --transform-skew-y: 0 !important;
  }

  .lg\:skew-y-1{
    --transform-skew-y: 1deg !important;
  }

  .lg\:skew-y-2{
    --transform-skew-y: 2deg !important;
  }

  .lg\:skew-y-3{
    --transform-skew-y: 3deg !important;
  }

  .lg\:skew-y-6{
    --transform-skew-y: 6deg !important;
  }

  .lg\:skew-y-12{
    --transform-skew-y: 12deg !important;
  }

  .lg\:-skew-y-12{
    --transform-skew-y: -12deg !important;
  }

  .lg\:-skew-y-6{
    --transform-skew-y: -6deg !important;
  }

  .lg\:-skew-y-3{
    --transform-skew-y: -3deg !important;
  }

  .lg\:-skew-y-2{
    --transform-skew-y: -2deg !important;
  }

  .lg\:-skew-y-1{
    --transform-skew-y: -1deg !important;
  }

  .lg\:hover\:skew-x-0:hover{
    --transform-skew-x: 0 !important;
  }

  .lg\:hover\:skew-x-1:hover{
    --transform-skew-x: 1deg !important;
  }

  .lg\:hover\:skew-x-2:hover{
    --transform-skew-x: 2deg !important;
  }

  .lg\:hover\:skew-x-3:hover{
    --transform-skew-x: 3deg !important;
  }

  .lg\:hover\:skew-x-6:hover{
    --transform-skew-x: 6deg !important;
  }

  .lg\:hover\:skew-x-12:hover{
    --transform-skew-x: 12deg !important;
  }

  .lg\:hover\:-skew-x-12:hover{
    --transform-skew-x: -12deg !important;
  }

  .lg\:hover\:-skew-x-6:hover{
    --transform-skew-x: -6deg !important;
  }

  .lg\:hover\:-skew-x-3:hover{
    --transform-skew-x: -3deg !important;
  }

  .lg\:hover\:-skew-x-2:hover{
    --transform-skew-x: -2deg !important;
  }

  .lg\:hover\:-skew-x-1:hover{
    --transform-skew-x: -1deg !important;
  }

  .lg\:hover\:skew-y-0:hover{
    --transform-skew-y: 0 !important;
  }

  .lg\:hover\:skew-y-1:hover{
    --transform-skew-y: 1deg !important;
  }

  .lg\:hover\:skew-y-2:hover{
    --transform-skew-y: 2deg !important;
  }

  .lg\:hover\:skew-y-3:hover{
    --transform-skew-y: 3deg !important;
  }

  .lg\:hover\:skew-y-6:hover{
    --transform-skew-y: 6deg !important;
  }

  .lg\:hover\:skew-y-12:hover{
    --transform-skew-y: 12deg !important;
  }

  .lg\:hover\:-skew-y-12:hover{
    --transform-skew-y: -12deg !important;
  }

  .lg\:hover\:-skew-y-6:hover{
    --transform-skew-y: -6deg !important;
  }

  .lg\:hover\:-skew-y-3:hover{
    --transform-skew-y: -3deg !important;
  }

  .lg\:hover\:-skew-y-2:hover{
    --transform-skew-y: -2deg !important;
  }

  .lg\:hover\:-skew-y-1:hover{
    --transform-skew-y: -1deg !important;
  }

  .lg\:focus\:skew-x-0:focus{
    --transform-skew-x: 0 !important;
  }

  .lg\:focus\:skew-x-1:focus{
    --transform-skew-x: 1deg !important;
  }

  .lg\:focus\:skew-x-2:focus{
    --transform-skew-x: 2deg !important;
  }

  .lg\:focus\:skew-x-3:focus{
    --transform-skew-x: 3deg !important;
  }

  .lg\:focus\:skew-x-6:focus{
    --transform-skew-x: 6deg !important;
  }

  .lg\:focus\:skew-x-12:focus{
    --transform-skew-x: 12deg !important;
  }

  .lg\:focus\:-skew-x-12:focus{
    --transform-skew-x: -12deg !important;
  }

  .lg\:focus\:-skew-x-6:focus{
    --transform-skew-x: -6deg !important;
  }

  .lg\:focus\:-skew-x-3:focus{
    --transform-skew-x: -3deg !important;
  }

  .lg\:focus\:-skew-x-2:focus{
    --transform-skew-x: -2deg !important;
  }

  .lg\:focus\:-skew-x-1:focus{
    --transform-skew-x: -1deg !important;
  }

  .lg\:focus\:skew-y-0:focus{
    --transform-skew-y: 0 !important;
  }

  .lg\:focus\:skew-y-1:focus{
    --transform-skew-y: 1deg !important;
  }

  .lg\:focus\:skew-y-2:focus{
    --transform-skew-y: 2deg !important;
  }

  .lg\:focus\:skew-y-3:focus{
    --transform-skew-y: 3deg !important;
  }

  .lg\:focus\:skew-y-6:focus{
    --transform-skew-y: 6deg !important;
  }

  .lg\:focus\:skew-y-12:focus{
    --transform-skew-y: 12deg !important;
  }

  .lg\:focus\:-skew-y-12:focus{
    --transform-skew-y: -12deg !important;
  }

  .lg\:focus\:-skew-y-6:focus{
    --transform-skew-y: -6deg !important;
  }

  .lg\:focus\:-skew-y-3:focus{
    --transform-skew-y: -3deg !important;
  }

  .lg\:focus\:-skew-y-2:focus{
    --transform-skew-y: -2deg !important;
  }

  .lg\:focus\:-skew-y-1:focus{
    --transform-skew-y: -1deg !important;
  }

  .lg\:transition-0{
    -webkit-transition-property: hover !important;
    transition-property: hover !important;
  }

  .lg\:transition-1{
    -webkit-transition-property: focus !important;
    transition-property: focus !important;
  }

  .lg\:transition-none{
    -webkit-transition-property: none !important;
    transition-property: none !important;
  }

  .lg\:transition-all{
    -webkit-transition-property: all !important;
    transition-property: all !important;
  }

  .lg\:transition{
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform !important;
  }

  .lg\:transition-colors{
    -webkit-transition-property: background-color, border-color, color, fill, stroke !important;
    transition-property: background-color, border-color, color, fill, stroke !important;
  }

  .lg\:transition-opacity{
    -webkit-transition-property: opacity !important;
    transition-property: opacity !important;
  }

  .lg\:transition-shadow{
    -webkit-transition-property: -webkit-box-shadow !important;
    transition-property: -webkit-box-shadow !important;
    transition-property: box-shadow !important;
    transition-property: box-shadow, -webkit-box-shadow !important;
  }

  .lg\:transition-transform{
    -webkit-transition-property: -webkit-transform !important;
    transition-property: -webkit-transform !important;
    transition-property: transform !important;
    transition-property: transform, -webkit-transform !important;
  }

  .lg\:ease-linear{
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
  }

  .lg\:ease-in{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }

  .lg\:ease-out{
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }

  .lg\:ease-in-out{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .lg\:duration-75{
    -webkit-transition-duration: 75ms !important;
    transition-duration: 75ms !important;
  }

  .lg\:duration-100{
    -webkit-transition-duration: 100ms !important;
    transition-duration: 100ms !important;
  }

  .lg\:duration-150{
    -webkit-transition-duration: 150ms !important;
    transition-duration: 150ms !important;
  }

  .lg\:duration-200{
    -webkit-transition-duration: 200ms !important;
    transition-duration: 200ms !important;
  }

  .lg\:duration-300{
    -webkit-transition-duration: 300ms !important;
    transition-duration: 300ms !important;
  }

  .lg\:duration-500{
    -webkit-transition-duration: 500ms !important;
    transition-duration: 500ms !important;
  }

  .lg\:duration-700{
    -webkit-transition-duration: 700ms !important;
    transition-duration: 700ms !important;
  }

  .lg\:duration-1000{
    -webkit-transition-duration: 1000ms !important;
    transition-duration: 1000ms !important;
  }

  .lg\:delay-75{
    -webkit-transition-delay: 75ms !important;
    transition-delay: 75ms !important;
  }

  .lg\:delay-100{
    -webkit-transition-delay: 100ms !important;
    transition-delay: 100ms !important;
  }

  .lg\:delay-150{
    -webkit-transition-delay: 150ms !important;
    transition-delay: 150ms !important;
  }

  .lg\:delay-200{
    -webkit-transition-delay: 200ms !important;
    transition-delay: 200ms !important;
  }

  .lg\:delay-300{
    -webkit-transition-delay: 300ms !important;
    transition-delay: 300ms !important;
  }

  .lg\:delay-500{
    -webkit-transition-delay: 500ms !important;
    transition-delay: 500ms !important;
  }

  .lg\:delay-700{
    -webkit-transition-delay: 700ms !important;
    transition-delay: 700ms !important;
  }

  .lg\:delay-1000{
    -webkit-transition-delay: 1000ms !important;
    transition-delay: 1000ms !important;
  }

  .lg\:animate-none{
    -webkit-animation: none !important;
    animation: none !important;
  }

  .lg\:animate-spin{
    -webkit-animation: spin 1s linear infinite !important;
    animation: spin 1s linear infinite !important;
  }

  .lg\:animate-ping{
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  }

  .lg\:animate-pulse{
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }

  .lg\:animate-bounce{
    -webkit-animation: bounce 1s infinite !important;
    animation: bounce 1s infinite !important;
  }
}

@media (min-width: 1280px){
  .xl\:container{
    width: 100%;
  }

  @media (min-width: 320px){
    .xl\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 360px){
    .xl\:container{
      max-width: 360px;
    }
  }

  @media (min-width: 560px){
    .xl\:container{
      max-width: 560px;
    }
  }

  @media (min-width: 768px){
    .xl\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .xl\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .xl\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 1920px){
    .xl\:container{
      max-width: 1920px;
    }
  }

  .xl\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1rem * var(--space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2rem * var(--space-x-reverse)) !important;
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3rem * var(--space-x-reverse)) !important;
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(4rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(4rem * var(--space-x-reverse)) !important;
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5rem * var(--space-x-reverse)) !important;
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(6rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(6rem * var(--space-x-reverse)) !important;
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(7rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(7rem * var(--space-x-reverse)) !important;
    margin-left: calc(7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(8rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(8rem * var(--space-x-reverse)) !important;
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10rem * var(--space-x-reverse)) !important;
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(12rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(12rem * var(--space-x-reverse)) !important;
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(14rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(14rem * var(--space-x-reverse)) !important;
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(16rem * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(16rem * var(--space-x-reverse)) !important;
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1px * var(--space-x-reverse)) !important;
    margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2px * var(--space-x-reverse)) !important;
    margin-left: calc(2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3px * var(--space-x-reverse)) !important;
    margin-left: calc(3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5px * var(--space-x-reverse)) !important;
    margin-left: calc(5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10px * var(--space-x-reverse)) !important;
    margin-left: calc(10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(15px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(15px * var(--space-x-reverse)) !important;
    margin-left: calc(15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(20px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(20px * var(--space-x-reverse)) !important;
    margin-left: calc(20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(25px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(25px * var(--space-x-reverse)) !important;
    margin-left: calc(25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(30px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(30px * var(--space-x-reverse)) !important;
    margin-left: calc(30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(36px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(36px * var(--space-x-reverse)) !important;
    margin-left: calc(36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(50px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(50px * var(--space-x-reverse)) !important;
    margin-left: calc(50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(60px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(60px * var(--space-x-reverse)) !important;
    margin-left: calc(60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(120px * var(--space-y-reverse)) !important;
  }

  .xl\:space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(120px * var(--space-x-reverse)) !important;
    margin-left: calc(120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3rem * var(--space-x-reverse)) !important;
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-4rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-4rem * var(--space-x-reverse)) !important;
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-6rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-6rem * var(--space-x-reverse)) !important;
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-7rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-7rem * var(--space-x-reverse)) !important;
    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-8rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-8rem * var(--space-x-reverse)) !important;
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10rem * var(--space-x-reverse)) !important;
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-12rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-12rem * var(--space-x-reverse)) !important;
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-14rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-14rem * var(--space-x-reverse)) !important;
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-16rem * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-16rem * var(--space-x-reverse)) !important;
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1px * var(--space-x-reverse)) !important;
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2px * var(--space-x-reverse)) !important;
    margin-left: calc(-2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3px * var(--space-x-reverse)) !important;
    margin-left: calc(-3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5px * var(--space-x-reverse)) !important;
    margin-left: calc(-5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10px * var(--space-x-reverse)) !important;
    margin-left: calc(-10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-15px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-15px * var(--space-x-reverse)) !important;
    margin-left: calc(-15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-20px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-20px * var(--space-x-reverse)) !important;
    margin-left: calc(-20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-25px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-25px * var(--space-x-reverse)) !important;
    margin-left: calc(-25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-30px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-30px * var(--space-x-reverse)) !important;
    margin-left: calc(-30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-36px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-36px * var(--space-x-reverse)) !important;
    margin-left: calc(-36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-50px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-50px * var(--space-x-reverse)) !important;
    margin-left: calc(-50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-60px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-60px * var(--space-x-reverse)) !important;
    margin-left: calc(-60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:-space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-120px * var(--space-y-reverse)) !important;
  }

  .xl\:-space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-120px * var(--space-x-reverse)) !important;
    margin-left: calc(-120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xl\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1 !important;
  }

  .xl\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1 !important;
  }

  .xl\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
  }

  .xl\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(0px * var(--divide-x-reverse)) !important;
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xl\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
  }

  .xl\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(2px * var(--divide-x-reverse)) !important;
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xl\:divide-y-3 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(3px * var(--divide-y-reverse)) !important;
  }

  .xl\:divide-x-3 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(3px * var(--divide-x-reverse)) !important;
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xl\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
  }

  .xl\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(4px * var(--divide-x-reverse)) !important;
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xl\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
  }

  .xl\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(8px * var(--divide-x-reverse)) !important;
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xl\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
  }

  .xl\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xl\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1 !important;
  }

  .xl\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1 !important;
  }

  .xl\:divide-transparent > :not(template) ~ :not(template){
    border-color: transparent !important;
  }

  .xl\:divide-current > :not(template) ~ :not(template){
    border-color: currentColor !important;
  }

  .xl\:divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
  }

  .xl\:divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
  }

  .xl\:divide-red > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--divide-opacity)) !important;
  }

  .xl\:divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
  }

  .xl\:divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
  }

  .xl\:divide-orange-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
  }

  .xl\:divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
  }

  .xl\:divide-orange-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
  }

  .xl\:divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
  }

  .xl\:divide-orange-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
  }

  .xl\:divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
  }

  .xl\:divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
  }

  .xl\:divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
  }

  .xl\:divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
  }

  .xl\:divide-yellow-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
  }

  .xl\:divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
  }

  .xl\:divide-yellow-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
  }

  .xl\:divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
  }

  .xl\:divide-yellow-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
  }

  .xl\:divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
  }

  .xl\:divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
  }

  .xl\:divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
  }

  .xl\:divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
  }

  .xl\:divide-green-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
  }

  .xl\:divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
  }

  .xl\:divide-green-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
  }

  .xl\:divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
  }

  .xl\:divide-green-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
  }

  .xl\:divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
  }

  .xl\:divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
  }

  .xl\:divide-teal-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
  }

  .xl\:divide-teal-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
  }

  .xl\:divide-teal-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
  }

  .xl\:divide-teal-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
  }

  .xl\:divide-teal-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
  }

  .xl\:divide-teal-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
  }

  .xl\:divide-teal-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
  }

  .xl\:divide-teal-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
  }

  .xl\:divide-teal-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
  }

  .xl\:divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
  }

  .xl\:divide-indigo-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
  }

  .xl\:divide-indigo-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
  }

  .xl\:divide-indigo-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
  }

  .xl\:divide-indigo-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
  }

  .xl\:divide-indigo-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
  }

  .xl\:divide-indigo-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
  }

  .xl\:divide-indigo-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
  }

  .xl\:divide-indigo-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
  }

  .xl\:divide-indigo-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
  }

  .xl\:divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
  }

  .xl\:divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
  }

  .xl\:divide-purple-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
  }

  .xl\:divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
  }

  .xl\:divide-purple-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
  }

  .xl\:divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
  }

  .xl\:divide-purple-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
  }

  .xl\:divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
  }

  .xl\:divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
  }

  .xl\:divide-pink-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
  }

  .xl\:divide-pink-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
  }

  .xl\:divide-pink-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
  }

  .xl\:divide-pink-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
  }

  .xl\:divide-pink-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
  }

  .xl\:divide-pink-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
  }

  .xl\:divide-pink-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
  }

  .xl\:divide-pink-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
  }

  .xl\:divide-pink-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
  }

  .xl\:divide-primary-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .xl\:divide-primary-hover-color > :not(template) ~ :not(template){
    border-color: var(--hover-color) !important;
  }

  .xl\:divide-gray-body > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-333 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-666 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-888 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-999 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-icon > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-features > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--divide-opacity)) !important;
  }

  .xl\:divide-slide-border > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--divide-opacity)) !important;
  }

  .xl\:divide-sale-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .xl\:divide-hit-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--divide-opacity)) !important;
  }

  .xl\:divide-new-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--divide-opacity)) !important;
  }

  .xl\:divide-fb-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--divide-opacity)) !important;
  }

  .xl\:divide-fb-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--divide-opacity)) !important;
  }

  .xl\:divide-vk-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--divide-opacity)) !important;
  }

  .xl\:divide-vk-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--divide-opacity)) !important;
  }

  .xl\:divide-insta-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--divide-opacity)) !important;
  }

  .xl\:divide-insta-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-dc > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-cd > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--divide-opacity)) !important;
  }

  .xl\:divide-gray-e7 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--divide-opacity)) !important;
  }

  .xl\:divide-check-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--divide-opacity)) !important;
  }

  .xl\:divide-docx-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--divide-opacity)) !important;
  }

  .xl\:divide-dark-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--divide-opacity)) !important;
  }

  .xl\:divide-green-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--divide-opacity)) !important;
  }

  .xl\:divide-solid > :not(template) ~ :not(template){
    border-style: solid !important;
  }

  .xl\:divide-dashed > :not(template) ~ :not(template){
    border-style: dashed !important;
  }

  .xl\:divide-dotted > :not(template) ~ :not(template){
    border-style: dotted !important;
  }

  .xl\:divide-double > :not(template) ~ :not(template){
    border-style: double !important;
  }

  .xl\:divide-none > :not(template) ~ :not(template){
    border-style: none !important;
  }

  .xl\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0 !important;
  }

  .xl\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25 !important;
  }

  .xl\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5 !important;
  }

  .xl\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75 !important;
  }

  .xl\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
  }

  .xl\:sr-only{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .xl\:not-sr-only{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .xl\:focus\:sr-only:focus{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .xl\:focus\:not-sr-only:focus{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .xl\:appearance-none{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }

  .xl\:bg-fixed{
    background-attachment: fixed !important;
  }

  .xl\:bg-local{
    background-attachment: local !important;
  }

  .xl\:bg-scroll{
    background-attachment: scroll !important;
  }

  .xl\:bg-clip-border{
    background-clip: border-box !important;
  }

  .xl\:bg-clip-padding{
    background-clip: padding-box !important;
  }

  .xl\:bg-clip-content{
    background-clip: content-box !important;
  }

  .xl\:bg-clip-text{
    -webkit-background-clip: text !important;
    background-clip: text !important;
  }

  .xl\:bg-transparent{
    background-color: transparent !important;
  }

  .xl\:bg-current{
    background-color: currentColor !important;
  }

  .xl\:bg-black{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xl\:bg-white{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-100{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-200{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-300{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-400{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-500{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-600{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-700{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-800{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-900{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .xl\:bg-red{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .xl\:bg-orange-100{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .xl\:bg-orange-200{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .xl\:bg-orange-300{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .xl\:bg-orange-400{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .xl\:bg-orange-500{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .xl\:bg-orange-600{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .xl\:bg-orange-700{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .xl\:bg-orange-800{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .xl\:bg-orange-900{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .xl\:bg-yellow-100{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .xl\:bg-yellow-200{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .xl\:bg-yellow-300{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .xl\:bg-yellow-400{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .xl\:bg-yellow-500{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .xl\:bg-yellow-600{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .xl\:bg-yellow-700{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .xl\:bg-yellow-800{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .xl\:bg-yellow-900{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .xl\:bg-green-100{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .xl\:bg-green-200{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .xl\:bg-green-300{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .xl\:bg-green-400{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .xl\:bg-green-500{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .xl\:bg-green-600{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .xl\:bg-green-700{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .xl\:bg-green-800{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .xl\:bg-green-900{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .xl\:bg-teal-100{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .xl\:bg-teal-200{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .xl\:bg-teal-300{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .xl\:bg-teal-400{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .xl\:bg-teal-500{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .xl\:bg-teal-600{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .xl\:bg-teal-700{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .xl\:bg-teal-800{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .xl\:bg-teal-900{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-100{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-200{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-300{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-400{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-500{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-600{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-700{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-800{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .xl\:bg-blue-900{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .xl\:bg-indigo-100{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .xl\:bg-indigo-200{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .xl\:bg-indigo-300{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .xl\:bg-indigo-400{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .xl\:bg-indigo-500{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .xl\:bg-indigo-600{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .xl\:bg-indigo-700{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .xl\:bg-indigo-800{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .xl\:bg-indigo-900{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .xl\:bg-purple-100{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .xl\:bg-purple-200{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .xl\:bg-purple-300{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .xl\:bg-purple-400{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .xl\:bg-purple-500{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .xl\:bg-purple-600{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .xl\:bg-purple-700{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .xl\:bg-purple-800{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .xl\:bg-purple-900{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .xl\:bg-pink-100{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .xl\:bg-pink-200{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .xl\:bg-pink-300{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .xl\:bg-pink-400{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .xl\:bg-pink-500{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .xl\:bg-pink-600{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .xl\:bg-pink-700{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .xl\:bg-pink-800{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .xl\:bg-pink-900{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .xl\:bg-primary-color{
    background-color: var(--primary-color) !important;
  }

  .xl\:bg-primary-hover-color{
    background-color: var(--hover-color) !important;
  }

  .xl\:bg-gray-body{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-light{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-333{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-666{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-888{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-999{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-icon{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-features{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .xl\:bg-slide-border{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .xl\:bg-sale-color{
    background-color: var(--primary-color) !important;
  }

  .xl\:bg-hit-color{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .xl\:bg-new-color{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .xl\:bg-fb-hover-color{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .xl\:bg-fb-active-color{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .xl\:bg-vk-hover-color{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .xl\:bg-vk-active-color{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .xl\:bg-insta-hover-color{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .xl\:bg-insta-active-color{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-dc{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-cd{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .xl\:bg-gray-e7{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .xl\:bg-check-color{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .xl\:bg-docx-color{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .xl\:bg-dark-black{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .xl\:bg-green-light{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-transparent:hover{
    background-color: transparent !important;
  }

  .xl\:hover\:bg-current:hover{
    background-color: currentColor !important;
  }

  .xl\:hover\:bg-black:hover{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-white:hover{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-200:hover{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-300:hover{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-400:hover{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-500:hover{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-600:hover{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-900:hover{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-red:hover{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-orange-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-orange-200:hover{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-orange-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-orange-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-orange-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-orange-600:hover{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-orange-700:hover{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-orange-800:hover{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-orange-900:hover{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-yellow-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-yellow-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-yellow-300:hover{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-yellow-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-yellow-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-yellow-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-yellow-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-yellow-800:hover{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-yellow-900:hover{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-green-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-green-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-green-300:hover{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-green-400:hover{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-green-500:hover{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-green-600:hover{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-green-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-green-800:hover{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-green-900:hover{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-teal-100:hover{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-teal-200:hover{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-teal-300:hover{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-teal-400:hover{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-teal-500:hover{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-teal-600:hover{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-teal-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-teal-800:hover{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-teal-900:hover{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-200:hover{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-300:hover{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-400:hover{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-500:hover{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-600:hover{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-blue-900:hover{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-indigo-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-indigo-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-indigo-300:hover{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-indigo-400:hover{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-indigo-500:hover{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-indigo-600:hover{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-indigo-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-indigo-800:hover{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-indigo-900:hover{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-purple-100:hover{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-purple-200:hover{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-purple-300:hover{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-purple-400:hover{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-purple-500:hover{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-purple-600:hover{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-purple-700:hover{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-purple-800:hover{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-purple-900:hover{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-pink-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-pink-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-pink-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-pink-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-pink-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-pink-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-pink-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-pink-800:hover{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-pink-900:hover{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-primary-color:hover{
    background-color: var(--primary-color) !important;
  }

  .xl\:hover\:bg-primary-hover-color:hover{
    background-color: var(--hover-color) !important;
  }

  .xl\:hover\:bg-gray-body:hover{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-light:hover{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-333:hover{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-666:hover{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-888:hover{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-999:hover{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-icon:hover{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-features:hover{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-slide-border:hover{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-sale-color:hover{
    background-color: var(--primary-color) !important;
  }

  .xl\:hover\:bg-hit-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-new-color:hover{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-fb-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-fb-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-vk-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-vk-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-insta-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-insta-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-dc:hover{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-cd:hover{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-gray-e7:hover{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-check-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-docx-color:hover{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-dark-black:hover{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .xl\:hover\:bg-green-light:hover{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-transparent:focus{
    background-color: transparent !important;
  }

  .xl\:focus\:bg-current:focus{
    background-color: currentColor !important;
  }

  .xl\:focus\:bg-black:focus{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-white:focus{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-200:focus{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-300:focus{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-400:focus{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-500:focus{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-600:focus{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-900:focus{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-red:focus{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-orange-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-orange-200:focus{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-orange-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-orange-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-orange-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-orange-600:focus{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-orange-700:focus{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-orange-800:focus{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-orange-900:focus{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-yellow-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-yellow-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-yellow-300:focus{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-yellow-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-yellow-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-yellow-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-yellow-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-yellow-800:focus{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-yellow-900:focus{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-green-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-green-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-green-300:focus{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-green-400:focus{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-green-500:focus{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-green-600:focus{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-green-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-green-800:focus{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-green-900:focus{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-teal-100:focus{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-teal-200:focus{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-teal-300:focus{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-teal-400:focus{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-teal-500:focus{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-teal-600:focus{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-teal-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-teal-800:focus{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-teal-900:focus{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-200:focus{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-300:focus{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-400:focus{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-500:focus{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-600:focus{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-blue-900:focus{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-indigo-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-indigo-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-indigo-300:focus{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-indigo-400:focus{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-indigo-500:focus{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-indigo-600:focus{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-indigo-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-indigo-800:focus{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-indigo-900:focus{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-purple-100:focus{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-purple-200:focus{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-purple-300:focus{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-purple-400:focus{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-purple-500:focus{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-purple-600:focus{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-purple-700:focus{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-purple-800:focus{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-purple-900:focus{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-pink-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-pink-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-pink-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-pink-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-pink-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-pink-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-pink-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-pink-800:focus{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-pink-900:focus{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-primary-color:focus{
    background-color: var(--primary-color) !important;
  }

  .xl\:focus\:bg-primary-hover-color:focus{
    background-color: var(--hover-color) !important;
  }

  .xl\:focus\:bg-gray-body:focus{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-light:focus{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-333:focus{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-666:focus{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-888:focus{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-999:focus{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-icon:focus{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-features:focus{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-slide-border:focus{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-sale-color:focus{
    background-color: var(--primary-color) !important;
  }

  .xl\:focus\:bg-hit-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-new-color:focus{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-fb-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-fb-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-vk-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-vk-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-insta-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-insta-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-dc:focus{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-cd:focus{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-gray-e7:focus{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-check-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-docx-color:focus{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-dark-black:focus{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .xl\:focus\:bg-green-light:focus{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .xl\:bg-none{
    background-image: none !important;
  }

  .xl\:bg-gradient-to-t{
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-tr{
    background-image: -webkit-gradient(linear, left bottom, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-r{
    background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-br{
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-b{
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-bl{
    background-image: -webkit-gradient(linear, right top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-l{
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
  }

  .xl\:bg-gradient-to-tl{
    background-image: -webkit-gradient(linear, right bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
  }

  .xl\:from-transparent{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:from-current{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:from-black{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:from-white{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:from-gray-100{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xl\:from-gray-200{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xl\:from-gray-300{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xl\:from-gray-400{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xl\:from-gray-500{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xl\:from-gray-600{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xl\:from-gray-700{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xl\:from-gray-800{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xl\:from-gray-900{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xl\:from-red{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xl\:from-orange-100{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xl\:from-orange-200{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xl\:from-orange-300{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xl\:from-orange-400{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xl\:from-orange-500{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xl\:from-orange-600{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xl\:from-orange-700{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xl\:from-orange-800{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xl\:from-orange-900{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xl\:from-yellow-100{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xl\:from-yellow-200{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xl\:from-yellow-300{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xl\:from-yellow-400{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xl\:from-yellow-500{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xl\:from-yellow-600{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xl\:from-yellow-700{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xl\:from-yellow-800{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xl\:from-yellow-900{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xl\:from-green-100{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xl\:from-green-200{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xl\:from-green-300{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xl\:from-green-400{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xl\:from-green-500{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xl\:from-green-600{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xl\:from-green-700{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xl\:from-green-800{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xl\:from-green-900{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xl\:from-teal-100{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xl\:from-teal-200{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xl\:from-teal-300{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xl\:from-teal-400{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xl\:from-teal-500{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xl\:from-teal-600{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xl\:from-teal-700{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xl\:from-teal-800{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xl\:from-teal-900{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xl\:from-blue-100{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xl\:from-blue-200{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xl\:from-blue-300{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xl\:from-blue-400{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xl\:from-blue-500{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xl\:from-blue-600{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xl\:from-blue-700{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xl\:from-blue-800{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xl\:from-blue-900{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xl\:from-indigo-100{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xl\:from-indigo-200{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xl\:from-indigo-300{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xl\:from-indigo-400{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xl\:from-indigo-500{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xl\:from-indigo-600{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xl\:from-indigo-700{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xl\:from-indigo-800{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xl\:from-indigo-900{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xl\:from-purple-100{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xl\:from-purple-200{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xl\:from-purple-300{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xl\:from-purple-400{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xl\:from-purple-500{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xl\:from-purple-600{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xl\:from-purple-700{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xl\:from-purple-800{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xl\:from-purple-900{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xl\:from-pink-100{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xl\:from-pink-200{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xl\:from-pink-300{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xl\:from-pink-400{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xl\:from-pink-500{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xl\:from-pink-600{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xl\:from-pink-700{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xl\:from-pink-800{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xl\:from-pink-900{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xl\:from-primary-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:from-primary-hover-color{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:from-gray-body{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xl\:from-gray-light{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xl\:from-gray-333{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xl\:from-gray-666{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xl\:from-gray-888{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xl\:from-gray-999{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xl\:from-gray-icon{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xl\:from-gray-features{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xl\:from-slide-border{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xl\:from-sale-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:from-hit-color{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xl\:from-new-color{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xl\:from-fb-hover-color{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xl\:from-fb-active-color{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xl\:from-vk-hover-color{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xl\:from-vk-active-color{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xl\:from-insta-hover-color{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xl\:from-insta-active-color{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xl\:from-gray-dc{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xl\:from-gray-cd{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xl\:from-gray-e7{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xl\:from-check-color{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xl\:from-docx-color{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xl\:from-dark-black{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xl\:from-green-light{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xl\:via-transparent{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:via-current{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:via-black{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:via-white{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:via-gray-100{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xl\:via-gray-200{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xl\:via-gray-300{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xl\:via-gray-400{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xl\:via-gray-500{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xl\:via-gray-600{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xl\:via-gray-700{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xl\:via-gray-800{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xl\:via-gray-900{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xl\:via-red{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xl\:via-orange-100{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xl\:via-orange-200{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xl\:via-orange-300{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xl\:via-orange-400{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xl\:via-orange-500{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xl\:via-orange-600{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xl\:via-orange-700{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xl\:via-orange-800{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xl\:via-orange-900{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xl\:via-yellow-100{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xl\:via-yellow-200{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xl\:via-yellow-300{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xl\:via-yellow-400{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xl\:via-yellow-500{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xl\:via-yellow-600{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xl\:via-yellow-700{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xl\:via-yellow-800{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xl\:via-yellow-900{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xl\:via-green-100{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xl\:via-green-200{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xl\:via-green-300{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xl\:via-green-400{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xl\:via-green-500{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xl\:via-green-600{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xl\:via-green-700{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xl\:via-green-800{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xl\:via-green-900{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xl\:via-teal-100{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xl\:via-teal-200{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xl\:via-teal-300{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xl\:via-teal-400{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xl\:via-teal-500{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xl\:via-teal-600{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xl\:via-teal-700{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xl\:via-teal-800{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xl\:via-teal-900{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xl\:via-blue-100{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xl\:via-blue-200{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xl\:via-blue-300{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xl\:via-blue-400{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xl\:via-blue-500{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xl\:via-blue-600{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xl\:via-blue-700{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xl\:via-blue-800{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xl\:via-blue-900{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xl\:via-indigo-100{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xl\:via-indigo-200{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xl\:via-indigo-300{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xl\:via-indigo-400{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xl\:via-indigo-500{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xl\:via-indigo-600{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xl\:via-indigo-700{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xl\:via-indigo-800{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xl\:via-indigo-900{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xl\:via-purple-100{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xl\:via-purple-200{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xl\:via-purple-300{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xl\:via-purple-400{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xl\:via-purple-500{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xl\:via-purple-600{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xl\:via-purple-700{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xl\:via-purple-800{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xl\:via-purple-900{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xl\:via-pink-100{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xl\:via-pink-200{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xl\:via-pink-300{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xl\:via-pink-400{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xl\:via-pink-500{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xl\:via-pink-600{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xl\:via-pink-700{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xl\:via-pink-800{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xl\:via-pink-900{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xl\:via-primary-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:via-primary-hover-color{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:via-gray-body{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xl\:via-gray-light{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xl\:via-gray-333{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xl\:via-gray-666{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xl\:via-gray-888{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xl\:via-gray-999{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xl\:via-gray-icon{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xl\:via-gray-features{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xl\:via-slide-border{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xl\:via-sale-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:via-hit-color{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xl\:via-new-color{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xl\:via-fb-hover-color{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xl\:via-fb-active-color{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xl\:via-vk-hover-color{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xl\:via-vk-active-color{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xl\:via-insta-hover-color{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xl\:via-insta-active-color{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xl\:via-gray-dc{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xl\:via-gray-cd{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xl\:via-gray-e7{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xl\:via-check-color{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xl\:via-docx-color{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xl\:via-dark-black{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xl\:via-green-light{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xl\:to-transparent{
    --gradient-to-color: transparent !important;
  }

  .xl\:to-current{
    --gradient-to-color: currentColor !important;
  }

  .xl\:to-black{
    --gradient-to-color: #000 !important;
  }

  .xl\:to-white{
    --gradient-to-color: #fff !important;
  }

  .xl\:to-gray-100{
    --gradient-to-color: #f7fafc !important;
  }

  .xl\:to-gray-200{
    --gradient-to-color: #edf2f7 !important;
  }

  .xl\:to-gray-300{
    --gradient-to-color: #e2e8f0 !important;
  }

  .xl\:to-gray-400{
    --gradient-to-color: #cbd5e0 !important;
  }

  .xl\:to-gray-500{
    --gradient-to-color: #a0aec0 !important;
  }

  .xl\:to-gray-600{
    --gradient-to-color: #718096 !important;
  }

  .xl\:to-gray-700{
    --gradient-to-color: #4a5568 !important;
  }

  .xl\:to-gray-800{
    --gradient-to-color: #2d3748 !important;
  }

  .xl\:to-gray-900{
    --gradient-to-color: #1a202c !important;
  }

  .xl\:to-red{
    --gradient-to-color: #cc0a0a !important;
  }

  .xl\:to-orange-100{
    --gradient-to-color: #fffaf0 !important;
  }

  .xl\:to-orange-200{
    --gradient-to-color: #feebc8 !important;
  }

  .xl\:to-orange-300{
    --gradient-to-color: #fbd38d !important;
  }

  .xl\:to-orange-400{
    --gradient-to-color: #f6ad55 !important;
  }

  .xl\:to-orange-500{
    --gradient-to-color: #ed8936 !important;
  }

  .xl\:to-orange-600{
    --gradient-to-color: #dd6b20 !important;
  }

  .xl\:to-orange-700{
    --gradient-to-color: #c05621 !important;
  }

  .xl\:to-orange-800{
    --gradient-to-color: #9c4221 !important;
  }

  .xl\:to-orange-900{
    --gradient-to-color: #7b341e !important;
  }

  .xl\:to-yellow-100{
    --gradient-to-color: #fffff0 !important;
  }

  .xl\:to-yellow-200{
    --gradient-to-color: #fefcbf !important;
  }

  .xl\:to-yellow-300{
    --gradient-to-color: #faf089 !important;
  }

  .xl\:to-yellow-400{
    --gradient-to-color: #f6e05e !important;
  }

  .xl\:to-yellow-500{
    --gradient-to-color: #ecc94b !important;
  }

  .xl\:to-yellow-600{
    --gradient-to-color: #d69e2e !important;
  }

  .xl\:to-yellow-700{
    --gradient-to-color: #b7791f !important;
  }

  .xl\:to-yellow-800{
    --gradient-to-color: #975a16 !important;
  }

  .xl\:to-yellow-900{
    --gradient-to-color: #744210 !important;
  }

  .xl\:to-green-100{
    --gradient-to-color: #f0fff4 !important;
  }

  .xl\:to-green-200{
    --gradient-to-color: #c6f6d5 !important;
  }

  .xl\:to-green-300{
    --gradient-to-color: #9ae6b4 !important;
  }

  .xl\:to-green-400{
    --gradient-to-color: #68d391 !important;
  }

  .xl\:to-green-500{
    --gradient-to-color: #48bb78 !important;
  }

  .xl\:to-green-600{
    --gradient-to-color: #38a169 !important;
  }

  .xl\:to-green-700{
    --gradient-to-color: #2f855a !important;
  }

  .xl\:to-green-800{
    --gradient-to-color: #276749 !important;
  }

  .xl\:to-green-900{
    --gradient-to-color: #22543d !important;
  }

  .xl\:to-teal-100{
    --gradient-to-color: #e6fffa !important;
  }

  .xl\:to-teal-200{
    --gradient-to-color: #b2f5ea !important;
  }

  .xl\:to-teal-300{
    --gradient-to-color: #81e6d9 !important;
  }

  .xl\:to-teal-400{
    --gradient-to-color: #4fd1c5 !important;
  }

  .xl\:to-teal-500{
    --gradient-to-color: #38b2ac !important;
  }

  .xl\:to-teal-600{
    --gradient-to-color: #319795 !important;
  }

  .xl\:to-teal-700{
    --gradient-to-color: #2c7a7b !important;
  }

  .xl\:to-teal-800{
    --gradient-to-color: #285e61 !important;
  }

  .xl\:to-teal-900{
    --gradient-to-color: #234e52 !important;
  }

  .xl\:to-blue-100{
    --gradient-to-color: #ebf8ff !important;
  }

  .xl\:to-blue-200{
    --gradient-to-color: #bee3f8 !important;
  }

  .xl\:to-blue-300{
    --gradient-to-color: #90cdf4 !important;
  }

  .xl\:to-blue-400{
    --gradient-to-color: #63b3ed !important;
  }

  .xl\:to-blue-500{
    --gradient-to-color: #4299e1 !important;
  }

  .xl\:to-blue-600{
    --gradient-to-color: #3182ce !important;
  }

  .xl\:to-blue-700{
    --gradient-to-color: #2b6cb0 !important;
  }

  .xl\:to-blue-800{
    --gradient-to-color: #2c5282 !important;
  }

  .xl\:to-blue-900{
    --gradient-to-color: #2a4365 !important;
  }

  .xl\:to-indigo-100{
    --gradient-to-color: #ebf4ff !important;
  }

  .xl\:to-indigo-200{
    --gradient-to-color: #c3dafe !important;
  }

  .xl\:to-indigo-300{
    --gradient-to-color: #a3bffa !important;
  }

  .xl\:to-indigo-400{
    --gradient-to-color: #7f9cf5 !important;
  }

  .xl\:to-indigo-500{
    --gradient-to-color: #667eea !important;
  }

  .xl\:to-indigo-600{
    --gradient-to-color: #5a67d8 !important;
  }

  .xl\:to-indigo-700{
    --gradient-to-color: #4c51bf !important;
  }

  .xl\:to-indigo-800{
    --gradient-to-color: #434190 !important;
  }

  .xl\:to-indigo-900{
    --gradient-to-color: #3c366b !important;
  }

  .xl\:to-purple-100{
    --gradient-to-color: #faf5ff !important;
  }

  .xl\:to-purple-200{
    --gradient-to-color: #e9d8fd !important;
  }

  .xl\:to-purple-300{
    --gradient-to-color: #d6bcfa !important;
  }

  .xl\:to-purple-400{
    --gradient-to-color: #b794f4 !important;
  }

  .xl\:to-purple-500{
    --gradient-to-color: #9f7aea !important;
  }

  .xl\:to-purple-600{
    --gradient-to-color: #805ad5 !important;
  }

  .xl\:to-purple-700{
    --gradient-to-color: #6b46c1 !important;
  }

  .xl\:to-purple-800{
    --gradient-to-color: #553c9a !important;
  }

  .xl\:to-purple-900{
    --gradient-to-color: #44337a !important;
  }

  .xl\:to-pink-100{
    --gradient-to-color: #fff5f7 !important;
  }

  .xl\:to-pink-200{
    --gradient-to-color: #fed7e2 !important;
  }

  .xl\:to-pink-300{
    --gradient-to-color: #fbb6ce !important;
  }

  .xl\:to-pink-400{
    --gradient-to-color: #f687b3 !important;
  }

  .xl\:to-pink-500{
    --gradient-to-color: #ed64a6 !important;
  }

  .xl\:to-pink-600{
    --gradient-to-color: #d53f8c !important;
  }

  .xl\:to-pink-700{
    --gradient-to-color: #b83280 !important;
  }

  .xl\:to-pink-800{
    --gradient-to-color: #97266d !important;
  }

  .xl\:to-pink-900{
    --gradient-to-color: #702459 !important;
  }

  .xl\:to-primary-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xl\:to-primary-hover-color{
    --gradient-to-color: var(--hover-color) !important;
  }

  .xl\:to-gray-body{
    --gradient-to-color: #f2f2f2 !important;
  }

  .xl\:to-gray-light{
    --gradient-to-color: #ccc !important;
  }

  .xl\:to-gray-333{
    --gradient-to-color: #333 !important;
  }

  .xl\:to-gray-666{
    --gradient-to-color: #666 !important;
  }

  .xl\:to-gray-888{
    --gradient-to-color: #888 !important;
  }

  .xl\:to-gray-999{
    --gradient-to-color: #999 !important;
  }

  .xl\:to-gray-icon{
    --gradient-to-color: #9a9a9a !important;
  }

  .xl\:to-gray-features{
    --gradient-to-color: #f5f5f5 !important;
  }

  .xl\:to-slide-border{
    --gradient-to-color: #e1e1e1 !important;
  }

  .xl\:to-sale-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xl\:to-hit-color{
    --gradient-to-color: #ff9900 !important;
  }

  .xl\:to-new-color{
    --gradient-to-color: #0fa3c6 !important;
  }

  .xl\:to-fb-hover-color{
    --gradient-to-color: #5959d8 !important;
  }

  .xl\:to-fb-active-color{
    --gradient-to-color: #4040b3 !important;
  }

  .xl\:to-vk-hover-color{
    --gradient-to-color: #628dd3 !important;
  }

  .xl\:to-vk-active-color{
    --gradient-to-color: #3768b9 !important;
  }

  .xl\:to-insta-hover-color{
    --gradient-to-color: #af35d2 !important;
  }

  .xl\:to-insta-active-color{
    --gradient-to-color: #7e47b7 !important;
  }

  .xl\:to-gray-dc{
    --gradient-to-color: #dcdcdc !important;
  }

  .xl\:to-gray-cd{
    --gradient-to-color: #cdcdcd !important;
  }

  .xl\:to-gray-e7{
    --gradient-to-color: #e7e7e7 !important;
  }

  .xl\:to-check-color{
    --gradient-to-color: #ce3a12 !important;
  }

  .xl\:to-docx-color{
    --gradient-to-color: #1789e9 !important;
  }

  .xl\:to-dark-black{
    --gradient-to-color: #010101 !important;
  }

  .xl\:to-green-light{
    --gradient-to-color: #3ab011 !important;
  }

  .xl\:hover\:from-transparent:hover{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:hover\:from-current:hover{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:hover\:from-black:hover{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:hover\:from-white:hover{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:hover\:from-gray-100:hover{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xl\:hover\:from-gray-200:hover{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xl\:hover\:from-gray-300:hover{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xl\:hover\:from-gray-400:hover{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xl\:hover\:from-gray-500:hover{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xl\:hover\:from-gray-600:hover{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xl\:hover\:from-gray-700:hover{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xl\:hover\:from-gray-800:hover{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xl\:hover\:from-gray-900:hover{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xl\:hover\:from-red:hover{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xl\:hover\:from-orange-100:hover{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xl\:hover\:from-orange-200:hover{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xl\:hover\:from-orange-300:hover{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xl\:hover\:from-orange-400:hover{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xl\:hover\:from-orange-500:hover{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xl\:hover\:from-orange-600:hover{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xl\:hover\:from-orange-700:hover{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xl\:hover\:from-orange-800:hover{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xl\:hover\:from-orange-900:hover{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xl\:hover\:from-yellow-100:hover{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xl\:hover\:from-yellow-200:hover{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xl\:hover\:from-yellow-300:hover{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xl\:hover\:from-yellow-400:hover{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xl\:hover\:from-yellow-500:hover{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xl\:hover\:from-yellow-600:hover{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xl\:hover\:from-yellow-700:hover{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xl\:hover\:from-yellow-800:hover{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xl\:hover\:from-yellow-900:hover{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xl\:hover\:from-green-100:hover{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xl\:hover\:from-green-200:hover{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xl\:hover\:from-green-300:hover{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xl\:hover\:from-green-400:hover{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xl\:hover\:from-green-500:hover{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xl\:hover\:from-green-600:hover{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xl\:hover\:from-green-700:hover{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xl\:hover\:from-green-800:hover{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xl\:hover\:from-green-900:hover{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xl\:hover\:from-teal-100:hover{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xl\:hover\:from-teal-200:hover{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xl\:hover\:from-teal-300:hover{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xl\:hover\:from-teal-400:hover{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xl\:hover\:from-teal-500:hover{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xl\:hover\:from-teal-600:hover{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xl\:hover\:from-teal-700:hover{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xl\:hover\:from-teal-800:hover{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xl\:hover\:from-teal-900:hover{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xl\:hover\:from-blue-100:hover{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xl\:hover\:from-blue-200:hover{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xl\:hover\:from-blue-300:hover{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xl\:hover\:from-blue-400:hover{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xl\:hover\:from-blue-500:hover{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xl\:hover\:from-blue-600:hover{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xl\:hover\:from-blue-700:hover{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xl\:hover\:from-blue-800:hover{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xl\:hover\:from-blue-900:hover{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xl\:hover\:from-indigo-100:hover{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xl\:hover\:from-indigo-200:hover{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xl\:hover\:from-indigo-300:hover{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xl\:hover\:from-indigo-400:hover{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xl\:hover\:from-indigo-500:hover{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xl\:hover\:from-indigo-600:hover{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xl\:hover\:from-indigo-700:hover{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xl\:hover\:from-indigo-800:hover{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xl\:hover\:from-indigo-900:hover{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xl\:hover\:from-purple-100:hover{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xl\:hover\:from-purple-200:hover{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xl\:hover\:from-purple-300:hover{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xl\:hover\:from-purple-400:hover{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xl\:hover\:from-purple-500:hover{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xl\:hover\:from-purple-600:hover{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xl\:hover\:from-purple-700:hover{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xl\:hover\:from-purple-800:hover{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xl\:hover\:from-purple-900:hover{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xl\:hover\:from-pink-100:hover{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xl\:hover\:from-pink-200:hover{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xl\:hover\:from-pink-300:hover{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xl\:hover\:from-pink-400:hover{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xl\:hover\:from-pink-500:hover{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xl\:hover\:from-pink-600:hover{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xl\:hover\:from-pink-700:hover{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xl\:hover\:from-pink-800:hover{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xl\:hover\:from-pink-900:hover{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xl\:hover\:from-primary-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:hover\:from-primary-hover-color:hover{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:hover\:from-gray-body:hover{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xl\:hover\:from-gray-light:hover{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xl\:hover\:from-gray-333:hover{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xl\:hover\:from-gray-666:hover{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xl\:hover\:from-gray-888:hover{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xl\:hover\:from-gray-999:hover{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xl\:hover\:from-gray-icon:hover{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xl\:hover\:from-gray-features:hover{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xl\:hover\:from-slide-border:hover{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xl\:hover\:from-sale-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:hover\:from-hit-color:hover{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xl\:hover\:from-new-color:hover{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xl\:hover\:from-fb-hover-color:hover{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xl\:hover\:from-fb-active-color:hover{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xl\:hover\:from-vk-hover-color:hover{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xl\:hover\:from-vk-active-color:hover{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xl\:hover\:from-insta-hover-color:hover{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xl\:hover\:from-insta-active-color:hover{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xl\:hover\:from-gray-dc:hover{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xl\:hover\:from-gray-cd:hover{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xl\:hover\:from-gray-e7:hover{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xl\:hover\:from-check-color:hover{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xl\:hover\:from-docx-color:hover{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xl\:hover\:from-dark-black:hover{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xl\:hover\:from-green-light:hover{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xl\:hover\:via-transparent:hover{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:hover\:via-current:hover{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:hover\:via-black:hover{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:hover\:via-white:hover{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:hover\:via-gray-100:hover{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xl\:hover\:via-gray-200:hover{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xl\:hover\:via-gray-300:hover{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xl\:hover\:via-gray-400:hover{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xl\:hover\:via-gray-500:hover{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xl\:hover\:via-gray-600:hover{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xl\:hover\:via-gray-700:hover{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xl\:hover\:via-gray-800:hover{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xl\:hover\:via-gray-900:hover{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xl\:hover\:via-red:hover{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xl\:hover\:via-orange-100:hover{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xl\:hover\:via-orange-200:hover{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xl\:hover\:via-orange-300:hover{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xl\:hover\:via-orange-400:hover{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xl\:hover\:via-orange-500:hover{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xl\:hover\:via-orange-600:hover{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xl\:hover\:via-orange-700:hover{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xl\:hover\:via-orange-800:hover{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xl\:hover\:via-orange-900:hover{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xl\:hover\:via-yellow-100:hover{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xl\:hover\:via-yellow-200:hover{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xl\:hover\:via-yellow-300:hover{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xl\:hover\:via-yellow-400:hover{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xl\:hover\:via-yellow-500:hover{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xl\:hover\:via-yellow-600:hover{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xl\:hover\:via-yellow-700:hover{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xl\:hover\:via-yellow-800:hover{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xl\:hover\:via-yellow-900:hover{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xl\:hover\:via-green-100:hover{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xl\:hover\:via-green-200:hover{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xl\:hover\:via-green-300:hover{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xl\:hover\:via-green-400:hover{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xl\:hover\:via-green-500:hover{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xl\:hover\:via-green-600:hover{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xl\:hover\:via-green-700:hover{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xl\:hover\:via-green-800:hover{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xl\:hover\:via-green-900:hover{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xl\:hover\:via-teal-100:hover{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xl\:hover\:via-teal-200:hover{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xl\:hover\:via-teal-300:hover{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xl\:hover\:via-teal-400:hover{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xl\:hover\:via-teal-500:hover{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xl\:hover\:via-teal-600:hover{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xl\:hover\:via-teal-700:hover{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xl\:hover\:via-teal-800:hover{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xl\:hover\:via-teal-900:hover{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xl\:hover\:via-blue-100:hover{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xl\:hover\:via-blue-200:hover{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xl\:hover\:via-blue-300:hover{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xl\:hover\:via-blue-400:hover{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xl\:hover\:via-blue-500:hover{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xl\:hover\:via-blue-600:hover{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xl\:hover\:via-blue-700:hover{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xl\:hover\:via-blue-800:hover{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xl\:hover\:via-blue-900:hover{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xl\:hover\:via-indigo-100:hover{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xl\:hover\:via-indigo-200:hover{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xl\:hover\:via-indigo-300:hover{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xl\:hover\:via-indigo-400:hover{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xl\:hover\:via-indigo-500:hover{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xl\:hover\:via-indigo-600:hover{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xl\:hover\:via-indigo-700:hover{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xl\:hover\:via-indigo-800:hover{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xl\:hover\:via-indigo-900:hover{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xl\:hover\:via-purple-100:hover{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xl\:hover\:via-purple-200:hover{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xl\:hover\:via-purple-300:hover{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xl\:hover\:via-purple-400:hover{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xl\:hover\:via-purple-500:hover{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xl\:hover\:via-purple-600:hover{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xl\:hover\:via-purple-700:hover{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xl\:hover\:via-purple-800:hover{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xl\:hover\:via-purple-900:hover{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xl\:hover\:via-pink-100:hover{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xl\:hover\:via-pink-200:hover{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xl\:hover\:via-pink-300:hover{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xl\:hover\:via-pink-400:hover{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xl\:hover\:via-pink-500:hover{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xl\:hover\:via-pink-600:hover{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xl\:hover\:via-pink-700:hover{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xl\:hover\:via-pink-800:hover{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xl\:hover\:via-pink-900:hover{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xl\:hover\:via-primary-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:hover\:via-primary-hover-color:hover{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:hover\:via-gray-body:hover{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xl\:hover\:via-gray-light:hover{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xl\:hover\:via-gray-333:hover{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xl\:hover\:via-gray-666:hover{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xl\:hover\:via-gray-888:hover{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xl\:hover\:via-gray-999:hover{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xl\:hover\:via-gray-icon:hover{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xl\:hover\:via-gray-features:hover{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xl\:hover\:via-slide-border:hover{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xl\:hover\:via-sale-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:hover\:via-hit-color:hover{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xl\:hover\:via-new-color:hover{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xl\:hover\:via-fb-hover-color:hover{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xl\:hover\:via-fb-active-color:hover{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xl\:hover\:via-vk-hover-color:hover{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xl\:hover\:via-vk-active-color:hover{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xl\:hover\:via-insta-hover-color:hover{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xl\:hover\:via-insta-active-color:hover{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xl\:hover\:via-gray-dc:hover{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xl\:hover\:via-gray-cd:hover{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xl\:hover\:via-gray-e7:hover{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xl\:hover\:via-check-color:hover{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xl\:hover\:via-docx-color:hover{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xl\:hover\:via-dark-black:hover{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xl\:hover\:via-green-light:hover{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xl\:hover\:to-transparent:hover{
    --gradient-to-color: transparent !important;
  }

  .xl\:hover\:to-current:hover{
    --gradient-to-color: currentColor !important;
  }

  .xl\:hover\:to-black:hover{
    --gradient-to-color: #000 !important;
  }

  .xl\:hover\:to-white:hover{
    --gradient-to-color: #fff !important;
  }

  .xl\:hover\:to-gray-100:hover{
    --gradient-to-color: #f7fafc !important;
  }

  .xl\:hover\:to-gray-200:hover{
    --gradient-to-color: #edf2f7 !important;
  }

  .xl\:hover\:to-gray-300:hover{
    --gradient-to-color: #e2e8f0 !important;
  }

  .xl\:hover\:to-gray-400:hover{
    --gradient-to-color: #cbd5e0 !important;
  }

  .xl\:hover\:to-gray-500:hover{
    --gradient-to-color: #a0aec0 !important;
  }

  .xl\:hover\:to-gray-600:hover{
    --gradient-to-color: #718096 !important;
  }

  .xl\:hover\:to-gray-700:hover{
    --gradient-to-color: #4a5568 !important;
  }

  .xl\:hover\:to-gray-800:hover{
    --gradient-to-color: #2d3748 !important;
  }

  .xl\:hover\:to-gray-900:hover{
    --gradient-to-color: #1a202c !important;
  }

  .xl\:hover\:to-red:hover{
    --gradient-to-color: #cc0a0a !important;
  }

  .xl\:hover\:to-orange-100:hover{
    --gradient-to-color: #fffaf0 !important;
  }

  .xl\:hover\:to-orange-200:hover{
    --gradient-to-color: #feebc8 !important;
  }

  .xl\:hover\:to-orange-300:hover{
    --gradient-to-color: #fbd38d !important;
  }

  .xl\:hover\:to-orange-400:hover{
    --gradient-to-color: #f6ad55 !important;
  }

  .xl\:hover\:to-orange-500:hover{
    --gradient-to-color: #ed8936 !important;
  }

  .xl\:hover\:to-orange-600:hover{
    --gradient-to-color: #dd6b20 !important;
  }

  .xl\:hover\:to-orange-700:hover{
    --gradient-to-color: #c05621 !important;
  }

  .xl\:hover\:to-orange-800:hover{
    --gradient-to-color: #9c4221 !important;
  }

  .xl\:hover\:to-orange-900:hover{
    --gradient-to-color: #7b341e !important;
  }

  .xl\:hover\:to-yellow-100:hover{
    --gradient-to-color: #fffff0 !important;
  }

  .xl\:hover\:to-yellow-200:hover{
    --gradient-to-color: #fefcbf !important;
  }

  .xl\:hover\:to-yellow-300:hover{
    --gradient-to-color: #faf089 !important;
  }

  .xl\:hover\:to-yellow-400:hover{
    --gradient-to-color: #f6e05e !important;
  }

  .xl\:hover\:to-yellow-500:hover{
    --gradient-to-color: #ecc94b !important;
  }

  .xl\:hover\:to-yellow-600:hover{
    --gradient-to-color: #d69e2e !important;
  }

  .xl\:hover\:to-yellow-700:hover{
    --gradient-to-color: #b7791f !important;
  }

  .xl\:hover\:to-yellow-800:hover{
    --gradient-to-color: #975a16 !important;
  }

  .xl\:hover\:to-yellow-900:hover{
    --gradient-to-color: #744210 !important;
  }

  .xl\:hover\:to-green-100:hover{
    --gradient-to-color: #f0fff4 !important;
  }

  .xl\:hover\:to-green-200:hover{
    --gradient-to-color: #c6f6d5 !important;
  }

  .xl\:hover\:to-green-300:hover{
    --gradient-to-color: #9ae6b4 !important;
  }

  .xl\:hover\:to-green-400:hover{
    --gradient-to-color: #68d391 !important;
  }

  .xl\:hover\:to-green-500:hover{
    --gradient-to-color: #48bb78 !important;
  }

  .xl\:hover\:to-green-600:hover{
    --gradient-to-color: #38a169 !important;
  }

  .xl\:hover\:to-green-700:hover{
    --gradient-to-color: #2f855a !important;
  }

  .xl\:hover\:to-green-800:hover{
    --gradient-to-color: #276749 !important;
  }

  .xl\:hover\:to-green-900:hover{
    --gradient-to-color: #22543d !important;
  }

  .xl\:hover\:to-teal-100:hover{
    --gradient-to-color: #e6fffa !important;
  }

  .xl\:hover\:to-teal-200:hover{
    --gradient-to-color: #b2f5ea !important;
  }

  .xl\:hover\:to-teal-300:hover{
    --gradient-to-color: #81e6d9 !important;
  }

  .xl\:hover\:to-teal-400:hover{
    --gradient-to-color: #4fd1c5 !important;
  }

  .xl\:hover\:to-teal-500:hover{
    --gradient-to-color: #38b2ac !important;
  }

  .xl\:hover\:to-teal-600:hover{
    --gradient-to-color: #319795 !important;
  }

  .xl\:hover\:to-teal-700:hover{
    --gradient-to-color: #2c7a7b !important;
  }

  .xl\:hover\:to-teal-800:hover{
    --gradient-to-color: #285e61 !important;
  }

  .xl\:hover\:to-teal-900:hover{
    --gradient-to-color: #234e52 !important;
  }

  .xl\:hover\:to-blue-100:hover{
    --gradient-to-color: #ebf8ff !important;
  }

  .xl\:hover\:to-blue-200:hover{
    --gradient-to-color: #bee3f8 !important;
  }

  .xl\:hover\:to-blue-300:hover{
    --gradient-to-color: #90cdf4 !important;
  }

  .xl\:hover\:to-blue-400:hover{
    --gradient-to-color: #63b3ed !important;
  }

  .xl\:hover\:to-blue-500:hover{
    --gradient-to-color: #4299e1 !important;
  }

  .xl\:hover\:to-blue-600:hover{
    --gradient-to-color: #3182ce !important;
  }

  .xl\:hover\:to-blue-700:hover{
    --gradient-to-color: #2b6cb0 !important;
  }

  .xl\:hover\:to-blue-800:hover{
    --gradient-to-color: #2c5282 !important;
  }

  .xl\:hover\:to-blue-900:hover{
    --gradient-to-color: #2a4365 !important;
  }

  .xl\:hover\:to-indigo-100:hover{
    --gradient-to-color: #ebf4ff !important;
  }

  .xl\:hover\:to-indigo-200:hover{
    --gradient-to-color: #c3dafe !important;
  }

  .xl\:hover\:to-indigo-300:hover{
    --gradient-to-color: #a3bffa !important;
  }

  .xl\:hover\:to-indigo-400:hover{
    --gradient-to-color: #7f9cf5 !important;
  }

  .xl\:hover\:to-indigo-500:hover{
    --gradient-to-color: #667eea !important;
  }

  .xl\:hover\:to-indigo-600:hover{
    --gradient-to-color: #5a67d8 !important;
  }

  .xl\:hover\:to-indigo-700:hover{
    --gradient-to-color: #4c51bf !important;
  }

  .xl\:hover\:to-indigo-800:hover{
    --gradient-to-color: #434190 !important;
  }

  .xl\:hover\:to-indigo-900:hover{
    --gradient-to-color: #3c366b !important;
  }

  .xl\:hover\:to-purple-100:hover{
    --gradient-to-color: #faf5ff !important;
  }

  .xl\:hover\:to-purple-200:hover{
    --gradient-to-color: #e9d8fd !important;
  }

  .xl\:hover\:to-purple-300:hover{
    --gradient-to-color: #d6bcfa !important;
  }

  .xl\:hover\:to-purple-400:hover{
    --gradient-to-color: #b794f4 !important;
  }

  .xl\:hover\:to-purple-500:hover{
    --gradient-to-color: #9f7aea !important;
  }

  .xl\:hover\:to-purple-600:hover{
    --gradient-to-color: #805ad5 !important;
  }

  .xl\:hover\:to-purple-700:hover{
    --gradient-to-color: #6b46c1 !important;
  }

  .xl\:hover\:to-purple-800:hover{
    --gradient-to-color: #553c9a !important;
  }

  .xl\:hover\:to-purple-900:hover{
    --gradient-to-color: #44337a !important;
  }

  .xl\:hover\:to-pink-100:hover{
    --gradient-to-color: #fff5f7 !important;
  }

  .xl\:hover\:to-pink-200:hover{
    --gradient-to-color: #fed7e2 !important;
  }

  .xl\:hover\:to-pink-300:hover{
    --gradient-to-color: #fbb6ce !important;
  }

  .xl\:hover\:to-pink-400:hover{
    --gradient-to-color: #f687b3 !important;
  }

  .xl\:hover\:to-pink-500:hover{
    --gradient-to-color: #ed64a6 !important;
  }

  .xl\:hover\:to-pink-600:hover{
    --gradient-to-color: #d53f8c !important;
  }

  .xl\:hover\:to-pink-700:hover{
    --gradient-to-color: #b83280 !important;
  }

  .xl\:hover\:to-pink-800:hover{
    --gradient-to-color: #97266d !important;
  }

  .xl\:hover\:to-pink-900:hover{
    --gradient-to-color: #702459 !important;
  }

  .xl\:hover\:to-primary-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xl\:hover\:to-primary-hover-color:hover{
    --gradient-to-color: var(--hover-color) !important;
  }

  .xl\:hover\:to-gray-body:hover{
    --gradient-to-color: #f2f2f2 !important;
  }

  .xl\:hover\:to-gray-light:hover{
    --gradient-to-color: #ccc !important;
  }

  .xl\:hover\:to-gray-333:hover{
    --gradient-to-color: #333 !important;
  }

  .xl\:hover\:to-gray-666:hover{
    --gradient-to-color: #666 !important;
  }

  .xl\:hover\:to-gray-888:hover{
    --gradient-to-color: #888 !important;
  }

  .xl\:hover\:to-gray-999:hover{
    --gradient-to-color: #999 !important;
  }

  .xl\:hover\:to-gray-icon:hover{
    --gradient-to-color: #9a9a9a !important;
  }

  .xl\:hover\:to-gray-features:hover{
    --gradient-to-color: #f5f5f5 !important;
  }

  .xl\:hover\:to-slide-border:hover{
    --gradient-to-color: #e1e1e1 !important;
  }

  .xl\:hover\:to-sale-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xl\:hover\:to-hit-color:hover{
    --gradient-to-color: #ff9900 !important;
  }

  .xl\:hover\:to-new-color:hover{
    --gradient-to-color: #0fa3c6 !important;
  }

  .xl\:hover\:to-fb-hover-color:hover{
    --gradient-to-color: #5959d8 !important;
  }

  .xl\:hover\:to-fb-active-color:hover{
    --gradient-to-color: #4040b3 !important;
  }

  .xl\:hover\:to-vk-hover-color:hover{
    --gradient-to-color: #628dd3 !important;
  }

  .xl\:hover\:to-vk-active-color:hover{
    --gradient-to-color: #3768b9 !important;
  }

  .xl\:hover\:to-insta-hover-color:hover{
    --gradient-to-color: #af35d2 !important;
  }

  .xl\:hover\:to-insta-active-color:hover{
    --gradient-to-color: #7e47b7 !important;
  }

  .xl\:hover\:to-gray-dc:hover{
    --gradient-to-color: #dcdcdc !important;
  }

  .xl\:hover\:to-gray-cd:hover{
    --gradient-to-color: #cdcdcd !important;
  }

  .xl\:hover\:to-gray-e7:hover{
    --gradient-to-color: #e7e7e7 !important;
  }

  .xl\:hover\:to-check-color:hover{
    --gradient-to-color: #ce3a12 !important;
  }

  .xl\:hover\:to-docx-color:hover{
    --gradient-to-color: #1789e9 !important;
  }

  .xl\:hover\:to-dark-black:hover{
    --gradient-to-color: #010101 !important;
  }

  .xl\:hover\:to-green-light:hover{
    --gradient-to-color: #3ab011 !important;
  }

  .xl\:focus\:from-transparent:focus{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:focus\:from-current:focus{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:focus\:from-black:focus{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:focus\:from-white:focus{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:focus\:from-gray-100:focus{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xl\:focus\:from-gray-200:focus{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xl\:focus\:from-gray-300:focus{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xl\:focus\:from-gray-400:focus{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xl\:focus\:from-gray-500:focus{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xl\:focus\:from-gray-600:focus{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xl\:focus\:from-gray-700:focus{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xl\:focus\:from-gray-800:focus{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xl\:focus\:from-gray-900:focus{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xl\:focus\:from-red:focus{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xl\:focus\:from-orange-100:focus{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xl\:focus\:from-orange-200:focus{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xl\:focus\:from-orange-300:focus{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xl\:focus\:from-orange-400:focus{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xl\:focus\:from-orange-500:focus{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xl\:focus\:from-orange-600:focus{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xl\:focus\:from-orange-700:focus{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xl\:focus\:from-orange-800:focus{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xl\:focus\:from-orange-900:focus{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xl\:focus\:from-yellow-100:focus{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xl\:focus\:from-yellow-200:focus{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xl\:focus\:from-yellow-300:focus{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xl\:focus\:from-yellow-400:focus{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xl\:focus\:from-yellow-500:focus{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xl\:focus\:from-yellow-600:focus{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xl\:focus\:from-yellow-700:focus{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xl\:focus\:from-yellow-800:focus{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xl\:focus\:from-yellow-900:focus{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xl\:focus\:from-green-100:focus{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xl\:focus\:from-green-200:focus{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xl\:focus\:from-green-300:focus{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xl\:focus\:from-green-400:focus{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xl\:focus\:from-green-500:focus{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xl\:focus\:from-green-600:focus{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xl\:focus\:from-green-700:focus{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xl\:focus\:from-green-800:focus{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xl\:focus\:from-green-900:focus{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xl\:focus\:from-teal-100:focus{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xl\:focus\:from-teal-200:focus{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xl\:focus\:from-teal-300:focus{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xl\:focus\:from-teal-400:focus{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xl\:focus\:from-teal-500:focus{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xl\:focus\:from-teal-600:focus{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xl\:focus\:from-teal-700:focus{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xl\:focus\:from-teal-800:focus{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xl\:focus\:from-teal-900:focus{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xl\:focus\:from-blue-100:focus{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xl\:focus\:from-blue-200:focus{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xl\:focus\:from-blue-300:focus{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xl\:focus\:from-blue-400:focus{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xl\:focus\:from-blue-500:focus{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xl\:focus\:from-blue-600:focus{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xl\:focus\:from-blue-700:focus{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xl\:focus\:from-blue-800:focus{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xl\:focus\:from-blue-900:focus{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xl\:focus\:from-indigo-100:focus{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xl\:focus\:from-indigo-200:focus{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xl\:focus\:from-indigo-300:focus{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xl\:focus\:from-indigo-400:focus{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xl\:focus\:from-indigo-500:focus{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xl\:focus\:from-indigo-600:focus{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xl\:focus\:from-indigo-700:focus{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xl\:focus\:from-indigo-800:focus{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xl\:focus\:from-indigo-900:focus{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xl\:focus\:from-purple-100:focus{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xl\:focus\:from-purple-200:focus{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xl\:focus\:from-purple-300:focus{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xl\:focus\:from-purple-400:focus{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xl\:focus\:from-purple-500:focus{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xl\:focus\:from-purple-600:focus{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xl\:focus\:from-purple-700:focus{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xl\:focus\:from-purple-800:focus{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xl\:focus\:from-purple-900:focus{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xl\:focus\:from-pink-100:focus{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xl\:focus\:from-pink-200:focus{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xl\:focus\:from-pink-300:focus{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xl\:focus\:from-pink-400:focus{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xl\:focus\:from-pink-500:focus{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xl\:focus\:from-pink-600:focus{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xl\:focus\:from-pink-700:focus{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xl\:focus\:from-pink-800:focus{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xl\:focus\:from-pink-900:focus{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xl\:focus\:from-primary-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:focus\:from-primary-hover-color:focus{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:focus\:from-gray-body:focus{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xl\:focus\:from-gray-light:focus{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xl\:focus\:from-gray-333:focus{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xl\:focus\:from-gray-666:focus{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xl\:focus\:from-gray-888:focus{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xl\:focus\:from-gray-999:focus{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xl\:focus\:from-gray-icon:focus{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xl\:focus\:from-gray-features:focus{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xl\:focus\:from-slide-border:focus{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xl\:focus\:from-sale-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:focus\:from-hit-color:focus{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xl\:focus\:from-new-color:focus{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xl\:focus\:from-fb-hover-color:focus{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xl\:focus\:from-fb-active-color:focus{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xl\:focus\:from-vk-hover-color:focus{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xl\:focus\:from-vk-active-color:focus{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xl\:focus\:from-insta-hover-color:focus{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xl\:focus\:from-insta-active-color:focus{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xl\:focus\:from-gray-dc:focus{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xl\:focus\:from-gray-cd:focus{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xl\:focus\:from-gray-e7:focus{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xl\:focus\:from-check-color:focus{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xl\:focus\:from-docx-color:focus{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xl\:focus\:from-dark-black:focus{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xl\:focus\:from-green-light:focus{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xl\:focus\:via-transparent:focus{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:focus\:via-current:focus{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:focus\:via-black:focus{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xl\:focus\:via-white:focus{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:focus\:via-gray-100:focus{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xl\:focus\:via-gray-200:focus{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xl\:focus\:via-gray-300:focus{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xl\:focus\:via-gray-400:focus{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xl\:focus\:via-gray-500:focus{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xl\:focus\:via-gray-600:focus{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xl\:focus\:via-gray-700:focus{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xl\:focus\:via-gray-800:focus{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xl\:focus\:via-gray-900:focus{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xl\:focus\:via-red:focus{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xl\:focus\:via-orange-100:focus{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xl\:focus\:via-orange-200:focus{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xl\:focus\:via-orange-300:focus{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xl\:focus\:via-orange-400:focus{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xl\:focus\:via-orange-500:focus{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xl\:focus\:via-orange-600:focus{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xl\:focus\:via-orange-700:focus{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xl\:focus\:via-orange-800:focus{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xl\:focus\:via-orange-900:focus{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xl\:focus\:via-yellow-100:focus{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xl\:focus\:via-yellow-200:focus{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xl\:focus\:via-yellow-300:focus{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xl\:focus\:via-yellow-400:focus{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xl\:focus\:via-yellow-500:focus{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xl\:focus\:via-yellow-600:focus{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xl\:focus\:via-yellow-700:focus{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xl\:focus\:via-yellow-800:focus{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xl\:focus\:via-yellow-900:focus{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xl\:focus\:via-green-100:focus{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xl\:focus\:via-green-200:focus{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xl\:focus\:via-green-300:focus{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xl\:focus\:via-green-400:focus{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xl\:focus\:via-green-500:focus{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xl\:focus\:via-green-600:focus{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xl\:focus\:via-green-700:focus{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xl\:focus\:via-green-800:focus{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xl\:focus\:via-green-900:focus{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xl\:focus\:via-teal-100:focus{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xl\:focus\:via-teal-200:focus{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xl\:focus\:via-teal-300:focus{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xl\:focus\:via-teal-400:focus{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xl\:focus\:via-teal-500:focus{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xl\:focus\:via-teal-600:focus{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xl\:focus\:via-teal-700:focus{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xl\:focus\:via-teal-800:focus{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xl\:focus\:via-teal-900:focus{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xl\:focus\:via-blue-100:focus{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xl\:focus\:via-blue-200:focus{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xl\:focus\:via-blue-300:focus{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xl\:focus\:via-blue-400:focus{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xl\:focus\:via-blue-500:focus{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xl\:focus\:via-blue-600:focus{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xl\:focus\:via-blue-700:focus{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xl\:focus\:via-blue-800:focus{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xl\:focus\:via-blue-900:focus{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xl\:focus\:via-indigo-100:focus{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xl\:focus\:via-indigo-200:focus{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xl\:focus\:via-indigo-300:focus{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xl\:focus\:via-indigo-400:focus{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xl\:focus\:via-indigo-500:focus{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xl\:focus\:via-indigo-600:focus{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xl\:focus\:via-indigo-700:focus{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xl\:focus\:via-indigo-800:focus{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xl\:focus\:via-indigo-900:focus{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xl\:focus\:via-purple-100:focus{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xl\:focus\:via-purple-200:focus{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xl\:focus\:via-purple-300:focus{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xl\:focus\:via-purple-400:focus{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xl\:focus\:via-purple-500:focus{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xl\:focus\:via-purple-600:focus{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xl\:focus\:via-purple-700:focus{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xl\:focus\:via-purple-800:focus{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xl\:focus\:via-purple-900:focus{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xl\:focus\:via-pink-100:focus{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xl\:focus\:via-pink-200:focus{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xl\:focus\:via-pink-300:focus{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xl\:focus\:via-pink-400:focus{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xl\:focus\:via-pink-500:focus{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xl\:focus\:via-pink-600:focus{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xl\:focus\:via-pink-700:focus{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xl\:focus\:via-pink-800:focus{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xl\:focus\:via-pink-900:focus{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xl\:focus\:via-primary-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:focus\:via-primary-hover-color:focus{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:focus\:via-gray-body:focus{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xl\:focus\:via-gray-light:focus{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xl\:focus\:via-gray-333:focus{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xl\:focus\:via-gray-666:focus{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xl\:focus\:via-gray-888:focus{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xl\:focus\:via-gray-999:focus{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xl\:focus\:via-gray-icon:focus{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xl\:focus\:via-gray-features:focus{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xl\:focus\:via-slide-border:focus{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xl\:focus\:via-sale-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xl\:focus\:via-hit-color:focus{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xl\:focus\:via-new-color:focus{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xl\:focus\:via-fb-hover-color:focus{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xl\:focus\:via-fb-active-color:focus{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xl\:focus\:via-vk-hover-color:focus{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xl\:focus\:via-vk-active-color:focus{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xl\:focus\:via-insta-hover-color:focus{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xl\:focus\:via-insta-active-color:focus{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xl\:focus\:via-gray-dc:focus{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xl\:focus\:via-gray-cd:focus{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xl\:focus\:via-gray-e7:focus{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xl\:focus\:via-check-color:focus{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xl\:focus\:via-docx-color:focus{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xl\:focus\:via-dark-black:focus{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xl\:focus\:via-green-light:focus{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xl\:focus\:to-transparent:focus{
    --gradient-to-color: transparent !important;
  }

  .xl\:focus\:to-current:focus{
    --gradient-to-color: currentColor !important;
  }

  .xl\:focus\:to-black:focus{
    --gradient-to-color: #000 !important;
  }

  .xl\:focus\:to-white:focus{
    --gradient-to-color: #fff !important;
  }

  .xl\:focus\:to-gray-100:focus{
    --gradient-to-color: #f7fafc !important;
  }

  .xl\:focus\:to-gray-200:focus{
    --gradient-to-color: #edf2f7 !important;
  }

  .xl\:focus\:to-gray-300:focus{
    --gradient-to-color: #e2e8f0 !important;
  }

  .xl\:focus\:to-gray-400:focus{
    --gradient-to-color: #cbd5e0 !important;
  }

  .xl\:focus\:to-gray-500:focus{
    --gradient-to-color: #a0aec0 !important;
  }

  .xl\:focus\:to-gray-600:focus{
    --gradient-to-color: #718096 !important;
  }

  .xl\:focus\:to-gray-700:focus{
    --gradient-to-color: #4a5568 !important;
  }

  .xl\:focus\:to-gray-800:focus{
    --gradient-to-color: #2d3748 !important;
  }

  .xl\:focus\:to-gray-900:focus{
    --gradient-to-color: #1a202c !important;
  }

  .xl\:focus\:to-red:focus{
    --gradient-to-color: #cc0a0a !important;
  }

  .xl\:focus\:to-orange-100:focus{
    --gradient-to-color: #fffaf0 !important;
  }

  .xl\:focus\:to-orange-200:focus{
    --gradient-to-color: #feebc8 !important;
  }

  .xl\:focus\:to-orange-300:focus{
    --gradient-to-color: #fbd38d !important;
  }

  .xl\:focus\:to-orange-400:focus{
    --gradient-to-color: #f6ad55 !important;
  }

  .xl\:focus\:to-orange-500:focus{
    --gradient-to-color: #ed8936 !important;
  }

  .xl\:focus\:to-orange-600:focus{
    --gradient-to-color: #dd6b20 !important;
  }

  .xl\:focus\:to-orange-700:focus{
    --gradient-to-color: #c05621 !important;
  }

  .xl\:focus\:to-orange-800:focus{
    --gradient-to-color: #9c4221 !important;
  }

  .xl\:focus\:to-orange-900:focus{
    --gradient-to-color: #7b341e !important;
  }

  .xl\:focus\:to-yellow-100:focus{
    --gradient-to-color: #fffff0 !important;
  }

  .xl\:focus\:to-yellow-200:focus{
    --gradient-to-color: #fefcbf !important;
  }

  .xl\:focus\:to-yellow-300:focus{
    --gradient-to-color: #faf089 !important;
  }

  .xl\:focus\:to-yellow-400:focus{
    --gradient-to-color: #f6e05e !important;
  }

  .xl\:focus\:to-yellow-500:focus{
    --gradient-to-color: #ecc94b !important;
  }

  .xl\:focus\:to-yellow-600:focus{
    --gradient-to-color: #d69e2e !important;
  }

  .xl\:focus\:to-yellow-700:focus{
    --gradient-to-color: #b7791f !important;
  }

  .xl\:focus\:to-yellow-800:focus{
    --gradient-to-color: #975a16 !important;
  }

  .xl\:focus\:to-yellow-900:focus{
    --gradient-to-color: #744210 !important;
  }

  .xl\:focus\:to-green-100:focus{
    --gradient-to-color: #f0fff4 !important;
  }

  .xl\:focus\:to-green-200:focus{
    --gradient-to-color: #c6f6d5 !important;
  }

  .xl\:focus\:to-green-300:focus{
    --gradient-to-color: #9ae6b4 !important;
  }

  .xl\:focus\:to-green-400:focus{
    --gradient-to-color: #68d391 !important;
  }

  .xl\:focus\:to-green-500:focus{
    --gradient-to-color: #48bb78 !important;
  }

  .xl\:focus\:to-green-600:focus{
    --gradient-to-color: #38a169 !important;
  }

  .xl\:focus\:to-green-700:focus{
    --gradient-to-color: #2f855a !important;
  }

  .xl\:focus\:to-green-800:focus{
    --gradient-to-color: #276749 !important;
  }

  .xl\:focus\:to-green-900:focus{
    --gradient-to-color: #22543d !important;
  }

  .xl\:focus\:to-teal-100:focus{
    --gradient-to-color: #e6fffa !important;
  }

  .xl\:focus\:to-teal-200:focus{
    --gradient-to-color: #b2f5ea !important;
  }

  .xl\:focus\:to-teal-300:focus{
    --gradient-to-color: #81e6d9 !important;
  }

  .xl\:focus\:to-teal-400:focus{
    --gradient-to-color: #4fd1c5 !important;
  }

  .xl\:focus\:to-teal-500:focus{
    --gradient-to-color: #38b2ac !important;
  }

  .xl\:focus\:to-teal-600:focus{
    --gradient-to-color: #319795 !important;
  }

  .xl\:focus\:to-teal-700:focus{
    --gradient-to-color: #2c7a7b !important;
  }

  .xl\:focus\:to-teal-800:focus{
    --gradient-to-color: #285e61 !important;
  }

  .xl\:focus\:to-teal-900:focus{
    --gradient-to-color: #234e52 !important;
  }

  .xl\:focus\:to-blue-100:focus{
    --gradient-to-color: #ebf8ff !important;
  }

  .xl\:focus\:to-blue-200:focus{
    --gradient-to-color: #bee3f8 !important;
  }

  .xl\:focus\:to-blue-300:focus{
    --gradient-to-color: #90cdf4 !important;
  }

  .xl\:focus\:to-blue-400:focus{
    --gradient-to-color: #63b3ed !important;
  }

  .xl\:focus\:to-blue-500:focus{
    --gradient-to-color: #4299e1 !important;
  }

  .xl\:focus\:to-blue-600:focus{
    --gradient-to-color: #3182ce !important;
  }

  .xl\:focus\:to-blue-700:focus{
    --gradient-to-color: #2b6cb0 !important;
  }

  .xl\:focus\:to-blue-800:focus{
    --gradient-to-color: #2c5282 !important;
  }

  .xl\:focus\:to-blue-900:focus{
    --gradient-to-color: #2a4365 !important;
  }

  .xl\:focus\:to-indigo-100:focus{
    --gradient-to-color: #ebf4ff !important;
  }

  .xl\:focus\:to-indigo-200:focus{
    --gradient-to-color: #c3dafe !important;
  }

  .xl\:focus\:to-indigo-300:focus{
    --gradient-to-color: #a3bffa !important;
  }

  .xl\:focus\:to-indigo-400:focus{
    --gradient-to-color: #7f9cf5 !important;
  }

  .xl\:focus\:to-indigo-500:focus{
    --gradient-to-color: #667eea !important;
  }

  .xl\:focus\:to-indigo-600:focus{
    --gradient-to-color: #5a67d8 !important;
  }

  .xl\:focus\:to-indigo-700:focus{
    --gradient-to-color: #4c51bf !important;
  }

  .xl\:focus\:to-indigo-800:focus{
    --gradient-to-color: #434190 !important;
  }

  .xl\:focus\:to-indigo-900:focus{
    --gradient-to-color: #3c366b !important;
  }

  .xl\:focus\:to-purple-100:focus{
    --gradient-to-color: #faf5ff !important;
  }

  .xl\:focus\:to-purple-200:focus{
    --gradient-to-color: #e9d8fd !important;
  }

  .xl\:focus\:to-purple-300:focus{
    --gradient-to-color: #d6bcfa !important;
  }

  .xl\:focus\:to-purple-400:focus{
    --gradient-to-color: #b794f4 !important;
  }

  .xl\:focus\:to-purple-500:focus{
    --gradient-to-color: #9f7aea !important;
  }

  .xl\:focus\:to-purple-600:focus{
    --gradient-to-color: #805ad5 !important;
  }

  .xl\:focus\:to-purple-700:focus{
    --gradient-to-color: #6b46c1 !important;
  }

  .xl\:focus\:to-purple-800:focus{
    --gradient-to-color: #553c9a !important;
  }

  .xl\:focus\:to-purple-900:focus{
    --gradient-to-color: #44337a !important;
  }

  .xl\:focus\:to-pink-100:focus{
    --gradient-to-color: #fff5f7 !important;
  }

  .xl\:focus\:to-pink-200:focus{
    --gradient-to-color: #fed7e2 !important;
  }

  .xl\:focus\:to-pink-300:focus{
    --gradient-to-color: #fbb6ce !important;
  }

  .xl\:focus\:to-pink-400:focus{
    --gradient-to-color: #f687b3 !important;
  }

  .xl\:focus\:to-pink-500:focus{
    --gradient-to-color: #ed64a6 !important;
  }

  .xl\:focus\:to-pink-600:focus{
    --gradient-to-color: #d53f8c !important;
  }

  .xl\:focus\:to-pink-700:focus{
    --gradient-to-color: #b83280 !important;
  }

  .xl\:focus\:to-pink-800:focus{
    --gradient-to-color: #97266d !important;
  }

  .xl\:focus\:to-pink-900:focus{
    --gradient-to-color: #702459 !important;
  }

  .xl\:focus\:to-primary-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xl\:focus\:to-primary-hover-color:focus{
    --gradient-to-color: var(--hover-color) !important;
  }

  .xl\:focus\:to-gray-body:focus{
    --gradient-to-color: #f2f2f2 !important;
  }

  .xl\:focus\:to-gray-light:focus{
    --gradient-to-color: #ccc !important;
  }

  .xl\:focus\:to-gray-333:focus{
    --gradient-to-color: #333 !important;
  }

  .xl\:focus\:to-gray-666:focus{
    --gradient-to-color: #666 !important;
  }

  .xl\:focus\:to-gray-888:focus{
    --gradient-to-color: #888 !important;
  }

  .xl\:focus\:to-gray-999:focus{
    --gradient-to-color: #999 !important;
  }

  .xl\:focus\:to-gray-icon:focus{
    --gradient-to-color: #9a9a9a !important;
  }

  .xl\:focus\:to-gray-features:focus{
    --gradient-to-color: #f5f5f5 !important;
  }

  .xl\:focus\:to-slide-border:focus{
    --gradient-to-color: #e1e1e1 !important;
  }

  .xl\:focus\:to-sale-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xl\:focus\:to-hit-color:focus{
    --gradient-to-color: #ff9900 !important;
  }

  .xl\:focus\:to-new-color:focus{
    --gradient-to-color: #0fa3c6 !important;
  }

  .xl\:focus\:to-fb-hover-color:focus{
    --gradient-to-color: #5959d8 !important;
  }

  .xl\:focus\:to-fb-active-color:focus{
    --gradient-to-color: #4040b3 !important;
  }

  .xl\:focus\:to-vk-hover-color:focus{
    --gradient-to-color: #628dd3 !important;
  }

  .xl\:focus\:to-vk-active-color:focus{
    --gradient-to-color: #3768b9 !important;
  }

  .xl\:focus\:to-insta-hover-color:focus{
    --gradient-to-color: #af35d2 !important;
  }

  .xl\:focus\:to-insta-active-color:focus{
    --gradient-to-color: #7e47b7 !important;
  }

  .xl\:focus\:to-gray-dc:focus{
    --gradient-to-color: #dcdcdc !important;
  }

  .xl\:focus\:to-gray-cd:focus{
    --gradient-to-color: #cdcdcd !important;
  }

  .xl\:focus\:to-gray-e7:focus{
    --gradient-to-color: #e7e7e7 !important;
  }

  .xl\:focus\:to-check-color:focus{
    --gradient-to-color: #ce3a12 !important;
  }

  .xl\:focus\:to-docx-color:focus{
    --gradient-to-color: #1789e9 !important;
  }

  .xl\:focus\:to-dark-black:focus{
    --gradient-to-color: #010101 !important;
  }

  .xl\:focus\:to-green-light:focus{
    --gradient-to-color: #3ab011 !important;
  }

  .xl\:bg-opacity-0{
    --bg-opacity: 0 !important;
  }

  .xl\:bg-opacity-25{
    --bg-opacity: 0.25 !important;
  }

  .xl\:bg-opacity-50{
    --bg-opacity: 0.5 !important;
  }

  .xl\:bg-opacity-75{
    --bg-opacity: 0.75 !important;
  }

  .xl\:bg-opacity-100{
    --bg-opacity: 1 !important;
  }

  .xl\:hover\:bg-opacity-0:hover{
    --bg-opacity: 0 !important;
  }

  .xl\:hover\:bg-opacity-25:hover{
    --bg-opacity: 0.25 !important;
  }

  .xl\:hover\:bg-opacity-50:hover{
    --bg-opacity: 0.5 !important;
  }

  .xl\:hover\:bg-opacity-75:hover{
    --bg-opacity: 0.75 !important;
  }

  .xl\:hover\:bg-opacity-100:hover{
    --bg-opacity: 1 !important;
  }

  .xl\:focus\:bg-opacity-0:focus{
    --bg-opacity: 0 !important;
  }

  .xl\:focus\:bg-opacity-25:focus{
    --bg-opacity: 0.25 !important;
  }

  .xl\:focus\:bg-opacity-50:focus{
    --bg-opacity: 0.5 !important;
  }

  .xl\:focus\:bg-opacity-75:focus{
    --bg-opacity: 0.75 !important;
  }

  .xl\:focus\:bg-opacity-100:focus{
    --bg-opacity: 1 !important;
  }

  .xl\:bg-bottom{
    background-position: bottom !important;
  }

  .xl\:bg-center{
    background-position: center !important;
  }

  .xl\:bg-left{
    background-position: left !important;
  }

  .xl\:bg-left-bottom{
    background-position: left bottom !important;
  }

  .xl\:bg-left-top{
    background-position: left top !important;
  }

  .xl\:bg-right{
    background-position: right !important;
  }

  .xl\:bg-right-bottom{
    background-position: right bottom !important;
  }

  .xl\:bg-right-top{
    background-position: right top !important;
  }

  .xl\:bg-top{
    background-position: top !important;
  }

  .xl\:bg-repeat{
    background-repeat: repeat !important;
  }

  .xl\:bg-no-repeat{
    background-repeat: no-repeat !important;
  }

  .xl\:bg-repeat-x{
    background-repeat: repeat-x !important;
  }

  .xl\:bg-repeat-y{
    background-repeat: repeat-y !important;
  }

  .xl\:bg-repeat-round{
    background-repeat: round !important;
  }

  .xl\:bg-repeat-space{
    background-repeat: space !important;
  }

  .xl\:bg-auto{
    background-size: auto !important;
  }

  .xl\:bg-cover{
    background-size: cover !important;
  }

  .xl\:bg-contain{
    background-size: contain !important;
  }

  .xl\:border-collapse{
    border-collapse: collapse !important;
  }

  .xl\:border-separate{
    border-collapse: separate !important;
  }

  .xl\:border-transparent{
    border-color: transparent !important;
  }

  .xl\:border-current{
    border-color: currentColor !important;
  }

  .xl\:border-black{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xl\:border-white{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xl\:border-gray-100{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .xl\:border-gray-200{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .xl\:border-gray-300{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .xl\:border-gray-400{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .xl\:border-gray-500{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .xl\:border-gray-600{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .xl\:border-gray-700{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .xl\:border-gray-800{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .xl\:border-gray-900{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .xl\:border-red{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .xl\:border-orange-100{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .xl\:border-orange-200{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .xl\:border-orange-300{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .xl\:border-orange-400{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .xl\:border-orange-500{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .xl\:border-orange-600{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .xl\:border-orange-700{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .xl\:border-orange-800{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .xl\:border-orange-900{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .xl\:border-yellow-100{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .xl\:border-yellow-200{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .xl\:border-yellow-300{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .xl\:border-yellow-400{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .xl\:border-yellow-500{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .xl\:border-yellow-600{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .xl\:border-yellow-700{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .xl\:border-yellow-800{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .xl\:border-yellow-900{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .xl\:border-green-100{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .xl\:border-green-200{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .xl\:border-green-300{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .xl\:border-green-400{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .xl\:border-green-500{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .xl\:border-green-600{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .xl\:border-green-700{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .xl\:border-green-800{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .xl\:border-green-900{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .xl\:border-teal-100{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .xl\:border-teal-200{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .xl\:border-teal-300{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .xl\:border-teal-400{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .xl\:border-teal-500{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .xl\:border-teal-600{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .xl\:border-teal-700{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .xl\:border-teal-800{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .xl\:border-teal-900{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .xl\:border-blue-100{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .xl\:border-blue-200{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .xl\:border-blue-300{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .xl\:border-blue-400{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .xl\:border-blue-500{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .xl\:border-blue-600{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .xl\:border-blue-700{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .xl\:border-blue-800{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .xl\:border-blue-900{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .xl\:border-indigo-100{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .xl\:border-indigo-200{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .xl\:border-indigo-300{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .xl\:border-indigo-400{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .xl\:border-indigo-500{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .xl\:border-indigo-600{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .xl\:border-indigo-700{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .xl\:border-indigo-800{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .xl\:border-indigo-900{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .xl\:border-purple-100{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .xl\:border-purple-200{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .xl\:border-purple-300{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .xl\:border-purple-400{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .xl\:border-purple-500{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .xl\:border-purple-600{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .xl\:border-purple-700{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .xl\:border-purple-800{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .xl\:border-purple-900{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .xl\:border-pink-100{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .xl\:border-pink-200{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .xl\:border-pink-300{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .xl\:border-pink-400{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .xl\:border-pink-500{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .xl\:border-pink-600{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .xl\:border-pink-700{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .xl\:border-pink-800{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .xl\:border-pink-900{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .xl\:border-primary-color{
    border-color: var(--primary-color) !important;
  }

  .xl\:border-primary-hover-color{
    border-color: var(--hover-color) !important;
  }

  .xl\:border-gray-body{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .xl\:border-gray-light{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .xl\:border-gray-333{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .xl\:border-gray-666{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .xl\:border-gray-888{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .xl\:border-gray-999{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .xl\:border-gray-icon{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .xl\:border-gray-features{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .xl\:border-slide-border{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .xl\:border-sale-color{
    border-color: var(--primary-color) !important;
  }

  .xl\:border-hit-color{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .xl\:border-new-color{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .xl\:border-fb-hover-color{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .xl\:border-fb-active-color{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .xl\:border-vk-hover-color{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .xl\:border-vk-active-color{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .xl\:border-insta-hover-color{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .xl\:border-insta-active-color{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .xl\:border-gray-dc{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .xl\:border-gray-cd{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .xl\:border-gray-e7{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .xl\:border-check-color{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .xl\:border-docx-color{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .xl\:border-dark-black{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .xl\:border-green-light{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-transparent:hover{
    border-color: transparent !important;
  }

  .xl\:hover\:border-current:hover{
    border-color: currentColor !important;
  }

  .xl\:hover\:border-black:hover{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-white:hover{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-100:hover{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-200:hover{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-300:hover{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-400:hover{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-500:hover{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-600:hover{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-700:hover{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-800:hover{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-900:hover{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-red:hover{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-orange-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-orange-200:hover{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-orange-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-orange-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-orange-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-orange-600:hover{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-orange-700:hover{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-orange-800:hover{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-orange-900:hover{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-yellow-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-yellow-200:hover{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-yellow-300:hover{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-yellow-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-yellow-500:hover{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-yellow-600:hover{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-yellow-700:hover{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-yellow-800:hover{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-yellow-900:hover{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-green-100:hover{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-green-200:hover{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-green-300:hover{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-green-400:hover{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-green-500:hover{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-green-600:hover{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-green-700:hover{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-green-800:hover{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-green-900:hover{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-teal-100:hover{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-teal-200:hover{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-teal-300:hover{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-teal-400:hover{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-teal-500:hover{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-teal-600:hover{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-teal-700:hover{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-teal-800:hover{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-teal-900:hover{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-200:hover{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-300:hover{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-400:hover{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-500:hover{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-600:hover{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-700:hover{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-800:hover{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-blue-900:hover{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-indigo-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-indigo-200:hover{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-indigo-300:hover{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-indigo-400:hover{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-indigo-500:hover{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-indigo-600:hover{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-indigo-700:hover{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-indigo-800:hover{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-indigo-900:hover{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-purple-100:hover{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-purple-200:hover{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-purple-300:hover{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-purple-400:hover{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-purple-500:hover{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-purple-600:hover{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-purple-700:hover{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-purple-800:hover{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-purple-900:hover{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-pink-100:hover{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-pink-200:hover{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-pink-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-pink-400:hover{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-pink-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-pink-600:hover{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-pink-700:hover{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-pink-800:hover{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-pink-900:hover{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-primary-color:hover{
    border-color: var(--primary-color) !important;
  }

  .xl\:hover\:border-primary-hover-color:hover{
    border-color: var(--hover-color) !important;
  }

  .xl\:hover\:border-gray-body:hover{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-light:hover{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-333:hover{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-666:hover{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-888:hover{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-999:hover{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-icon:hover{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-features:hover{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-slide-border:hover{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-sale-color:hover{
    border-color: var(--primary-color) !important;
  }

  .xl\:hover\:border-hit-color:hover{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-new-color:hover{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-fb-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-fb-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-vk-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-vk-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-insta-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-insta-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-dc:hover{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-cd:hover{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-gray-e7:hover{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-check-color:hover{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-docx-color:hover{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-dark-black:hover{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .xl\:hover\:border-green-light:hover{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-transparent:focus{
    border-color: transparent !important;
  }

  .xl\:focus\:border-current:focus{
    border-color: currentColor !important;
  }

  .xl\:focus\:border-black:focus{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-white:focus{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-100:focus{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-200:focus{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-300:focus{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-400:focus{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-500:focus{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-600:focus{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-700:focus{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-800:focus{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-900:focus{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-red:focus{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-orange-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-orange-200:focus{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-orange-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-orange-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-orange-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-orange-600:focus{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-orange-700:focus{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-orange-800:focus{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-orange-900:focus{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-yellow-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-yellow-200:focus{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-yellow-300:focus{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-yellow-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-yellow-500:focus{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-yellow-600:focus{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-yellow-700:focus{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-yellow-800:focus{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-yellow-900:focus{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-green-100:focus{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-green-200:focus{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-green-300:focus{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-green-400:focus{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-green-500:focus{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-green-600:focus{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-green-700:focus{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-green-800:focus{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-green-900:focus{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-teal-100:focus{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-teal-200:focus{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-teal-300:focus{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-teal-400:focus{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-teal-500:focus{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-teal-600:focus{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-teal-700:focus{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-teal-800:focus{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-teal-900:focus{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-200:focus{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-300:focus{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-400:focus{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-500:focus{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-600:focus{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-700:focus{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-800:focus{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-blue-900:focus{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-indigo-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-indigo-200:focus{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-indigo-300:focus{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-indigo-400:focus{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-indigo-500:focus{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-indigo-600:focus{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-indigo-700:focus{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-indigo-800:focus{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-indigo-900:focus{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-purple-100:focus{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-purple-200:focus{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-purple-300:focus{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-purple-400:focus{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-purple-500:focus{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-purple-600:focus{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-purple-700:focus{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-purple-800:focus{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-purple-900:focus{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-pink-100:focus{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-pink-200:focus{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-pink-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-pink-400:focus{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-pink-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-pink-600:focus{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-pink-700:focus{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-pink-800:focus{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-pink-900:focus{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-primary-color:focus{
    border-color: var(--primary-color) !important;
  }

  .xl\:focus\:border-primary-hover-color:focus{
    border-color: var(--hover-color) !important;
  }

  .xl\:focus\:border-gray-body:focus{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-light:focus{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-333:focus{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-666:focus{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-888:focus{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-999:focus{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-icon:focus{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-features:focus{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-slide-border:focus{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-sale-color:focus{
    border-color: var(--primary-color) !important;
  }

  .xl\:focus\:border-hit-color:focus{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-new-color:focus{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-fb-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-fb-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-vk-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-vk-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-insta-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-insta-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-dc:focus{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-cd:focus{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-gray-e7:focus{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-check-color:focus{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-docx-color:focus{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-dark-black:focus{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .xl\:focus\:border-green-light:focus{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .xl\:border-opacity-0{
    --border-opacity: 0 !important;
  }

  .xl\:border-opacity-25{
    --border-opacity: 0.25 !important;
  }

  .xl\:border-opacity-50{
    --border-opacity: 0.5 !important;
  }

  .xl\:border-opacity-75{
    --border-opacity: 0.75 !important;
  }

  .xl\:border-opacity-100{
    --border-opacity: 1 !important;
  }

  .xl\:hover\:border-opacity-0:hover{
    --border-opacity: 0 !important;
  }

  .xl\:hover\:border-opacity-25:hover{
    --border-opacity: 0.25 !important;
  }

  .xl\:hover\:border-opacity-50:hover{
    --border-opacity: 0.5 !important;
  }

  .xl\:hover\:border-opacity-75:hover{
    --border-opacity: 0.75 !important;
  }

  .xl\:hover\:border-opacity-100:hover{
    --border-opacity: 1 !important;
  }

  .xl\:focus\:border-opacity-0:focus{
    --border-opacity: 0 !important;
  }

  .xl\:focus\:border-opacity-25:focus{
    --border-opacity: 0.25 !important;
  }

  .xl\:focus\:border-opacity-50:focus{
    --border-opacity: 0.5 !important;
  }

  .xl\:focus\:border-opacity-75:focus{
    --border-opacity: 0.75 !important;
  }

  .xl\:focus\:border-opacity-100:focus{
    --border-opacity: 1 !important;
  }

  .xl\:rounded-10{
    border-radius: 10px !important;
  }

  .xl\:rounded-none{
    border-radius: 0 !important;
  }

  .xl\:rounded-sm{
    border-radius: 0.125rem !important;
  }

  .xl\:rounded{
    border-radius: 0.25rem !important;
  }

  .xl\:rounded-md{
    border-radius: 0.375rem !important;
  }

  .xl\:rounded-lg{
    border-radius: 0.5rem !important;
  }

  .xl\:rounded-xl{
    border-radius: 0.75rem !important;
  }

  .xl\:rounded-2xl{
    border-radius: 1rem !important;
  }

  .xl\:rounded-3xl{
    border-radius: 1.5rem !important;
  }

  .xl\:rounded-full{
    border-radius: 9999px !important;
  }

  .xl\:rounded-50\%{
    border-radius: 50% !important;
  }

  .xl\:rounded-t-10{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  .xl\:rounded-r-10{
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }

  .xl\:rounded-b-10{
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .xl\:rounded-l-10{
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .xl\:rounded-t-none{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .xl\:rounded-r-none{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .xl\:rounded-b-none{
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .xl\:rounded-l-none{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .xl\:rounded-t-sm{
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }

  .xl\:rounded-r-sm{
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }

  .xl\:rounded-b-sm{
    border-bottom-right-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .xl\:rounded-l-sm{
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .xl\:rounded-t{
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }

  .xl\:rounded-r{
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }

  .xl\:rounded-b{
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .xl\:rounded-l{
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .xl\:rounded-t-md{
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }

  .xl\:rounded-r-md{
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }

  .xl\:rounded-b-md{
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .xl\:rounded-l-md{
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .xl\:rounded-t-lg{
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }

  .xl\:rounded-r-lg{
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }

  .xl\:rounded-b-lg{
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .xl\:rounded-l-lg{
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .xl\:rounded-t-xl{
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }

  .xl\:rounded-r-xl{
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }

  .xl\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .xl\:rounded-l-xl{
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .xl\:rounded-t-2xl{
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }

  .xl\:rounded-r-2xl{
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }

  .xl\:rounded-b-2xl{
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .xl\:rounded-l-2xl{
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .xl\:rounded-t-3xl{
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }

  .xl\:rounded-r-3xl{
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }

  .xl\:rounded-b-3xl{
    border-bottom-right-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .xl\:rounded-l-3xl{
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .xl\:rounded-t-full{
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
  }

  .xl\:rounded-r-full{
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
  }

  .xl\:rounded-b-full{
    border-bottom-right-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .xl\:rounded-l-full{
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .xl\:rounded-t-50\%{
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }

  .xl\:rounded-r-50\%{
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }

  .xl\:rounded-b-50\%{
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .xl\:rounded-l-50\%{
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .xl\:rounded-tl-10{
    border-top-left-radius: 10px !important;
  }

  .xl\:rounded-tr-10{
    border-top-right-radius: 10px !important;
  }

  .xl\:rounded-br-10{
    border-bottom-right-radius: 10px !important;
  }

  .xl\:rounded-bl-10{
    border-bottom-left-radius: 10px !important;
  }

  .xl\:rounded-tl-none{
    border-top-left-radius: 0 !important;
  }

  .xl\:rounded-tr-none{
    border-top-right-radius: 0 !important;
  }

  .xl\:rounded-br-none{
    border-bottom-right-radius: 0 !important;
  }

  .xl\:rounded-bl-none{
    border-bottom-left-radius: 0 !important;
  }

  .xl\:rounded-tl-sm{
    border-top-left-radius: 0.125rem !important;
  }

  .xl\:rounded-tr-sm{
    border-top-right-radius: 0.125rem !important;
  }

  .xl\:rounded-br-sm{
    border-bottom-right-radius: 0.125rem !important;
  }

  .xl\:rounded-bl-sm{
    border-bottom-left-radius: 0.125rem !important;
  }

  .xl\:rounded-tl{
    border-top-left-radius: 0.25rem !important;
  }

  .xl\:rounded-tr{
    border-top-right-radius: 0.25rem !important;
  }

  .xl\:rounded-br{
    border-bottom-right-radius: 0.25rem !important;
  }

  .xl\:rounded-bl{
    border-bottom-left-radius: 0.25rem !important;
  }

  .xl\:rounded-tl-md{
    border-top-left-radius: 0.375rem !important;
  }

  .xl\:rounded-tr-md{
    border-top-right-radius: 0.375rem !important;
  }

  .xl\:rounded-br-md{
    border-bottom-right-radius: 0.375rem !important;
  }

  .xl\:rounded-bl-md{
    border-bottom-left-radius: 0.375rem !important;
  }

  .xl\:rounded-tl-lg{
    border-top-left-radius: 0.5rem !important;
  }

  .xl\:rounded-tr-lg{
    border-top-right-radius: 0.5rem !important;
  }

  .xl\:rounded-br-lg{
    border-bottom-right-radius: 0.5rem !important;
  }

  .xl\:rounded-bl-lg{
    border-bottom-left-radius: 0.5rem !important;
  }

  .xl\:rounded-tl-xl{
    border-top-left-radius: 0.75rem !important;
  }

  .xl\:rounded-tr-xl{
    border-top-right-radius: 0.75rem !important;
  }

  .xl\:rounded-br-xl{
    border-bottom-right-radius: 0.75rem !important;
  }

  .xl\:rounded-bl-xl{
    border-bottom-left-radius: 0.75rem !important;
  }

  .xl\:rounded-tl-2xl{
    border-top-left-radius: 1rem !important;
  }

  .xl\:rounded-tr-2xl{
    border-top-right-radius: 1rem !important;
  }

  .xl\:rounded-br-2xl{
    border-bottom-right-radius: 1rem !important;
  }

  .xl\:rounded-bl-2xl{
    border-bottom-left-radius: 1rem !important;
  }

  .xl\:rounded-tl-3xl{
    border-top-left-radius: 1.5rem !important;
  }

  .xl\:rounded-tr-3xl{
    border-top-right-radius: 1.5rem !important;
  }

  .xl\:rounded-br-3xl{
    border-bottom-right-radius: 1.5rem !important;
  }

  .xl\:rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem !important;
  }

  .xl\:rounded-tl-full{
    border-top-left-radius: 9999px !important;
  }

  .xl\:rounded-tr-full{
    border-top-right-radius: 9999px !important;
  }

  .xl\:rounded-br-full{
    border-bottom-right-radius: 9999px !important;
  }

  .xl\:rounded-bl-full{
    border-bottom-left-radius: 9999px !important;
  }

  .xl\:rounded-tl-50\%{
    border-top-left-radius: 50% !important;
  }

  .xl\:rounded-tr-50\%{
    border-top-right-radius: 50% !important;
  }

  .xl\:rounded-br-50\%{
    border-bottom-right-radius: 50% !important;
  }

  .xl\:rounded-bl-50\%{
    border-bottom-left-radius: 50% !important;
  }

  .xl\:border-solid{
    border-style: solid !important;
  }

  .xl\:border-dashed{
    border-style: dashed !important;
  }

  .xl\:border-dotted{
    border-style: dotted !important;
  }

  .xl\:border-double{
    border-style: double !important;
  }

  .xl\:border-none{
    border-style: none !important;
  }

  .xl\:border-0{
    border-width: 0 !important;
  }

  .xl\:border-2{
    border-width: 2px !important;
  }

  .xl\:border-3{
    border-width: 3px !important;
  }

  .xl\:border-4{
    border-width: 4px !important;
  }

  .xl\:border-8{
    border-width: 8px !important;
  }

  .xl\:border{
    border-width: 1px !important;
  }

  .xl\:border-t-0{
    border-top-width: 0 !important;
  }

  .xl\:border-r-0{
    border-right-width: 0 !important;
  }

  .xl\:border-b-0{
    border-bottom-width: 0 !important;
  }

  .xl\:border-l-0{
    border-left-width: 0 !important;
  }

  .xl\:border-t-2{
    border-top-width: 2px !important;
  }

  .xl\:border-r-2{
    border-right-width: 2px !important;
  }

  .xl\:border-b-2{
    border-bottom-width: 2px !important;
  }

  .xl\:border-l-2{
    border-left-width: 2px !important;
  }

  .xl\:border-t-3{
    border-top-width: 3px !important;
  }

  .xl\:border-r-3{
    border-right-width: 3px !important;
  }

  .xl\:border-b-3{
    border-bottom-width: 3px !important;
  }

  .xl\:border-l-3{
    border-left-width: 3px !important;
  }

  .xl\:border-t-4{
    border-top-width: 4px !important;
  }

  .xl\:border-r-4{
    border-right-width: 4px !important;
  }

  .xl\:border-b-4{
    border-bottom-width: 4px !important;
  }

  .xl\:border-l-4{
    border-left-width: 4px !important;
  }

  .xl\:border-t-8{
    border-top-width: 8px !important;
  }

  .xl\:border-r-8{
    border-right-width: 8px !important;
  }

  .xl\:border-b-8{
    border-bottom-width: 8px !important;
  }

  .xl\:border-l-8{
    border-left-width: 8px !important;
  }

  .xl\:border-t{
    border-top-width: 1px !important;
  }

  .xl\:border-r{
    border-right-width: 1px !important;
  }

  .xl\:border-b{
    border-bottom-width: 1px !important;
  }

  .xl\:border-l{
    border-left-width: 1px !important;
  }

  .xl\:box-border{
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }

  .xl\:box-content{
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
  }

  .xl\:cursor-auto{
    cursor: auto !important;
  }

  .xl\:cursor-default{
    cursor: default !important;
  }

  .xl\:cursor-pointer{
    cursor: pointer !important;
  }

  .xl\:cursor-wait{
    cursor: wait !important;
  }

  .xl\:cursor-text{
    cursor: text !important;
  }

  .xl\:cursor-move{
    cursor: move !important;
  }

  .xl\:cursor-not-allowed{
    cursor: not-allowed !important;
  }

  .xl\:block{
    display: block !important;
  }

  .xl\:inline-block{
    display: inline-block !important;
  }

  .xl\:inline{
    display: inline !important;
  }

  .xl\:flex{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .xl\:inline-flex{
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .xl\:table{
    display: table !important;
  }

  .xl\:table-caption{
    display: table-caption !important;
  }

  .xl\:table-cell{
    display: table-cell !important;
  }

  .xl\:table-column{
    display: table-column !important;
  }

  .xl\:table-column-group{
    display: table-column-group !important;
  }

  .xl\:table-footer-group{
    display: table-footer-group !important;
  }

  .xl\:table-header-group{
    display: table-header-group !important;
  }

  .xl\:table-row-group{
    display: table-row-group !important;
  }

  .xl\:table-row{
    display: table-row !important;
  }

  .xl\:flow-root{
    display: flow-root !important;
  }

  .xl\:grid{
    display: grid !important;
  }

  .xl\:inline-grid{
    display: inline-grid !important;
  }

  .xl\:contents{
    display: contents !important;
  }

  .xl\:hidden{
    display: none !important;
  }

  .xl\:flex-row{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .xl\:flex-row-reverse{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .xl\:flex-col{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .xl\:flex-col-reverse{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .xl\:flex-wrap{
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .xl\:flex-wrap-reverse{
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .xl\:flex-no-wrap{
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .xl\:place-items-auto{
    place-items: auto !important;
  }

  .xl\:place-items-start{
    place-items: start !important;
  }

  .xl\:place-items-end{
    place-items: end !important;
  }

  .xl\:place-items-center{
    place-items: center !important;
  }

  .xl\:place-items-stretch{
    place-items: stretch !important;
  }

  .xl\:place-content-center{
    place-content: center !important;
  }

  .xl\:place-content-start{
    place-content: start !important;
  }

  .xl\:place-content-end{
    place-content: end !important;
  }

  .xl\:place-content-between{
    place-content: space-between !important;
  }

  .xl\:place-content-around{
    place-content: space-around !important;
  }

  .xl\:place-content-evenly{
    place-content: space-evenly !important;
  }

  .xl\:place-content-stretch{
    place-content: stretch !important;
  }

  .xl\:place-self-auto{
    place-self: auto !important;
  }

  .xl\:place-self-start{
    place-self: start !important;
  }

  .xl\:place-self-end{
    place-self: end !important;
  }

  .xl\:place-self-center{
    place-self: center !important;
  }

  .xl\:place-self-stretch{
    place-self: stretch !important;
  }

  .xl\:items-start{
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .xl\:items-end{
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .xl\:items-center{
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .xl\:items-baseline{
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .xl\:items-stretch{
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .xl\:content-center{
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .xl\:content-start{
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .xl\:content-end{
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .xl\:content-between{
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .xl\:content-around{
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .xl\:content-evenly{
    -ms-flex-line-pack: space-evenly !important;
    align-content: space-evenly !important;
  }

  .xl\:self-auto{
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .xl\:self-start{
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .xl\:self-end{
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .xl\:self-center{
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .xl\:self-stretch{
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .xl\:justify-items-auto{
    justify-items: auto !important;
  }

  .xl\:justify-items-start{
    justify-items: start !important;
  }

  .xl\:justify-items-end{
    justify-items: end !important;
  }

  .xl\:justify-items-center{
    justify-items: center !important;
  }

  .xl\:justify-items-stretch{
    justify-items: stretch !important;
  }

  .xl\:justify-start{
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .xl\:justify-end{
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .xl\:justify-center{
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .xl\:justify-between{
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .xl\:justify-around{
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .xl\:justify-evenly{
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .xl\:justify-self-auto{
    justify-self: auto !important;
  }

  .xl\:justify-self-start{
    justify-self: start !important;
  }

  .xl\:justify-self-end{
    justify-self: end !important;
  }

  .xl\:justify-self-center{
    justify-self: center !important;
  }

  .xl\:justify-self-stretch{
    justify-self: stretch !important;
  }

  .xl\:flex-1{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 0% !important;
    flex: 1 1 0% !important;
  }

  .xl\:flex-auto{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .xl\:flex-initial{
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
  }

  .xl\:flex-none{
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
  }

  .xl\:flex-grow-0{
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .xl\:flex-grow{
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .xl\:flex-shrink-0{
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .xl\:flex-shrink{
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .xl\:order-1{
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .xl\:order-2{
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .xl\:order-3{
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .xl\:order-4{
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .xl\:order-5{
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .xl\:order-6{
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }

  .xl\:order-7{
    -webkit-box-ordinal-group: 8 !important;
    -ms-flex-order: 7 !important;
    order: 7 !important;
  }

  .xl\:order-8{
    -webkit-box-ordinal-group: 9 !important;
    -ms-flex-order: 8 !important;
    order: 8 !important;
  }

  .xl\:order-9{
    -webkit-box-ordinal-group: 10 !important;
    -ms-flex-order: 9 !important;
    order: 9 !important;
  }

  .xl\:order-10{
    -webkit-box-ordinal-group: 11 !important;
    -ms-flex-order: 10 !important;
    order: 10 !important;
  }

  .xl\:order-11{
    -webkit-box-ordinal-group: 12 !important;
    -ms-flex-order: 11 !important;
    order: 11 !important;
  }

  .xl\:order-12{
    -webkit-box-ordinal-group: 13 !important;
    -ms-flex-order: 12 !important;
    order: 12 !important;
  }

  .xl\:order-first{
    -webkit-box-ordinal-group: -9998 !important;
    -ms-flex-order: -9999 !important;
    order: -9999 !important;
  }

  .xl\:order-last{
    -webkit-box-ordinal-group: 10000 !important;
    -ms-flex-order: 9999 !important;
    order: 9999 !important;
  }

  .xl\:order-none{
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .xl\:float-right{
    float: right !important;
  }

  .xl\:float-left{
    float: left !important;
  }

  .xl\:float-none{
    float: none !important;
  }

  .xl\:clearfix:after{
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  .xl\:clear-left{
    clear: left !important;
  }

  .xl\:clear-right{
    clear: right !important;
  }

  .xl\:clear-both{
    clear: both !important;
  }

  .xl\:clear-none{
    clear: none !important;
  }

  .xl\:font-sans{
    font-family: 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" !important;
  }

  .xl\:font-serif{
    font-family: Georgia, Cambria, "Times New Roman", Times, serif !important;
  }

  .xl\:font-mono{
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  }

  .xl\:font-hairline{
    font-weight: 100 !important;
  }

  .xl\:font-thin{
    font-weight: 200 !important;
  }

  .xl\:font-light{
    font-weight: 300 !important;
  }

  .xl\:font-normal{
    font-weight: 400 !important;
  }

  .xl\:font-medium{
    font-weight: 500 !important;
  }

  .xl\:font-semibold{
    font-weight: 600 !important;
  }

  .xl\:font-bold{
    font-weight: 700 !important;
  }

  .xl\:font-extrabold{
    font-weight: 800 !important;
  }

  .xl\:font-black{
    font-weight: 900 !important;
  }

  .xl\:hover\:font-hairline:hover{
    font-weight: 100 !important;
  }

  .xl\:hover\:font-thin:hover{
    font-weight: 200 !important;
  }

  .xl\:hover\:font-light:hover{
    font-weight: 300 !important;
  }

  .xl\:hover\:font-normal:hover{
    font-weight: 400 !important;
  }

  .xl\:hover\:font-medium:hover{
    font-weight: 500 !important;
  }

  .xl\:hover\:font-semibold:hover{
    font-weight: 600 !important;
  }

  .xl\:hover\:font-bold:hover{
    font-weight: 700 !important;
  }

  .xl\:hover\:font-extrabold:hover{
    font-weight: 800 !important;
  }

  .xl\:hover\:font-black:hover{
    font-weight: 900 !important;
  }

  .xl\:focus\:font-hairline:focus{
    font-weight: 100 !important;
  }

  .xl\:focus\:font-thin:focus{
    font-weight: 200 !important;
  }

  .xl\:focus\:font-light:focus{
    font-weight: 300 !important;
  }

  .xl\:focus\:font-normal:focus{
    font-weight: 400 !important;
  }

  .xl\:focus\:font-medium:focus{
    font-weight: 500 !important;
  }

  .xl\:focus\:font-semibold:focus{
    font-weight: 600 !important;
  }

  .xl\:focus\:font-bold:focus{
    font-weight: 700 !important;
  }

  .xl\:focus\:font-extrabold:focus{
    font-weight: 800 !important;
  }

  .xl\:focus\:font-black:focus{
    font-weight: 900 !important;
  }

  .xl\:h-0{
    height: 0 !important;
  }

  .xl\:h-1{
    height: 0.25rem !important;
  }

  .xl\:h-2{
    height: 0.5rem !important;
  }

  .xl\:h-3{
    height: 0.75rem !important;
  }

  .xl\:h-4{
    height: 1rem !important;
  }

  .xl\:h-5{
    height: 1.25rem !important;
  }

  .xl\:h-6{
    height: 1.5rem !important;
  }

  .xl\:h-8{
    height: 2rem !important;
  }

  .xl\:h-10{
    height: 2.5rem !important;
  }

  .xl\:h-12{
    height: 3rem !important;
  }

  .xl\:h-16{
    height: 4rem !important;
  }

  .xl\:h-20{
    height: 5rem !important;
  }

  .xl\:h-24{
    height: 6rem !important;
  }

  .xl\:h-28{
    height: 7rem !important;
  }

  .xl\:h-32{
    height: 8rem !important;
  }

  .xl\:h-40{
    height: 10rem !important;
  }

  .xl\:h-48{
    height: 12rem !important;
  }

  .xl\:h-56{
    height: 14rem !important;
  }

  .xl\:h-64{
    height: 16rem !important;
  }

  .xl\:h-auto{
    height: auto !important;
  }

  .xl\:h-px{
    height: 1px !important;
  }

  .xl\:h-2px{
    height: 2px !important;
  }

  .xl\:h-3px{
    height: 3px !important;
  }

  .xl\:h-5px{
    height: 5px !important;
  }

  .xl\:h-10px{
    height: 10px !important;
  }

  .xl\:h-15px{
    height: 15px !important;
  }

  .xl\:h-20px{
    height: 20px !important;
  }

  .xl\:h-25px{
    height: 25px !important;
  }

  .xl\:h-30px{
    height: 30px !important;
  }

  .xl\:h-36px{
    height: 36px !important;
  }

  .xl\:h-50px{
    height: 50px !important;
  }

  .xl\:h-60px{
    height: 60px !important;
  }

  .xl\:h-120px{
    height: 120px !important;
  }

  .xl\:h-full{
    height: 100% !important;
  }

  .xl\:h-screen{
    height: 100vh !important;
  }

  .xl\:text-xs{
    font-size: .75rem !important;
  }

  .xl\:text-sm{
    font-size: 14px !important;
  }

  .xl\:text-base{
    font-size: 16px !important;
  }

  .xl\:text-lg{
    font-size: 18px !important;
  }

  .xl\:text-xl{
    font-size: 20px !important;
  }

  .xl\:text-2xl{
    font-size: 1.5rem !important;
  }

  .xl\:text-3xl{
    font-size: 30px !important;
  }

  .xl\:text-4xl{
    font-size: 2.25rem !important;
  }

  .xl\:text-5xl{
    font-size: 3rem !important;
  }

  .xl\:text-6xl{
    font-size: 4rem !important;
  }

  .xl\:text-toy{
    font-size: 10px !important;
  }

  .xl\:text-xxs{
    font-size: 11px !important;
  }

  .xl\:text-tiny{
    font-size: 13px !important;
  }

  .xl\:text-normal{
    font-size: 15px !important;
  }

  .xl\:text-x21{
    font-size: 21px !important;
  }

  .xl\:text-x22{
    font-size: 22px !important;
  }

  .xl\:text-x23{
    font-size: 23px !important;
  }

  .xl\:text-x25{
    font-size: 25px !important;
  }

  .xl\:text-large{
    font-size: 40px !important;
  }

  .xl\:text-huge{
    font-size: 50px !important;
  }

  .xl\:leading-3{
    line-height: .75rem !important;
  }

  .xl\:leading-4{
    line-height: 1rem !important;
  }

  .xl\:leading-5{
    line-height: 1.25rem !important;
  }

  .xl\:leading-6{
    line-height: 1.5rem !important;
  }

  .xl\:leading-7{
    line-height: 1.75rem !important;
  }

  .xl\:leading-8{
    line-height: 2rem !important;
  }

  .xl\:leading-9{
    line-height: 2.25rem !important;
  }

  .xl\:leading-10{
    line-height: 2.5rem !important;
  }

  .xl\:leading-none{
    line-height: 1 !important;
  }

  .xl\:leading-tight{
    line-height: 1.25 !important;
  }

  .xl\:leading-snug{
    line-height: 1.375 !important;
  }

  .xl\:leading-normal{
    line-height: 1.5 !important;
  }

  .xl\:leading-relaxed{
    line-height: 1.625 !important;
  }

  .xl\:leading-loose{
    line-height: 2 !important;
  }

  .xl\:leading-60px{
    line-height: 60px !important;
  }

  .xl\:leading-small{
    line-height: 23px !important;
  }

  .xl\:leading-ordinary{
    line-height: 25px !important;
  }

  .xl\:list-inside{
    list-style-position: inside !important;
  }

  .xl\:list-outside{
    list-style-position: outside !important;
  }

  .xl\:list-none{
    list-style-type: none !important;
  }

  .xl\:list-disc{
    list-style-type: disc !important;
  }

  .xl\:list-decimal{
    list-style-type: decimal !important;
  }

  .xl\:list-line{
    list-style-type: - !important;
  }

  .xl\:m-0{
    margin: 0 !important;
  }

  .xl\:m-1{
    margin: 0.25rem !important;
  }

  .xl\:m-2{
    margin: 0.5rem !important;
  }

  .xl\:m-3{
    margin: 0.75rem !important;
  }

  .xl\:m-4{
    margin: 1rem !important;
  }

  .xl\:m-5{
    margin: 1.25rem !important;
  }

  .xl\:m-6{
    margin: 1.5rem !important;
  }

  .xl\:m-8{
    margin: 2rem !important;
  }

  .xl\:m-10{
    margin: 2.5rem !important;
  }

  .xl\:m-12{
    margin: 3rem !important;
  }

  .xl\:m-16{
    margin: 4rem !important;
  }

  .xl\:m-20{
    margin: 5rem !important;
  }

  .xl\:m-24{
    margin: 6rem !important;
  }

  .xl\:m-28{
    margin: 7rem !important;
  }

  .xl\:m-32{
    margin: 8rem !important;
  }

  .xl\:m-40{
    margin: 10rem !important;
  }

  .xl\:m-48{
    margin: 12rem !important;
  }

  .xl\:m-56{
    margin: 14rem !important;
  }

  .xl\:m-64{
    margin: 16rem !important;
  }

  .xl\:m-auto{
    margin: auto !important;
  }

  .xl\:m-px{
    margin: 1px !important;
  }

  .xl\:m-2px{
    margin: 2px !important;
  }

  .xl\:m-3px{
    margin: 3px !important;
  }

  .xl\:m-5px{
    margin: 5px !important;
  }

  .xl\:m-10px{
    margin: 10px !important;
  }

  .xl\:m-15px{
    margin: 15px !important;
  }

  .xl\:m-20px{
    margin: 20px !important;
  }

  .xl\:m-25px{
    margin: 25px !important;
  }

  .xl\:m-30px{
    margin: 30px !important;
  }

  .xl\:m-36px{
    margin: 36px !important;
  }

  .xl\:m-50px{
    margin: 50px !important;
  }

  .xl\:m-60px{
    margin: 60px !important;
  }

  .xl\:m-120px{
    margin: 120px !important;
  }

  .xl\:-m-1{
    margin: -0.25rem !important;
  }

  .xl\:-m-2{
    margin: -0.5rem !important;
  }

  .xl\:-m-3{
    margin: -0.75rem !important;
  }

  .xl\:-m-4{
    margin: -1rem !important;
  }

  .xl\:-m-5{
    margin: -1.25rem !important;
  }

  .xl\:-m-6{
    margin: -1.5rem !important;
  }

  .xl\:-m-8{
    margin: -2rem !important;
  }

  .xl\:-m-10{
    margin: -2.5rem !important;
  }

  .xl\:-m-12{
    margin: -3rem !important;
  }

  .xl\:-m-16{
    margin: -4rem !important;
  }

  .xl\:-m-20{
    margin: -5rem !important;
  }

  .xl\:-m-24{
    margin: -6rem !important;
  }

  .xl\:-m-28{
    margin: -7rem !important;
  }

  .xl\:-m-32{
    margin: -8rem !important;
  }

  .xl\:-m-40{
    margin: -10rem !important;
  }

  .xl\:-m-48{
    margin: -12rem !important;
  }

  .xl\:-m-56{
    margin: -14rem !important;
  }

  .xl\:-m-64{
    margin: -16rem !important;
  }

  .xl\:-m-px{
    margin: -1px !important;
  }

  .xl\:-m-2px{
    margin: -2px !important;
  }

  .xl\:-m-3px{
    margin: -3px !important;
  }

  .xl\:-m-5px{
    margin: -5px !important;
  }

  .xl\:-m-10px{
    margin: -10px !important;
  }

  .xl\:-m-15px{
    margin: -15px !important;
  }

  .xl\:-m-20px{
    margin: -20px !important;
  }

  .xl\:-m-25px{
    margin: -25px !important;
  }

  .xl\:-m-30px{
    margin: -30px !important;
  }

  .xl\:-m-36px{
    margin: -36px !important;
  }

  .xl\:-m-50px{
    margin: -50px !important;
  }

  .xl\:-m-60px{
    margin: -60px !important;
  }

  .xl\:-m-120px{
    margin: -120px !important;
  }

  .xl\:my-0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .xl\:mx-0{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .xl\:my-1{
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .xl\:mx-1{
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .xl\:my-2{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .xl\:mx-2{
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .xl\:my-3{
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .xl\:mx-3{
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  .xl\:my-4{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .xl\:mx-4{
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .xl\:my-5{
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .xl\:mx-5{
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }

  .xl\:my-6{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .xl\:mx-6{
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .xl\:my-8{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .xl\:mx-8{
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .xl\:my-10{
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .xl\:mx-10{
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .xl\:my-12{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .xl\:mx-12{
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .xl\:my-16{
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .xl\:mx-16{
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .xl\:my-20{
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .xl\:mx-20{
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .xl\:my-24{
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .xl\:mx-24{
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .xl\:my-28{
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .xl\:mx-28{
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .xl\:my-32{
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .xl\:mx-32{
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .xl\:my-40{
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .xl\:mx-40{
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .xl\:my-48{
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .xl\:mx-48{
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .xl\:my-56{
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }

  .xl\:mx-56{
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }

  .xl\:my-64{
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }

  .xl\:mx-64{
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }

  .xl\:my-auto{
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .xl\:mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .xl\:my-px{
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .xl\:mx-px{
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .xl\:my-2px{
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .xl\:mx-2px{
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .xl\:my-3px{
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .xl\:mx-3px{
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .xl\:my-5px{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .xl\:mx-5px{
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .xl\:my-10px{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .xl\:mx-10px{
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .xl\:my-15px{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .xl\:mx-15px{
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .xl\:my-20px{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .xl\:mx-20px{
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .xl\:my-25px{
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .xl\:mx-25px{
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .xl\:my-30px{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .xl\:mx-30px{
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .xl\:my-36px{
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }

  .xl\:mx-36px{
    margin-left: 36px !important;
    margin-right: 36px !important;
  }

  .xl\:my-50px{
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .xl\:mx-50px{
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .xl\:my-60px{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .xl\:mx-60px{
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .xl\:my-120px{
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .xl\:mx-120px{
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .xl\:-my-1{
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .xl\:-mx-1{
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }

  .xl\:-my-2{
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .xl\:-mx-2{
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }

  .xl\:-my-3{
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }

  .xl\:-mx-3{
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
  }

  .xl\:-my-4{
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .xl\:-mx-4{
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  .xl\:-my-5{
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }

  .xl\:-mx-5{
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
  }

  .xl\:-my-6{
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .xl\:-mx-6{
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }

  .xl\:-my-8{
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }

  .xl\:-mx-8{
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }

  .xl\:-my-10{
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }

  .xl\:-mx-10{
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important;
  }

  .xl\:-my-12{
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .xl\:-mx-12{
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }

  .xl\:-my-16{
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }

  .xl\:-mx-16{
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }

  .xl\:-my-20{
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }

  .xl\:-mx-20{
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }

  .xl\:-my-24{
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }

  .xl\:-mx-24{
    margin-left: -6rem !important;
    margin-right: -6rem !important;
  }

  .xl\:-my-28{
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }

  .xl\:-mx-28{
    margin-left: -7rem !important;
    margin-right: -7rem !important;
  }

  .xl\:-my-32{
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }

  .xl\:-mx-32{
    margin-left: -8rem !important;
    margin-right: -8rem !important;
  }

  .xl\:-my-40{
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }

  .xl\:-mx-40{
    margin-left: -10rem !important;
    margin-right: -10rem !important;
  }

  .xl\:-my-48{
    margin-top: -12rem !important;
    margin-bottom: -12rem !important;
  }

  .xl\:-mx-48{
    margin-left: -12rem !important;
    margin-right: -12rem !important;
  }

  .xl\:-my-56{
    margin-top: -14rem !important;
    margin-bottom: -14rem !important;
  }

  .xl\:-mx-56{
    margin-left: -14rem !important;
    margin-right: -14rem !important;
  }

  .xl\:-my-64{
    margin-top: -16rem !important;
    margin-bottom: -16rem !important;
  }

  .xl\:-mx-64{
    margin-left: -16rem !important;
    margin-right: -16rem !important;
  }

  .xl\:-my-px{
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .xl\:-mx-px{
    margin-left: -1px !important;
    margin-right: -1px !important;
  }

  .xl\:-my-2px{
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }

  .xl\:-mx-2px{
    margin-left: -2px !important;
    margin-right: -2px !important;
  }

  .xl\:-my-3px{
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }

  .xl\:-mx-3px{
    margin-left: -3px !important;
    margin-right: -3px !important;
  }

  .xl\:-my-5px{
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }

  .xl\:-mx-5px{
    margin-left: -5px !important;
    margin-right: -5px !important;
  }

  .xl\:-my-10px{
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .xl\:-mx-10px{
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .xl\:-my-15px{
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }

  .xl\:-mx-15px{
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .xl\:-my-20px{
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .xl\:-mx-20px{
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .xl\:-my-25px{
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }

  .xl\:-mx-25px{
    margin-left: -25px !important;
    margin-right: -25px !important;
  }

  .xl\:-my-30px{
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .xl\:-mx-30px{
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .xl\:-my-36px{
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }

  .xl\:-mx-36px{
    margin-left: -36px !important;
    margin-right: -36px !important;
  }

  .xl\:-my-50px{
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .xl\:-mx-50px{
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .xl\:-my-60px{
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .xl\:-mx-60px{
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .xl\:-my-120px{
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }

  .xl\:-mx-120px{
    margin-left: -120px !important;
    margin-right: -120px !important;
  }

  .xl\:mt-0{
    margin-top: 0 !important;
  }

  .xl\:mr-0{
    margin-right: 0 !important;
  }

  .xl\:mb-0{
    margin-bottom: 0 !important;
  }

  .xl\:ml-0{
    margin-left: 0 !important;
  }

  .xl\:mt-1{
    margin-top: 0.25rem !important;
  }

  .xl\:mr-1{
    margin-right: 0.25rem !important;
  }

  .xl\:mb-1{
    margin-bottom: 0.25rem !important;
  }

  .xl\:ml-1{
    margin-left: 0.25rem !important;
  }

  .xl\:mt-2{
    margin-top: 0.5rem !important;
  }

  .xl\:mr-2{
    margin-right: 0.5rem !important;
  }

  .xl\:mb-2{
    margin-bottom: 0.5rem !important;
  }

  .xl\:ml-2{
    margin-left: 0.5rem !important;
  }

  .xl\:mt-3{
    margin-top: 0.75rem !important;
  }

  .xl\:mr-3{
    margin-right: 0.75rem !important;
  }

  .xl\:mb-3{
    margin-bottom: 0.75rem !important;
  }

  .xl\:ml-3{
    margin-left: 0.75rem !important;
  }

  .xl\:mt-4{
    margin-top: 1rem !important;
  }

  .xl\:mr-4{
    margin-right: 1rem !important;
  }

  .xl\:mb-4{
    margin-bottom: 1rem !important;
  }

  .xl\:ml-4{
    margin-left: 1rem !important;
  }

  .xl\:mt-5{
    margin-top: 1.25rem !important;
  }

  .xl\:mr-5{
    margin-right: 1.25rem !important;
  }

  .xl\:mb-5{
    margin-bottom: 1.25rem !important;
  }

  .xl\:ml-5{
    margin-left: 1.25rem !important;
  }

  .xl\:mt-6{
    margin-top: 1.5rem !important;
  }

  .xl\:mr-6{
    margin-right: 1.5rem !important;
  }

  .xl\:mb-6{
    margin-bottom: 1.5rem !important;
  }

  .xl\:ml-6{
    margin-left: 1.5rem !important;
  }

  .xl\:mt-8{
    margin-top: 2rem !important;
  }

  .xl\:mr-8{
    margin-right: 2rem !important;
  }

  .xl\:mb-8{
    margin-bottom: 2rem !important;
  }

  .xl\:ml-8{
    margin-left: 2rem !important;
  }

  .xl\:mt-10{
    margin-top: 2.5rem !important;
  }

  .xl\:mr-10{
    margin-right: 2.5rem !important;
  }

  .xl\:mb-10{
    margin-bottom: 2.5rem !important;
  }

  .xl\:ml-10{
    margin-left: 2.5rem !important;
  }

  .xl\:mt-12{
    margin-top: 3rem !important;
  }

  .xl\:mr-12{
    margin-right: 3rem !important;
  }

  .xl\:mb-12{
    margin-bottom: 3rem !important;
  }

  .xl\:ml-12{
    margin-left: 3rem !important;
  }

  .xl\:mt-16{
    margin-top: 4rem !important;
  }

  .xl\:mr-16{
    margin-right: 4rem !important;
  }

  .xl\:mb-16{
    margin-bottom: 4rem !important;
  }

  .xl\:ml-16{
    margin-left: 4rem !important;
  }

  .xl\:mt-20{
    margin-top: 5rem !important;
  }

  .xl\:mr-20{
    margin-right: 5rem !important;
  }

  .xl\:mb-20{
    margin-bottom: 5rem !important;
  }

  .xl\:ml-20{
    margin-left: 5rem !important;
  }

  .xl\:mt-24{
    margin-top: 6rem !important;
  }

  .xl\:mr-24{
    margin-right: 6rem !important;
  }

  .xl\:mb-24{
    margin-bottom: 6rem !important;
  }

  .xl\:ml-24{
    margin-left: 6rem !important;
  }

  .xl\:mt-28{
    margin-top: 7rem !important;
  }

  .xl\:mr-28{
    margin-right: 7rem !important;
  }

  .xl\:mb-28{
    margin-bottom: 7rem !important;
  }

  .xl\:ml-28{
    margin-left: 7rem !important;
  }

  .xl\:mt-32{
    margin-top: 8rem !important;
  }

  .xl\:mr-32{
    margin-right: 8rem !important;
  }

  .xl\:mb-32{
    margin-bottom: 8rem !important;
  }

  .xl\:ml-32{
    margin-left: 8rem !important;
  }

  .xl\:mt-40{
    margin-top: 10rem !important;
  }

  .xl\:mr-40{
    margin-right: 10rem !important;
  }

  .xl\:mb-40{
    margin-bottom: 10rem !important;
  }

  .xl\:ml-40{
    margin-left: 10rem !important;
  }

  .xl\:mt-48{
    margin-top: 12rem !important;
  }

  .xl\:mr-48{
    margin-right: 12rem !important;
  }

  .xl\:mb-48{
    margin-bottom: 12rem !important;
  }

  .xl\:ml-48{
    margin-left: 12rem !important;
  }

  .xl\:mt-56{
    margin-top: 14rem !important;
  }

  .xl\:mr-56{
    margin-right: 14rem !important;
  }

  .xl\:mb-56{
    margin-bottom: 14rem !important;
  }

  .xl\:ml-56{
    margin-left: 14rem !important;
  }

  .xl\:mt-64{
    margin-top: 16rem !important;
  }

  .xl\:mr-64{
    margin-right: 16rem !important;
  }

  .xl\:mb-64{
    margin-bottom: 16rem !important;
  }

  .xl\:ml-64{
    margin-left: 16rem !important;
  }

  .xl\:mt-auto{
    margin-top: auto !important;
  }

  .xl\:mr-auto{
    margin-right: auto !important;
  }

  .xl\:mb-auto{
    margin-bottom: auto !important;
  }

  .xl\:ml-auto{
    margin-left: auto !important;
  }

  .xl\:mt-px{
    margin-top: 1px !important;
  }

  .xl\:mr-px{
    margin-right: 1px !important;
  }

  .xl\:mb-px{
    margin-bottom: 1px !important;
  }

  .xl\:ml-px{
    margin-left: 1px !important;
  }

  .xl\:mt-2px{
    margin-top: 2px !important;
  }

  .xl\:mr-2px{
    margin-right: 2px !important;
  }

  .xl\:mb-2px{
    margin-bottom: 2px !important;
  }

  .xl\:ml-2px{
    margin-left: 2px !important;
  }

  .xl\:mt-3px{
    margin-top: 3px !important;
  }

  .xl\:mr-3px{
    margin-right: 3px !important;
  }

  .xl\:mb-3px{
    margin-bottom: 3px !important;
  }

  .xl\:ml-3px{
    margin-left: 3px !important;
  }

  .xl\:mt-5px{
    margin-top: 5px !important;
  }

  .xl\:mr-5px{
    margin-right: 5px !important;
  }

  .xl\:mb-5px{
    margin-bottom: 5px !important;
  }

  .xl\:ml-5px{
    margin-left: 5px !important;
  }

  .xl\:mt-10px{
    margin-top: 10px !important;
  }

  .xl\:mr-10px{
    margin-right: 10px !important;
  }

  .xl\:mb-10px{
    margin-bottom: 10px !important;
  }

  .xl\:ml-10px{
    margin-left: 10px !important;
  }

  .xl\:mt-15px{
    margin-top: 15px !important;
  }

  .xl\:mr-15px{
    margin-right: 15px !important;
  }

  .xl\:mb-15px{
    margin-bottom: 15px !important;
  }

  .xl\:ml-15px{
    margin-left: 15px !important;
  }

  .xl\:mt-20px{
    margin-top: 20px !important;
  }

  .xl\:mr-20px{
    margin-right: 20px !important;
  }

  .xl\:mb-20px{
    margin-bottom: 20px !important;
  }

  .xl\:ml-20px{
    margin-left: 20px !important;
  }

  .xl\:mt-25px{
    margin-top: 25px !important;
  }

  .xl\:mr-25px{
    margin-right: 25px !important;
  }

  .xl\:mb-25px{
    margin-bottom: 25px !important;
  }

  .xl\:ml-25px{
    margin-left: 25px !important;
  }

  .xl\:mt-30px{
    margin-top: 30px !important;
  }

  .xl\:mr-30px{
    margin-right: 30px !important;
  }

  .xl\:mb-30px{
    margin-bottom: 30px !important;
  }

  .xl\:ml-30px{
    margin-left: 30px !important;
  }

  .xl\:mt-36px{
    margin-top: 36px !important;
  }

  .xl\:mr-36px{
    margin-right: 36px !important;
  }

  .xl\:mb-36px{
    margin-bottom: 36px !important;
  }

  .xl\:ml-36px{
    margin-left: 36px !important;
  }

  .xl\:mt-50px{
    margin-top: 50px !important;
  }

  .xl\:mr-50px{
    margin-right: 50px !important;
  }

  .xl\:mb-50px{
    margin-bottom: 50px !important;
  }

  .xl\:ml-50px{
    margin-left: 50px !important;
  }

  .xl\:mt-60px{
    margin-top: 60px !important;
  }

  .xl\:mr-60px{
    margin-right: 60px !important;
  }

  .xl\:mb-60px{
    margin-bottom: 60px !important;
  }

  .xl\:ml-60px{
    margin-left: 60px !important;
  }

  .xl\:mt-120px{
    margin-top: 120px !important;
  }

  .xl\:mr-120px{
    margin-right: 120px !important;
  }

  .xl\:mb-120px{
    margin-bottom: 120px !important;
  }

  .xl\:ml-120px{
    margin-left: 120px !important;
  }

  .xl\:-mt-1{
    margin-top: -0.25rem !important;
  }

  .xl\:-mr-1{
    margin-right: -0.25rem !important;
  }

  .xl\:-mb-1{
    margin-bottom: -0.25rem !important;
  }

  .xl\:-ml-1{
    margin-left: -0.25rem !important;
  }

  .xl\:-mt-2{
    margin-top: -0.5rem !important;
  }

  .xl\:-mr-2{
    margin-right: -0.5rem !important;
  }

  .xl\:-mb-2{
    margin-bottom: -0.5rem !important;
  }

  .xl\:-ml-2{
    margin-left: -0.5rem !important;
  }

  .xl\:-mt-3{
    margin-top: -0.75rem !important;
  }

  .xl\:-mr-3{
    margin-right: -0.75rem !important;
  }

  .xl\:-mb-3{
    margin-bottom: -0.75rem !important;
  }

  .xl\:-ml-3{
    margin-left: -0.75rem !important;
  }

  .xl\:-mt-4{
    margin-top: -1rem !important;
  }

  .xl\:-mr-4{
    margin-right: -1rem !important;
  }

  .xl\:-mb-4{
    margin-bottom: -1rem !important;
  }

  .xl\:-ml-4{
    margin-left: -1rem !important;
  }

  .xl\:-mt-5{
    margin-top: -1.25rem !important;
  }

  .xl\:-mr-5{
    margin-right: -1.25rem !important;
  }

  .xl\:-mb-5{
    margin-bottom: -1.25rem !important;
  }

  .xl\:-ml-5{
    margin-left: -1.25rem !important;
  }

  .xl\:-mt-6{
    margin-top: -1.5rem !important;
  }

  .xl\:-mr-6{
    margin-right: -1.5rem !important;
  }

  .xl\:-mb-6{
    margin-bottom: -1.5rem !important;
  }

  .xl\:-ml-6{
    margin-left: -1.5rem !important;
  }

  .xl\:-mt-8{
    margin-top: -2rem !important;
  }

  .xl\:-mr-8{
    margin-right: -2rem !important;
  }

  .xl\:-mb-8{
    margin-bottom: -2rem !important;
  }

  .xl\:-ml-8{
    margin-left: -2rem !important;
  }

  .xl\:-mt-10{
    margin-top: -2.5rem !important;
  }

  .xl\:-mr-10{
    margin-right: -2.5rem !important;
  }

  .xl\:-mb-10{
    margin-bottom: -2.5rem !important;
  }

  .xl\:-ml-10{
    margin-left: -2.5rem !important;
  }

  .xl\:-mt-12{
    margin-top: -3rem !important;
  }

  .xl\:-mr-12{
    margin-right: -3rem !important;
  }

  .xl\:-mb-12{
    margin-bottom: -3rem !important;
  }

  .xl\:-ml-12{
    margin-left: -3rem !important;
  }

  .xl\:-mt-16{
    margin-top: -4rem !important;
  }

  .xl\:-mr-16{
    margin-right: -4rem !important;
  }

  .xl\:-mb-16{
    margin-bottom: -4rem !important;
  }

  .xl\:-ml-16{
    margin-left: -4rem !important;
  }

  .xl\:-mt-20{
    margin-top: -5rem !important;
  }

  .xl\:-mr-20{
    margin-right: -5rem !important;
  }

  .xl\:-mb-20{
    margin-bottom: -5rem !important;
  }

  .xl\:-ml-20{
    margin-left: -5rem !important;
  }

  .xl\:-mt-24{
    margin-top: -6rem !important;
  }

  .xl\:-mr-24{
    margin-right: -6rem !important;
  }

  .xl\:-mb-24{
    margin-bottom: -6rem !important;
  }

  .xl\:-ml-24{
    margin-left: -6rem !important;
  }

  .xl\:-mt-28{
    margin-top: -7rem !important;
  }

  .xl\:-mr-28{
    margin-right: -7rem !important;
  }

  .xl\:-mb-28{
    margin-bottom: -7rem !important;
  }

  .xl\:-ml-28{
    margin-left: -7rem !important;
  }

  .xl\:-mt-32{
    margin-top: -8rem !important;
  }

  .xl\:-mr-32{
    margin-right: -8rem !important;
  }

  .xl\:-mb-32{
    margin-bottom: -8rem !important;
  }

  .xl\:-ml-32{
    margin-left: -8rem !important;
  }

  .xl\:-mt-40{
    margin-top: -10rem !important;
  }

  .xl\:-mr-40{
    margin-right: -10rem !important;
  }

  .xl\:-mb-40{
    margin-bottom: -10rem !important;
  }

  .xl\:-ml-40{
    margin-left: -10rem !important;
  }

  .xl\:-mt-48{
    margin-top: -12rem !important;
  }

  .xl\:-mr-48{
    margin-right: -12rem !important;
  }

  .xl\:-mb-48{
    margin-bottom: -12rem !important;
  }

  .xl\:-ml-48{
    margin-left: -12rem !important;
  }

  .xl\:-mt-56{
    margin-top: -14rem !important;
  }

  .xl\:-mr-56{
    margin-right: -14rem !important;
  }

  .xl\:-mb-56{
    margin-bottom: -14rem !important;
  }

  .xl\:-ml-56{
    margin-left: -14rem !important;
  }

  .xl\:-mt-64{
    margin-top: -16rem !important;
  }

  .xl\:-mr-64{
    margin-right: -16rem !important;
  }

  .xl\:-mb-64{
    margin-bottom: -16rem !important;
  }

  .xl\:-ml-64{
    margin-left: -16rem !important;
  }

  .xl\:-mt-px{
    margin-top: -1px !important;
  }

  .xl\:-mr-px{
    margin-right: -1px !important;
  }

  .xl\:-mb-px{
    margin-bottom: -1px !important;
  }

  .xl\:-ml-px{
    margin-left: -1px !important;
  }

  .xl\:-mt-2px{
    margin-top: -2px !important;
  }

  .xl\:-mr-2px{
    margin-right: -2px !important;
  }

  .xl\:-mb-2px{
    margin-bottom: -2px !important;
  }

  .xl\:-ml-2px{
    margin-left: -2px !important;
  }

  .xl\:-mt-3px{
    margin-top: -3px !important;
  }

  .xl\:-mr-3px{
    margin-right: -3px !important;
  }

  .xl\:-mb-3px{
    margin-bottom: -3px !important;
  }

  .xl\:-ml-3px{
    margin-left: -3px !important;
  }

  .xl\:-mt-5px{
    margin-top: -5px !important;
  }

  .xl\:-mr-5px{
    margin-right: -5px !important;
  }

  .xl\:-mb-5px{
    margin-bottom: -5px !important;
  }

  .xl\:-ml-5px{
    margin-left: -5px !important;
  }

  .xl\:-mt-10px{
    margin-top: -10px !important;
  }

  .xl\:-mr-10px{
    margin-right: -10px !important;
  }

  .xl\:-mb-10px{
    margin-bottom: -10px !important;
  }

  .xl\:-ml-10px{
    margin-left: -10px !important;
  }

  .xl\:-mt-15px{
    margin-top: -15px !important;
  }

  .xl\:-mr-15px{
    margin-right: -15px !important;
  }

  .xl\:-mb-15px{
    margin-bottom: -15px !important;
  }

  .xl\:-ml-15px{
    margin-left: -15px !important;
  }

  .xl\:-mt-20px{
    margin-top: -20px !important;
  }

  .xl\:-mr-20px{
    margin-right: -20px !important;
  }

  .xl\:-mb-20px{
    margin-bottom: -20px !important;
  }

  .xl\:-ml-20px{
    margin-left: -20px !important;
  }

  .xl\:-mt-25px{
    margin-top: -25px !important;
  }

  .xl\:-mr-25px{
    margin-right: -25px !important;
  }

  .xl\:-mb-25px{
    margin-bottom: -25px !important;
  }

  .xl\:-ml-25px{
    margin-left: -25px !important;
  }

  .xl\:-mt-30px{
    margin-top: -30px !important;
  }

  .xl\:-mr-30px{
    margin-right: -30px !important;
  }

  .xl\:-mb-30px{
    margin-bottom: -30px !important;
  }

  .xl\:-ml-30px{
    margin-left: -30px !important;
  }

  .xl\:-mt-36px{
    margin-top: -36px !important;
  }

  .xl\:-mr-36px{
    margin-right: -36px !important;
  }

  .xl\:-mb-36px{
    margin-bottom: -36px !important;
  }

  .xl\:-ml-36px{
    margin-left: -36px !important;
  }

  .xl\:-mt-50px{
    margin-top: -50px !important;
  }

  .xl\:-mr-50px{
    margin-right: -50px !important;
  }

  .xl\:-mb-50px{
    margin-bottom: -50px !important;
  }

  .xl\:-ml-50px{
    margin-left: -50px !important;
  }

  .xl\:-mt-60px{
    margin-top: -60px !important;
  }

  .xl\:-mr-60px{
    margin-right: -60px !important;
  }

  .xl\:-mb-60px{
    margin-bottom: -60px !important;
  }

  .xl\:-ml-60px{
    margin-left: -60px !important;
  }

  .xl\:-mt-120px{
    margin-top: -120px !important;
  }

  .xl\:-mr-120px{
    margin-right: -120px !important;
  }

  .xl\:-mb-120px{
    margin-bottom: -120px !important;
  }

  .xl\:-ml-120px{
    margin-left: -120px !important;
  }

  .xl\:max-h-full{
    max-height: 100% !important;
  }

  .xl\:max-h-screen{
    max-height: 100vh !important;
  }

  .xl\:max-h-3\/4{
    max-height: 75% !important;
  }

  .xl\:max-w-250{
    max-width: 250px !important;
  }

  .xl\:max-w-440{
    max-width: 440px !important;
  }

  .xl\:max-w-none{
    max-width: none !important;
  }

  .xl\:max-w-xs{
    max-width: 20rem !important;
  }

  .xl\:max-w-sm{
    max-width: 24rem !important;
  }

  .xl\:max-w-md{
    max-width: 28rem !important;
  }

  .xl\:max-w-lg{
    max-width: 32rem !important;
  }

  .xl\:max-w-xl{
    max-width: 36rem !important;
  }

  .xl\:max-w-2xl{
    max-width: 42rem !important;
  }

  .xl\:max-w-3xl{
    max-width: 48rem !important;
  }

  .xl\:max-w-4xl{
    max-width: 56rem !important;
  }

  .xl\:max-w-5xl{
    max-width: 64rem !important;
  }

  .xl\:max-w-6xl{
    max-width: 72rem !important;
  }

  .xl\:max-w-full{
    max-width: 100% !important;
  }

  .xl\:max-w-screen-sm{
    max-width: 560px !important;
  }

  .xl\:max-w-screen-md{
    max-width: 768px !important;
  }

  .xl\:max-w-screen-lg{
    max-width: 1024px !important;
  }

  .xl\:max-w-screen-xl{
    max-width: 1280px !important;
  }

  .xl\:max-w-screen-xxs{
    max-width: 320px !important;
  }

  .xl\:max-w-screen-xs{
    max-width: 360px !important;
  }

  .xl\:max-w-screen-xxl{
    max-width: 1920px !important;
  }

  .xl\:min-h-0{
    min-height: 0 !important;
  }

  .xl\:min-h-full{
    min-height: 100% !important;
  }

  .xl\:min-h-screen{
    min-height: 100vh !important;
  }

  .xl\:min-w-0{
    min-width: 0 !important;
  }

  .xl\:min-w-full{
    min-width: 100% !important;
  }

  .xl\:object-contain{
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .xl\:object-cover{
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .xl\:object-fill{
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .xl\:object-none{
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .xl\:object-scale-down{
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .xl\:object-bottom{
    -o-object-position: bottom !important;
    object-position: bottom !important;
  }

  .xl\:object-center{
    -o-object-position: center !important;
    object-position: center !important;
  }

  .xl\:object-left{
    -o-object-position: left !important;
    object-position: left !important;
  }

  .xl\:object-left-bottom{
    -o-object-position: left bottom !important;
    object-position: left bottom !important;
  }

  .xl\:object-left-top{
    -o-object-position: left top !important;
    object-position: left top !important;
  }

  .xl\:object-right{
    -o-object-position: right !important;
    object-position: right !important;
  }

  .xl\:object-right-bottom{
    -o-object-position: right bottom !important;
    object-position: right bottom !important;
  }

  .xl\:object-right-top{
    -o-object-position: right top !important;
    object-position: right top !important;
  }

  .xl\:object-top{
    -o-object-position: top !important;
    object-position: top !important;
  }

  .xl\:opacity-0{
    opacity: 0 !important;
  }

  .xl\:opacity-25{
    opacity: 0.25 !important;
  }

  .xl\:opacity-50{
    opacity: 0.5 !important;
  }

  .xl\:opacity-75{
    opacity: 0.75 !important;
  }

  .xl\:opacity-100{
    opacity: 1 !important;
  }

  .xl\:hover\:opacity-0:hover{
    opacity: 0 !important;
  }

  .xl\:hover\:opacity-25:hover{
    opacity: 0.25 !important;
  }

  .xl\:hover\:opacity-50:hover{
    opacity: 0.5 !important;
  }

  .xl\:hover\:opacity-75:hover{
    opacity: 0.75 !important;
  }

  .xl\:hover\:opacity-100:hover{
    opacity: 1 !important;
  }

  .xl\:focus\:opacity-0:focus{
    opacity: 0 !important;
  }

  .xl\:focus\:opacity-25:focus{
    opacity: 0.25 !important;
  }

  .xl\:focus\:opacity-50:focus{
    opacity: 0.5 !important;
  }

  .xl\:focus\:opacity-75:focus{
    opacity: 0.75 !important;
  }

  .xl\:focus\:opacity-100:focus{
    opacity: 1 !important;
  }

  .xl\:outline-none{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .xl\:outline-white{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .xl\:outline-black{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .xl\:focus\:outline-none:focus{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .xl\:focus\:outline-white:focus{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .xl\:focus\:outline-black:focus{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .xl\:overflow-auto{
    overflow: auto !important;
  }

  .xl\:overflow-hidden{
    overflow: hidden !important;
  }

  .xl\:overflow-visible{
    overflow: visible !important;
  }

  .xl\:overflow-scroll{
    overflow: scroll !important;
  }

  .xl\:overflow-x-auto{
    overflow-x: auto !important;
  }

  .xl\:overflow-y-auto{
    overflow-y: auto !important;
  }

  .xl\:overflow-x-hidden{
    overflow-x: hidden !important;
  }

  .xl\:overflow-y-hidden{
    overflow-y: hidden !important;
  }

  .xl\:overflow-x-visible{
    overflow-x: visible !important;
  }

  .xl\:overflow-y-visible{
    overflow-y: visible !important;
  }

  .xl\:overflow-x-scroll{
    overflow-x: scroll !important;
  }

  .xl\:overflow-y-scroll{
    overflow-y: scroll !important;
  }

  .xl\:scrolling-touch{
    -webkit-overflow-scrolling: touch !important;
  }

  .xl\:scrolling-auto{
    -webkit-overflow-scrolling: auto !important;
  }

  .xl\:overscroll-auto{
    -ms-scroll-chaining: chained !important;
    overscroll-behavior: auto !important;
  }

  .xl\:overscroll-contain{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: contain !important;
  }

  .xl\:overscroll-none{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: none !important;
  }

  .xl\:overscroll-y-auto{
    overscroll-behavior-y: auto !important;
  }

  .xl\:overscroll-y-contain{
    overscroll-behavior-y: contain !important;
  }

  .xl\:overscroll-y-none{
    overscroll-behavior-y: none !important;
  }

  .xl\:overscroll-x-auto{
    overscroll-behavior-x: auto !important;
  }

  .xl\:overscroll-x-contain{
    overscroll-behavior-x: contain !important;
  }

  .xl\:overscroll-x-none{
    overscroll-behavior-x: none !important;
  }

  .xl\:p-0{
    padding: 0 !important;
  }

  .xl\:p-1{
    padding: 0.25rem !important;
  }

  .xl\:p-2{
    padding: 0.5rem !important;
  }

  .xl\:p-3{
    padding: 0.75rem !important;
  }

  .xl\:p-4{
    padding: 1rem !important;
  }

  .xl\:p-5{
    padding: 1.25rem !important;
  }

  .xl\:p-6{
    padding: 1.5rem !important;
  }

  .xl\:p-8{
    padding: 2rem !important;
  }

  .xl\:p-10{
    padding: 2.5rem !important;
  }

  .xl\:p-12{
    padding: 3rem !important;
  }

  .xl\:p-16{
    padding: 4rem !important;
  }

  .xl\:p-20{
    padding: 5rem !important;
  }

  .xl\:p-24{
    padding: 6rem !important;
  }

  .xl\:p-28{
    padding: 7rem !important;
  }

  .xl\:p-32{
    padding: 8rem !important;
  }

  .xl\:p-40{
    padding: 10rem !important;
  }

  .xl\:p-48{
    padding: 12rem !important;
  }

  .xl\:p-56{
    padding: 14rem !important;
  }

  .xl\:p-64{
    padding: 16rem !important;
  }

  .xl\:p-px{
    padding: 1px !important;
  }

  .xl\:p-2px{
    padding: 2px !important;
  }

  .xl\:p-3px{
    padding: 3px !important;
  }

  .xl\:p-5px{
    padding: 5px !important;
  }

  .xl\:p-10px{
    padding: 10px !important;
  }

  .xl\:p-15px{
    padding: 15px !important;
  }

  .xl\:p-20px{
    padding: 20px !important;
  }

  .xl\:p-25px{
    padding: 25px !important;
  }

  .xl\:p-30px{
    padding: 30px !important;
  }

  .xl\:p-36px{
    padding: 36px !important;
  }

  .xl\:p-50px{
    padding: 50px !important;
  }

  .xl\:p-60px{
    padding: 60px !important;
  }

  .xl\:p-120px{
    padding: 120px !important;
  }

  .xl\:py-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .xl\:px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .xl\:py-1{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .xl\:px-1{
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .xl\:py-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .xl\:px-2{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .xl\:py-3{
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .xl\:px-3{
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .xl\:py-4{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .xl\:px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .xl\:py-5{
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .xl\:px-5{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .xl\:py-6{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .xl\:px-6{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .xl\:py-8{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .xl\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .xl\:py-10{
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .xl\:px-10{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .xl\:py-12{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .xl\:px-12{
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .xl\:py-16{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .xl\:px-16{
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .xl\:py-20{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .xl\:px-20{
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .xl\:py-24{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .xl\:px-24{
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .xl\:py-28{
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .xl\:px-28{
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .xl\:py-32{
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .xl\:px-32{
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .xl\:py-40{
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .xl\:px-40{
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .xl\:py-48{
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .xl\:px-48{
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .xl\:py-56{
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }

  .xl\:px-56{
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .xl\:py-64{
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }

  .xl\:px-64{
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .xl\:py-px{
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .xl\:px-px{
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .xl\:py-2px{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .xl\:px-2px{
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .xl\:py-3px{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .xl\:px-3px{
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .xl\:py-5px{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .xl\:px-5px{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .xl\:py-10px{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .xl\:px-10px{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .xl\:py-15px{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .xl\:px-15px{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .xl\:py-20px{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .xl\:px-20px{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .xl\:py-25px{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .xl\:px-25px{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .xl\:py-30px{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .xl\:px-30px{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .xl\:py-36px{
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .xl\:px-36px{
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  .xl\:py-50px{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .xl\:px-50px{
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .xl\:py-60px{
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .xl\:px-60px{
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .xl\:py-120px{
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .xl\:px-120px{
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .xl\:pt-0{
    padding-top: 0 !important;
  }

  .xl\:pr-0{
    padding-right: 0 !important;
  }

  .xl\:pb-0{
    padding-bottom: 0 !important;
  }

  .xl\:pl-0{
    padding-left: 0 !important;
  }

  .xl\:pt-1{
    padding-top: 0.25rem !important;
  }

  .xl\:pr-1{
    padding-right: 0.25rem !important;
  }

  .xl\:pb-1{
    padding-bottom: 0.25rem !important;
  }

  .xl\:pl-1{
    padding-left: 0.25rem !important;
  }

  .xl\:pt-2{
    padding-top: 0.5rem !important;
  }

  .xl\:pr-2{
    padding-right: 0.5rem !important;
  }

  .xl\:pb-2{
    padding-bottom: 0.5rem !important;
  }

  .xl\:pl-2{
    padding-left: 0.5rem !important;
  }

  .xl\:pt-3{
    padding-top: 0.75rem !important;
  }

  .xl\:pr-3{
    padding-right: 0.75rem !important;
  }

  .xl\:pb-3{
    padding-bottom: 0.75rem !important;
  }

  .xl\:pl-3{
    padding-left: 0.75rem !important;
  }

  .xl\:pt-4{
    padding-top: 1rem !important;
  }

  .xl\:pr-4{
    padding-right: 1rem !important;
  }

  .xl\:pb-4{
    padding-bottom: 1rem !important;
  }

  .xl\:pl-4{
    padding-left: 1rem !important;
  }

  .xl\:pt-5{
    padding-top: 1.25rem !important;
  }

  .xl\:pr-5{
    padding-right: 1.25rem !important;
  }

  .xl\:pb-5{
    padding-bottom: 1.25rem !important;
  }

  .xl\:pl-5{
    padding-left: 1.25rem !important;
  }

  .xl\:pt-6{
    padding-top: 1.5rem !important;
  }

  .xl\:pr-6{
    padding-right: 1.5rem !important;
  }

  .xl\:pb-6{
    padding-bottom: 1.5rem !important;
  }

  .xl\:pl-6{
    padding-left: 1.5rem !important;
  }

  .xl\:pt-8{
    padding-top: 2rem !important;
  }

  .xl\:pr-8{
    padding-right: 2rem !important;
  }

  .xl\:pb-8{
    padding-bottom: 2rem !important;
  }

  .xl\:pl-8{
    padding-left: 2rem !important;
  }

  .xl\:pt-10{
    padding-top: 2.5rem !important;
  }

  .xl\:pr-10{
    padding-right: 2.5rem !important;
  }

  .xl\:pb-10{
    padding-bottom: 2.5rem !important;
  }

  .xl\:pl-10{
    padding-left: 2.5rem !important;
  }

  .xl\:pt-12{
    padding-top: 3rem !important;
  }

  .xl\:pr-12{
    padding-right: 3rem !important;
  }

  .xl\:pb-12{
    padding-bottom: 3rem !important;
  }

  .xl\:pl-12{
    padding-left: 3rem !important;
  }

  .xl\:pt-16{
    padding-top: 4rem !important;
  }

  .xl\:pr-16{
    padding-right: 4rem !important;
  }

  .xl\:pb-16{
    padding-bottom: 4rem !important;
  }

  .xl\:pl-16{
    padding-left: 4rem !important;
  }

  .xl\:pt-20{
    padding-top: 5rem !important;
  }

  .xl\:pr-20{
    padding-right: 5rem !important;
  }

  .xl\:pb-20{
    padding-bottom: 5rem !important;
  }

  .xl\:pl-20{
    padding-left: 5rem !important;
  }

  .xl\:pt-24{
    padding-top: 6rem !important;
  }

  .xl\:pr-24{
    padding-right: 6rem !important;
  }

  .xl\:pb-24{
    padding-bottom: 6rem !important;
  }

  .xl\:pl-24{
    padding-left: 6rem !important;
  }

  .xl\:pt-28{
    padding-top: 7rem !important;
  }

  .xl\:pr-28{
    padding-right: 7rem !important;
  }

  .xl\:pb-28{
    padding-bottom: 7rem !important;
  }

  .xl\:pl-28{
    padding-left: 7rem !important;
  }

  .xl\:pt-32{
    padding-top: 8rem !important;
  }

  .xl\:pr-32{
    padding-right: 8rem !important;
  }

  .xl\:pb-32{
    padding-bottom: 8rem !important;
  }

  .xl\:pl-32{
    padding-left: 8rem !important;
  }

  .xl\:pt-40{
    padding-top: 10rem !important;
  }

  .xl\:pr-40{
    padding-right: 10rem !important;
  }

  .xl\:pb-40{
    padding-bottom: 10rem !important;
  }

  .xl\:pl-40{
    padding-left: 10rem !important;
  }

  .xl\:pt-48{
    padding-top: 12rem !important;
  }

  .xl\:pr-48{
    padding-right: 12rem !important;
  }

  .xl\:pb-48{
    padding-bottom: 12rem !important;
  }

  .xl\:pl-48{
    padding-left: 12rem !important;
  }

  .xl\:pt-56{
    padding-top: 14rem !important;
  }

  .xl\:pr-56{
    padding-right: 14rem !important;
  }

  .xl\:pb-56{
    padding-bottom: 14rem !important;
  }

  .xl\:pl-56{
    padding-left: 14rem !important;
  }

  .xl\:pt-64{
    padding-top: 16rem !important;
  }

  .xl\:pr-64{
    padding-right: 16rem !important;
  }

  .xl\:pb-64{
    padding-bottom: 16rem !important;
  }

  .xl\:pl-64{
    padding-left: 16rem !important;
  }

  .xl\:pt-px{
    padding-top: 1px !important;
  }

  .xl\:pr-px{
    padding-right: 1px !important;
  }

  .xl\:pb-px{
    padding-bottom: 1px !important;
  }

  .xl\:pl-px{
    padding-left: 1px !important;
  }

  .xl\:pt-2px{
    padding-top: 2px !important;
  }

  .xl\:pr-2px{
    padding-right: 2px !important;
  }

  .xl\:pb-2px{
    padding-bottom: 2px !important;
  }

  .xl\:pl-2px{
    padding-left: 2px !important;
  }

  .xl\:pt-3px{
    padding-top: 3px !important;
  }

  .xl\:pr-3px{
    padding-right: 3px !important;
  }

  .xl\:pb-3px{
    padding-bottom: 3px !important;
  }

  .xl\:pl-3px{
    padding-left: 3px !important;
  }

  .xl\:pt-5px{
    padding-top: 5px !important;
  }

  .xl\:pr-5px{
    padding-right: 5px !important;
  }

  .xl\:pb-5px{
    padding-bottom: 5px !important;
  }

  .xl\:pl-5px{
    padding-left: 5px !important;
  }

  .xl\:pt-10px{
    padding-top: 10px !important;
  }

  .xl\:pr-10px{
    padding-right: 10px !important;
  }

  .xl\:pb-10px{
    padding-bottom: 10px !important;
  }

  .xl\:pl-10px{
    padding-left: 10px !important;
  }

  .xl\:pt-15px{
    padding-top: 15px !important;
  }

  .xl\:pr-15px{
    padding-right: 15px !important;
  }

  .xl\:pb-15px{
    padding-bottom: 15px !important;
  }

  .xl\:pl-15px{
    padding-left: 15px !important;
  }

  .xl\:pt-20px{
    padding-top: 20px !important;
  }

  .xl\:pr-20px{
    padding-right: 20px !important;
  }

  .xl\:pb-20px{
    padding-bottom: 20px !important;
  }

  .xl\:pl-20px{
    padding-left: 20px !important;
  }

  .xl\:pt-25px{
    padding-top: 25px !important;
  }

  .xl\:pr-25px{
    padding-right: 25px !important;
  }

  .xl\:pb-25px{
    padding-bottom: 25px !important;
  }

  .xl\:pl-25px{
    padding-left: 25px !important;
  }

  .xl\:pt-30px{
    padding-top: 30px !important;
  }

  .xl\:pr-30px{
    padding-right: 30px !important;
  }

  .xl\:pb-30px{
    padding-bottom: 30px !important;
  }

  .xl\:pl-30px{
    padding-left: 30px !important;
  }

  .xl\:pt-36px{
    padding-top: 36px !important;
  }

  .xl\:pr-36px{
    padding-right: 36px !important;
  }

  .xl\:pb-36px{
    padding-bottom: 36px !important;
  }

  .xl\:pl-36px{
    padding-left: 36px !important;
  }

  .xl\:pt-50px{
    padding-top: 50px !important;
  }

  .xl\:pr-50px{
    padding-right: 50px !important;
  }

  .xl\:pb-50px{
    padding-bottom: 50px !important;
  }

  .xl\:pl-50px{
    padding-left: 50px !important;
  }

  .xl\:pt-60px{
    padding-top: 60px !important;
  }

  .xl\:pr-60px{
    padding-right: 60px !important;
  }

  .xl\:pb-60px{
    padding-bottom: 60px !important;
  }

  .xl\:pl-60px{
    padding-left: 60px !important;
  }

  .xl\:pt-120px{
    padding-top: 120px !important;
  }

  .xl\:pr-120px{
    padding-right: 120px !important;
  }

  .xl\:pb-120px{
    padding-bottom: 120px !important;
  }

  .xl\:pl-120px{
    padding-left: 120px !important;
  }

  .xl\:placeholder-transparent::-webkit-input-placeholder{
    color: transparent !important;
  }

  .xl\:placeholder-transparent::-moz-placeholder{
    color: transparent !important;
  }

  .xl\:placeholder-transparent:-ms-input-placeholder{
    color: transparent !important;
  }

  .xl\:placeholder-transparent::-ms-input-placeholder{
    color: transparent !important;
  }

  .xl\:placeholder-transparent::placeholder{
    color: transparent !important;
  }

  .xl\:placeholder-current::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .xl\:placeholder-current::-moz-placeholder{
    color: currentColor !important;
  }

  .xl\:placeholder-current:-ms-input-placeholder{
    color: currentColor !important;
  }

  .xl\:placeholder-current::-ms-input-placeholder{
    color: currentColor !important;
  }

  .xl\:placeholder-current::placeholder{
    color: currentColor !important;
  }

  .xl\:placeholder-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-white::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-white:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-white::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-white::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-red::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-orange-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-yellow-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-teal-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-blue-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-indigo-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-purple-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-pink-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-primary-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:placeholder-primary-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:placeholder-primary-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:placeholder-primary-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:placeholder-primary-color::placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:placeholder-primary-hover-color::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xl\:placeholder-primary-hover-color::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .xl\:placeholder-primary-hover-color:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xl\:placeholder-primary-hover-color::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xl\:placeholder-primary-hover-color::placeholder{
    color: var(--hover-color) !important;
  }

  .xl\:placeholder-gray-body::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-body::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-body:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-body::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-body::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-333::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-333::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-333:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-333::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-333::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-666::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-666::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-666:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-666::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-666::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-888::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-888::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-888:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-888::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-888::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-999::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-999::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-999:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-999::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-999::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-icon::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-icon::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-icon:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-icon::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-icon::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-features::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-features::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-features:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-features::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-features::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-slide-border::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-slide-border::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-slide-border:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-slide-border::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-slide-border::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-sale-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:placeholder-sale-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:placeholder-sale-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:placeholder-sale-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:placeholder-sale-color::placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:placeholder-hit-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-hit-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-hit-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-hit-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-hit-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-new-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-new-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-new-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-new-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-new-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-fb-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-fb-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-fb-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-fb-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-fb-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-fb-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-fb-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-fb-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-fb-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-fb-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-vk-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-vk-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-vk-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-vk-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-vk-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-vk-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-vk-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-vk-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-vk-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-vk-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-insta-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-insta-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-insta-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-insta-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-insta-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-insta-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-insta-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-insta-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-insta-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-insta-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-dc::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-dc::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-dc:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-dc::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-dc::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-cd::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-cd::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-cd:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-cd::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-cd::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-e7::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-e7::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-e7:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-e7::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-gray-e7::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-check-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-check-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-check-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-check-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-check-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-docx-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-docx-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-docx-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-docx-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-docx-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-dark-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-dark-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-dark-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-dark-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-dark-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-green-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-transparent:focus::-webkit-input-placeholder{
    color: transparent !important;
  }

  .xl\:focus\:placeholder-transparent:focus::-moz-placeholder{
    color: transparent !important;
  }

  .xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder{
    color: transparent !important;
  }

  .xl\:focus\:placeholder-transparent:focus::-ms-input-placeholder{
    color: transparent !important;
  }

  .xl\:focus\:placeholder-transparent:focus::placeholder{
    color: transparent !important;
  }

  .xl\:focus\:placeholder-current:focus::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .xl\:focus\:placeholder-current:focus::-moz-placeholder{
    color: currentColor !important;
  }

  .xl\:focus\:placeholder-current:focus:-ms-input-placeholder{
    color: currentColor !important;
  }

  .xl\:focus\:placeholder-current:focus::-ms-input-placeholder{
    color: currentColor !important;
  }

  .xl\:focus\:placeholder-current:focus::placeholder{
    color: currentColor !important;
  }

  .xl\:focus\:placeholder-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-white:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-white:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-orange-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-teal-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-blue-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-indigo-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-purple-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-pink-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-primary-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:focus\:placeholder-primary-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:focus\:placeholder-primary-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:focus\:placeholder-primary-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:focus\:placeholder-primary-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:focus\:placeholder-primary-hover-color:focus::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xl\:focus\:placeholder-primary-hover-color:focus::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .xl\:focus\:placeholder-primary-hover-color:focus:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xl\:focus\:placeholder-primary-hover-color:focus::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xl\:focus\:placeholder-primary-hover-color:focus::placeholder{
    color: var(--hover-color) !important;
  }

  .xl\:focus\:placeholder-gray-body:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-body:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-body:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-body:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-body:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-333:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-333:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-333:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-333:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-333:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-666:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-666:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-666:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-666:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-666:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-888:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-888:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-888:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-888:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-888:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-999:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-999:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-999:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-999:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-999:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-icon:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-icon:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-icon:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-icon:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-icon:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-features:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-features:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-features:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-features:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-features:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-slide-border:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-slide-border:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-slide-border:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-slide-border:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-slide-border:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-sale-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:focus\:placeholder-sale-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:focus\:placeholder-sale-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:focus\:placeholder-sale-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:focus\:placeholder-sale-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .xl\:focus\:placeholder-hit-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-hit-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-hit-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-hit-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-hit-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-new-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-new-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-new-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-new-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-new-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-fb-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-fb-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-fb-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-fb-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-fb-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-fb-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-fb-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-fb-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-fb-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-fb-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-vk-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-vk-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-vk-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-vk-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-vk-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-vk-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-vk-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-vk-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-vk-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-vk-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-insta-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-insta-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-insta-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-insta-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-insta-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-insta-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-insta-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-insta-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-insta-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-insta-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-dc:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-dc:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-dc:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-dc:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-dc:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-cd:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-cd:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-cd:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-cd:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-cd:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-e7:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-e7:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-e7:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-e7:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-gray-e7:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-check-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-check-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-check-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-check-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-check-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-docx-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-docx-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-docx-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-docx-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-docx-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-dark-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-dark-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-dark-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-dark-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-dark-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xl\:focus\:placeholder-green-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xl\:placeholder-opacity-0::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xl\:placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xl\:placeholder-opacity-0:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xl\:placeholder-opacity-0::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xl\:placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xl\:placeholder-opacity-25::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:placeholder-opacity-25:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:placeholder-opacity-25::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:placeholder-opacity-50::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:placeholder-opacity-50:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:placeholder-opacity-50::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:placeholder-opacity-75::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:placeholder-opacity-75:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:placeholder-opacity-75::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:placeholder-opacity-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xl\:placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xl\:placeholder-opacity-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xl\:placeholder-opacity-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xl\:placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xl\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xl\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xl\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xl\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xl\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xl\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xl\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xl\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xl\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xl\:pointer-events-none{
    pointer-events: none !important;
  }

  .xl\:pointer-events-auto{
    pointer-events: auto !important;
  }

  .xl\:static{
    position: static !important;
  }

  .xl\:fixed{
    position: fixed !important;
  }

  .xl\:absolute{
    position: absolute !important;
  }

  .xl\:relative{
    position: relative !important;
  }

  .xl\:sticky{
    position: sticky !important;
  }

  .xl\:inset-0{
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }

  .xl\:inset-auto{
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }

  .xl\:inset-1\/2{
    top: 50% !important;
    right: 50% !important;
    bottom: 50% !important;
    left: 50% !important;
  }

  .xl\:inset-100\%{
    top: 100% !important;
    right: 100% !important;
    bottom: 100% !important;
    left: 100% !important;
  }

  .xl\:inset-px{
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
  }

  .xl\:inset-2px{
    top: 2px !important;
    right: 2px !important;
    bottom: 2px !important;
    left: 2px !important;
  }

  .xl\:inset-4px{
    top: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    left: 4px !important;
  }

  .xl\:inset-10px{
    top: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
  }

  .xl\:inset-y-0{
    top: 0 !important;
    bottom: 0 !important;
  }

  .xl\:inset-x-0{
    right: 0 !important;
    left: 0 !important;
  }

  .xl\:inset-y-auto{
    top: auto !important;
    bottom: auto !important;
  }

  .xl\:inset-x-auto{
    right: auto !important;
    left: auto !important;
  }

  .xl\:inset-y-1\/2{
    top: 50% !important;
    bottom: 50% !important;
  }

  .xl\:inset-x-1\/2{
    right: 50% !important;
    left: 50% !important;
  }

  .xl\:inset-y-100\%{
    top: 100% !important;
    bottom: 100% !important;
  }

  .xl\:inset-x-100\%{
    right: 100% !important;
    left: 100% !important;
  }

  .xl\:inset-y-px{
    top: 1px !important;
    bottom: 1px !important;
  }

  .xl\:inset-x-px{
    right: 1px !important;
    left: 1px !important;
  }

  .xl\:inset-y-2px{
    top: 2px !important;
    bottom: 2px !important;
  }

  .xl\:inset-x-2px{
    right: 2px !important;
    left: 2px !important;
  }

  .xl\:inset-y-4px{
    top: 4px !important;
    bottom: 4px !important;
  }

  .xl\:inset-x-4px{
    right: 4px !important;
    left: 4px !important;
  }

  .xl\:inset-y-10px{
    top: 10px !important;
    bottom: 10px !important;
  }

  .xl\:inset-x-10px{
    right: 10px !important;
    left: 10px !important;
  }

  .xl\:top-0{
    top: 0 !important;
  }

  .xl\:right-0{
    right: 0 !important;
  }

  .xl\:bottom-0{
    bottom: 0 !important;
  }

  .xl\:left-0{
    left: 0 !important;
  }

  .xl\:top-auto{
    top: auto !important;
  }

  .xl\:right-auto{
    right: auto !important;
  }

  .xl\:bottom-auto{
    bottom: auto !important;
  }

  .xl\:left-auto{
    left: auto !important;
  }

  .xl\:top-1\/2{
    top: 50% !important;
  }

  .xl\:right-1\/2{
    right: 50% !important;
  }

  .xl\:bottom-1\/2{
    bottom: 50% !important;
  }

  .xl\:left-1\/2{
    left: 50% !important;
  }

  .xl\:top-100\%{
    top: 100% !important;
  }

  .xl\:right-100\%{
    right: 100% !important;
  }

  .xl\:bottom-100\%{
    bottom: 100% !important;
  }

  .xl\:left-100\%{
    left: 100% !important;
  }

  .xl\:top-px{
    top: 1px !important;
  }

  .xl\:right-px{
    right: 1px !important;
  }

  .xl\:bottom-px{
    bottom: 1px !important;
  }

  .xl\:left-px{
    left: 1px !important;
  }

  .xl\:top-2px{
    top: 2px !important;
  }

  .xl\:right-2px{
    right: 2px !important;
  }

  .xl\:bottom-2px{
    bottom: 2px !important;
  }

  .xl\:left-2px{
    left: 2px !important;
  }

  .xl\:top-4px{
    top: 4px !important;
  }

  .xl\:right-4px{
    right: 4px !important;
  }

  .xl\:bottom-4px{
    bottom: 4px !important;
  }

  .xl\:left-4px{
    left: 4px !important;
  }

  .xl\:top-10px{
    top: 10px !important;
  }

  .xl\:right-10px{
    right: 10px !important;
  }

  .xl\:bottom-10px{
    bottom: 10px !important;
  }

  .xl\:left-10px{
    left: 10px !important;
  }

  .xl\:resize-none{
    resize: none !important;
  }

  .xl\:resize-y{
    resize: vertical !important;
  }

  .xl\:resize-x{
    resize: horizontal !important;
  }

  .xl\:resize{
    resize: both !important;
  }

  .xl\:shadow-xs{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .xl\:shadow-sm{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .xl\:shadow{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xl\:shadow-md{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .xl\:shadow-lg{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .xl\:shadow-xl{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .xl\:shadow-2xl{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .xl\:shadow-inner{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xl\:shadow-outline{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .xl\:shadow-none{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .xl\:shadow-btn-hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .xl\:shadow-hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .xl\:shadow-filter{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .xl\:shadow-menu{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .xl\:hover\:shadow-xs:hover{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .xl\:hover\:shadow-sm:hover{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .xl\:hover\:shadow:hover{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xl\:hover\:shadow-md:hover{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .xl\:hover\:shadow-lg:hover{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .xl\:hover\:shadow-xl:hover{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .xl\:hover\:shadow-2xl:hover{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .xl\:hover\:shadow-inner:hover{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xl\:hover\:shadow-outline:hover{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .xl\:hover\:shadow-none:hover{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .xl\:hover\:shadow-btn-hover:hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .xl\:hover\:shadow-hover:hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .xl\:hover\:shadow-filter:hover{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .xl\:hover\:shadow-menu:hover{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .xl\:focus\:shadow-xs:focus{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .xl\:focus\:shadow-sm:focus{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .xl\:focus\:shadow:focus{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xl\:focus\:shadow-md:focus{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .xl\:focus\:shadow-lg:focus{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .xl\:focus\:shadow-xl:focus{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .xl\:focus\:shadow-2xl:focus{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .xl\:focus\:shadow-inner:focus{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xl\:focus\:shadow-outline:focus{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .xl\:focus\:shadow-none:focus{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .xl\:focus\:shadow-btn-hover:focus{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .xl\:focus\:shadow-hover:focus{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .xl\:focus\:shadow-filter:focus{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .xl\:focus\:shadow-menu:focus{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .xl\:fill-current{
    fill: currentColor !important;
  }

  .xl\:fill-primary-color{
    fill: var(--primary-color) !important;
  }

  .xl\:fill-primary-hover-color{
    fill: var(--hover-color) !important;
  }

  .xl\:fill-ordinary{
    fill: #333333 !important;
  }

  .xl\:fill-no-active{
    fill: #888888 !important;
  }

  .xl\:fill-white{
    fill: #ffffff !important;
  }

  .xl\:stroke-current{
    stroke: currentColor !important;
  }

  .xl\:stroke-primary-color{
    stroke: var(--primary-color) !important;
  }

  .xl\:stroke-primary-hover-color{
    stroke: var(--hover-color) !important;
  }

  .xl\:stroke-0{
    stroke-width: 0 !important;
  }

  .xl\:stroke-1{
    stroke-width: 1 !important;
  }

  .xl\:stroke-2{
    stroke-width: 2 !important;
  }

  .xl\:stroke-12{
    stroke-width: 12 !important;
  }

  .xl\:stroke-20{
    stroke-width: 20 !important;
  }

  .xl\:table-auto{
    table-layout: auto !important;
  }

  .xl\:table-fixed{
    table-layout: fixed !important;
  }

  .xl\:text-left{
    text-align: left !important;
  }

  .xl\:text-center{
    text-align: center !important;
  }

  .xl\:text-right{
    text-align: right !important;
  }

  .xl\:text-justify{
    text-align: justify !important;
  }

  .xl\:text-transparent{
    color: transparent !important;
  }

  .xl\:text-current{
    color: currentColor !important;
  }

  .xl\:text-black{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xl\:text-white{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xl\:text-gray-100{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .xl\:text-gray-200{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .xl\:text-gray-300{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .xl\:text-gray-400{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .xl\:text-gray-500{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .xl\:text-gray-600{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .xl\:text-gray-700{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .xl\:text-gray-800{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .xl\:text-gray-900{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .xl\:text-red{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .xl\:text-orange-100{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .xl\:text-orange-200{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .xl\:text-orange-300{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .xl\:text-orange-400{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .xl\:text-orange-500{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .xl\:text-orange-600{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .xl\:text-orange-700{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .xl\:text-orange-800{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .xl\:text-orange-900{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .xl\:text-yellow-100{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .xl\:text-yellow-200{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .xl\:text-yellow-300{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .xl\:text-yellow-400{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .xl\:text-yellow-500{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .xl\:text-yellow-600{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .xl\:text-yellow-700{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .xl\:text-yellow-800{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .xl\:text-yellow-900{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .xl\:text-green-100{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .xl\:text-green-200{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .xl\:text-green-300{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .xl\:text-green-400{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .xl\:text-green-500{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .xl\:text-green-600{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .xl\:text-green-700{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .xl\:text-green-800{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .xl\:text-green-900{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .xl\:text-teal-100{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .xl\:text-teal-200{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .xl\:text-teal-300{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .xl\:text-teal-400{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .xl\:text-teal-500{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .xl\:text-teal-600{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .xl\:text-teal-700{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .xl\:text-teal-800{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .xl\:text-teal-900{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .xl\:text-blue-100{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .xl\:text-blue-200{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .xl\:text-blue-300{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .xl\:text-blue-400{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .xl\:text-blue-500{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .xl\:text-blue-600{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .xl\:text-blue-700{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .xl\:text-blue-800{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .xl\:text-blue-900{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .xl\:text-indigo-100{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .xl\:text-indigo-200{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .xl\:text-indigo-300{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .xl\:text-indigo-400{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .xl\:text-indigo-500{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .xl\:text-indigo-600{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .xl\:text-indigo-700{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .xl\:text-indigo-800{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .xl\:text-indigo-900{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .xl\:text-purple-100{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .xl\:text-purple-200{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .xl\:text-purple-300{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .xl\:text-purple-400{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .xl\:text-purple-500{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .xl\:text-purple-600{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .xl\:text-purple-700{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .xl\:text-purple-800{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .xl\:text-purple-900{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .xl\:text-pink-100{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .xl\:text-pink-200{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .xl\:text-pink-300{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .xl\:text-pink-400{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .xl\:text-pink-500{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .xl\:text-pink-600{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .xl\:text-pink-700{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .xl\:text-pink-800{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .xl\:text-pink-900{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .xl\:text-primary-color{
    color: var(--primary-color) !important;
  }

  .xl\:text-primary-hover-color{
    color: var(--hover-color) !important;
  }

  .xl\:text-gray-body{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .xl\:text-gray-light{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .xl\:text-gray-333{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .xl\:text-gray-666{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .xl\:text-gray-888{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .xl\:text-gray-999{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .xl\:text-gray-icon{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .xl\:text-gray-features{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .xl\:text-slide-border{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .xl\:text-sale-color{
    color: var(--primary-color) !important;
  }

  .xl\:text-hit-color{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .xl\:text-new-color{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .xl\:text-fb-hover-color{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .xl\:text-fb-active-color{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .xl\:text-vk-hover-color{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .xl\:text-vk-active-color{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .xl\:text-insta-hover-color{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .xl\:text-insta-active-color{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .xl\:text-gray-dc{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .xl\:text-gray-cd{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .xl\:text-gray-e7{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .xl\:text-check-color{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .xl\:text-docx-color{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .xl\:text-dark-black{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .xl\:text-green-light{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-transparent:hover{
    color: transparent !important;
  }

  .xl\:hover\:text-current:hover{
    color: currentColor !important;
  }

  .xl\:hover\:text-black:hover{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-white:hover{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-100:hover{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-200:hover{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-300:hover{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-400:hover{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-500:hover{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-600:hover{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-700:hover{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-800:hover{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-900:hover{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-red:hover{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-orange-100:hover{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-orange-200:hover{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-orange-300:hover{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-orange-400:hover{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-orange-500:hover{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-orange-600:hover{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-orange-700:hover{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-orange-800:hover{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-orange-900:hover{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-yellow-100:hover{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-yellow-200:hover{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-yellow-300:hover{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-yellow-400:hover{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-yellow-500:hover{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-yellow-600:hover{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-yellow-700:hover{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-yellow-800:hover{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-yellow-900:hover{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-green-100:hover{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-green-200:hover{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-green-300:hover{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-green-400:hover{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-green-500:hover{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-green-600:hover{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-green-700:hover{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-green-800:hover{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-green-900:hover{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-teal-100:hover{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-teal-200:hover{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-teal-300:hover{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-teal-400:hover{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-teal-500:hover{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-teal-600:hover{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-teal-700:hover{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-teal-800:hover{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-teal-900:hover{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-100:hover{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-200:hover{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-300:hover{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-400:hover{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-500:hover{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-600:hover{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-700:hover{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-800:hover{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-blue-900:hover{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-indigo-100:hover{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-indigo-200:hover{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-indigo-300:hover{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-indigo-400:hover{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-indigo-500:hover{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-indigo-600:hover{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-indigo-700:hover{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-indigo-800:hover{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-indigo-900:hover{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-purple-100:hover{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-purple-200:hover{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-purple-300:hover{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-purple-400:hover{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-purple-500:hover{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-purple-600:hover{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-purple-700:hover{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-purple-800:hover{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-purple-900:hover{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-pink-100:hover{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-pink-200:hover{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-pink-300:hover{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-pink-400:hover{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-pink-500:hover{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-pink-600:hover{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-pink-700:hover{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-pink-800:hover{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-pink-900:hover{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-primary-color:hover{
    color: var(--primary-color) !important;
  }

  .xl\:hover\:text-primary-hover-color:hover{
    color: var(--hover-color) !important;
  }

  .xl\:hover\:text-gray-body:hover{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-light:hover{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-333:hover{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-666:hover{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-888:hover{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-999:hover{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-icon:hover{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-features:hover{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-slide-border:hover{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-sale-color:hover{
    color: var(--primary-color) !important;
  }

  .xl\:hover\:text-hit-color:hover{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-new-color:hover{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-fb-hover-color:hover{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-fb-active-color:hover{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-vk-hover-color:hover{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-vk-active-color:hover{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-insta-hover-color:hover{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-insta-active-color:hover{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-dc:hover{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-cd:hover{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-gray-e7:hover{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-check-color:hover{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-docx-color:hover{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-dark-black:hover{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .xl\:hover\:text-green-light:hover{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-transparent:focus{
    color: transparent !important;
  }

  .xl\:focus\:text-current:focus{
    color: currentColor !important;
  }

  .xl\:focus\:text-black:focus{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-white:focus{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-100:focus{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-200:focus{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-300:focus{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-400:focus{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-500:focus{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-600:focus{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-700:focus{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-800:focus{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-900:focus{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-red:focus{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-orange-100:focus{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-orange-200:focus{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-orange-300:focus{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-orange-400:focus{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-orange-500:focus{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-orange-600:focus{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-orange-700:focus{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-orange-800:focus{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-orange-900:focus{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-yellow-100:focus{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-yellow-200:focus{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-yellow-300:focus{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-yellow-400:focus{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-yellow-500:focus{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-yellow-600:focus{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-yellow-700:focus{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-yellow-800:focus{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-yellow-900:focus{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-green-100:focus{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-green-200:focus{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-green-300:focus{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-green-400:focus{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-green-500:focus{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-green-600:focus{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-green-700:focus{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-green-800:focus{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-green-900:focus{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-teal-100:focus{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-teal-200:focus{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-teal-300:focus{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-teal-400:focus{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-teal-500:focus{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-teal-600:focus{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-teal-700:focus{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-teal-800:focus{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-teal-900:focus{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-100:focus{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-200:focus{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-300:focus{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-400:focus{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-500:focus{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-600:focus{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-700:focus{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-800:focus{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-blue-900:focus{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-indigo-100:focus{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-indigo-200:focus{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-indigo-300:focus{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-indigo-400:focus{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-indigo-500:focus{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-indigo-600:focus{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-indigo-700:focus{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-indigo-800:focus{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-indigo-900:focus{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-purple-100:focus{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-purple-200:focus{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-purple-300:focus{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-purple-400:focus{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-purple-500:focus{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-purple-600:focus{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-purple-700:focus{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-purple-800:focus{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-purple-900:focus{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-pink-100:focus{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-pink-200:focus{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-pink-300:focus{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-pink-400:focus{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-pink-500:focus{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-pink-600:focus{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-pink-700:focus{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-pink-800:focus{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-pink-900:focus{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-primary-color:focus{
    color: var(--primary-color) !important;
  }

  .xl\:focus\:text-primary-hover-color:focus{
    color: var(--hover-color) !important;
  }

  .xl\:focus\:text-gray-body:focus{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-light:focus{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-333:focus{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-666:focus{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-888:focus{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-999:focus{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-icon:focus{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-features:focus{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-slide-border:focus{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-sale-color:focus{
    color: var(--primary-color) !important;
  }

  .xl\:focus\:text-hit-color:focus{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-new-color:focus{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-fb-hover-color:focus{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-fb-active-color:focus{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-vk-hover-color:focus{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-vk-active-color:focus{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-insta-hover-color:focus{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-insta-active-color:focus{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-dc:focus{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-cd:focus{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-gray-e7:focus{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-check-color:focus{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-docx-color:focus{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-dark-black:focus{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .xl\:focus\:text-green-light:focus{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .xl\:text-opacity-0{
    --text-opacity: 0 !important;
  }

  .xl\:text-opacity-25{
    --text-opacity: 0.25 !important;
  }

  .xl\:text-opacity-50{
    --text-opacity: 0.5 !important;
  }

  .xl\:text-opacity-75{
    --text-opacity: 0.75 !important;
  }

  .xl\:text-opacity-100{
    --text-opacity: 1 !important;
  }

  .xl\:hover\:text-opacity-0:hover{
    --text-opacity: 0 !important;
  }

  .xl\:hover\:text-opacity-25:hover{
    --text-opacity: 0.25 !important;
  }

  .xl\:hover\:text-opacity-50:hover{
    --text-opacity: 0.5 !important;
  }

  .xl\:hover\:text-opacity-75:hover{
    --text-opacity: 0.75 !important;
  }

  .xl\:hover\:text-opacity-100:hover{
    --text-opacity: 1 !important;
  }

  .xl\:focus\:text-opacity-0:focus{
    --text-opacity: 0 !important;
  }

  .xl\:focus\:text-opacity-25:focus{
    --text-opacity: 0.25 !important;
  }

  .xl\:focus\:text-opacity-50:focus{
    --text-opacity: 0.5 !important;
  }

  .xl\:focus\:text-opacity-75:focus{
    --text-opacity: 0.75 !important;
  }

  .xl\:focus\:text-opacity-100:focus{
    --text-opacity: 1 !important;
  }

  .xl\:italic{
    font-style: italic !important;
  }

  .xl\:not-italic{
    font-style: normal !important;
  }

  .xl\:uppercase{
    text-transform: uppercase !important;
  }

  .xl\:lowercase{
    text-transform: lowercase !important;
  }

  .xl\:capitalize{
    text-transform: capitalize !important;
  }

  .xl\:normal-case{
    text-transform: none !important;
  }

  .xl\:underline{
    text-decoration: underline !important;
  }

  .xl\:line-through{
    text-decoration: line-through !important;
  }

  .xl\:no-underline{
    text-decoration: none !important;
  }

  .xl\:hover\:underline:hover{
    text-decoration: underline !important;
  }

  .xl\:hover\:line-through:hover{
    text-decoration: line-through !important;
  }

  .xl\:hover\:no-underline:hover{
    text-decoration: none !important;
  }

  .xl\:focus\:underline:focus{
    text-decoration: underline !important;
  }

  .xl\:focus\:line-through:focus{
    text-decoration: line-through !important;
  }

  .xl\:focus\:no-underline:focus{
    text-decoration: none !important;
  }

  .xl\:antialiased{
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .xl\:subpixel-antialiased{
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
  }

  .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
  }

  .xl\:normal-nums{
    font-variant-numeric: normal !important;
  }

  .xl\:ordinal{
    --font-variant-numeric-ordinal: ordinal !important;
  }

  .xl\:slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero !important;
  }

  .xl\:lining-nums{
    --font-variant-numeric-figure: lining-nums !important;
  }

  .xl\:oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums !important;
  }

  .xl\:proportional-nums{
    --font-variant-numeric-spacing: proportional-nums !important;
  }

  .xl\:tabular-nums{
    --font-variant-numeric-spacing: tabular-nums !important;
  }

  .xl\:diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions !important;
  }

  .xl\:stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions !important;
  }

  .xl\:tracking-tighter{
    letter-spacing: -0.05em !important;
  }

  .xl\:tracking-tight{
    letter-spacing: -0.025em !important;
  }

  .xl\:tracking-normal{
    letter-spacing: 0 !important;
  }

  .xl\:tracking-wide{
    letter-spacing: 0.025em !important;
  }

  .xl\:tracking-wider{
    letter-spacing: 0.05em !important;
  }

  .xl\:tracking-widest{
    letter-spacing: 0.1em !important;
  }

  .xl\:select-none{
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
  }

  .xl\:select-text{
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
  }

  .xl\:select-all{
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
  }

  .xl\:select-auto{
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
  }

  .xl\:align-baseline{
    vertical-align: baseline !important;
  }

  .xl\:align-top{
    vertical-align: top !important;
  }

  .xl\:align-middle{
    vertical-align: middle !important;
  }

  .xl\:align-bottom{
    vertical-align: bottom !important;
  }

  .xl\:align-text-top{
    vertical-align: text-top !important;
  }

  .xl\:align-text-bottom{
    vertical-align: text-bottom !important;
  }

  .xl\:visible{
    visibility: visible !important;
  }

  .xl\:invisible{
    visibility: hidden !important;
  }

  .xl\:whitespace-normal{
    white-space: normal !important;
  }

  .xl\:whitespace-no-wrap{
    white-space: nowrap !important;
  }

  .xl\:whitespace-pre{
    white-space: pre !important;
  }

  .xl\:whitespace-pre-line{
    white-space: pre-line !important;
  }

  .xl\:whitespace-pre-wrap{
    white-space: pre-wrap !important;
  }

  .xl\:break-normal{
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .xl\:break-words{
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .xl\:break-all{
    word-break: break-all !important;
  }

  .xl\:truncate{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .xl\:w-0{
    width: 0 !important;
  }

  .xl\:w-1{
    width: 0.25rem !important;
  }

  .xl\:w-2{
    width: 0.5rem !important;
  }

  .xl\:w-3{
    width: 0.75rem !important;
  }

  .xl\:w-4{
    width: 1rem !important;
  }

  .xl\:w-5{
    width: 1.25rem !important;
  }

  .xl\:w-6{
    width: 1.5rem !important;
  }

  .xl\:w-8{
    width: 2rem !important;
  }

  .xl\:w-10{
    width: 2.5rem !important;
  }

  .xl\:w-12{
    width: 3rem !important;
  }

  .xl\:w-16{
    width: 4rem !important;
  }

  .xl\:w-20{
    width: 5rem !important;
  }

  .xl\:w-24{
    width: 6rem !important;
  }

  .xl\:w-28{
    width: 7rem !important;
  }

  .xl\:w-32{
    width: 8rem !important;
  }

  .xl\:w-40{
    width: 10rem !important;
  }

  .xl\:w-48{
    width: 12rem !important;
  }

  .xl\:w-56{
    width: 14rem !important;
  }

  .xl\:w-64{
    width: 16rem !important;
  }

  .xl\:w-auto{
    width: auto !important;
  }

  .xl\:w-px{
    width: 1px !important;
  }

  .xl\:w-2px{
    width: 2px !important;
  }

  .xl\:w-3px{
    width: 3px !important;
  }

  .xl\:w-5px{
    width: 5px !important;
  }

  .xl\:w-10px{
    width: 10px !important;
  }

  .xl\:w-15px{
    width: 15px !important;
  }

  .xl\:w-20px{
    width: 20px !important;
  }

  .xl\:w-25px{
    width: 25px !important;
  }

  .xl\:w-30px{
    width: 30px !important;
  }

  .xl\:w-36px{
    width: 36px !important;
  }

  .xl\:w-50px{
    width: 50px !important;
  }

  .xl\:w-60px{
    width: 60px !important;
  }

  .xl\:w-120px{
    width: 120px !important;
  }

  .xl\:w-1\/2{
    width: 50% !important;
  }

  .xl\:w-1\/3{
    width: 33.333333% !important;
  }

  .xl\:w-2\/3{
    width: 66.666667% !important;
  }

  .xl\:w-1\/4{
    width: 25% !important;
  }

  .xl\:w-2\/4{
    width: 50% !important;
  }

  .xl\:w-3\/4{
    width: 75% !important;
  }

  .xl\:w-1\/5{
    width: 20% !important;
  }

  .xl\:w-2\/5{
    width: 40% !important;
  }

  .xl\:w-3\/5{
    width: 60% !important;
  }

  .xl\:w-4\/5{
    width: 80% !important;
  }

  .xl\:w-1\/6{
    width: 16.666667% !important;
  }

  .xl\:w-2\/6{
    width: 33.333333% !important;
  }

  .xl\:w-3\/6{
    width: 50% !important;
  }

  .xl\:w-4\/6{
    width: 66.666667% !important;
  }

  .xl\:w-5\/6{
    width: 83.333333% !important;
  }

  .xl\:w-1\/12{
    width: 8.333333% !important;
  }

  .xl\:w-2\/12{
    width: 16.666667% !important;
  }

  .xl\:w-3\/12{
    width: 25% !important;
  }

  .xl\:w-4\/12{
    width: 33.333333% !important;
  }

  .xl\:w-5\/12{
    width: 41.666667% !important;
  }

  .xl\:w-6\/12{
    width: 50% !important;
  }

  .xl\:w-7\/12{
    width: 58.333333% !important;
  }

  .xl\:w-8\/12{
    width: 66.666667% !important;
  }

  .xl\:w-9\/12{
    width: 75% !important;
  }

  .xl\:w-10\/12{
    width: 83.333333% !important;
  }

  .xl\:w-11\/12{
    width: 91.666667% !important;
  }

  .xl\:w-full{
    width: 100% !important;
  }

  .xl\:w-screen{
    width: 100vw !important;
  }

  .xl\:z-0{
    z-index: 0 !important;
  }

  .xl\:z-3{
    z-index: 3 !important;
  }

  .xl\:z-10{
    z-index: 10 !important;
  }

  .xl\:z-15{
    z-index: 15 !important;
  }

  .xl\:z-20{
    z-index: 20 !important;
  }

  .xl\:z-30{
    z-index: 30 !important;
  }

  .xl\:z-40{
    z-index: 40 !important;
  }

  .xl\:z-50{
    z-index: 50 !important;
  }

  .xl\:z-auto{
    z-index: auto !important;
  }

  .xl\:gap-0{
    grid-gap: 0 !important;
    gap: 0 !important;
  }

  .xl\:gap-1{
    grid-gap: 0.25rem !important;
    gap: 0.25rem !important;
  }

  .xl\:gap-2{
    grid-gap: 0.5rem !important;
    gap: 0.5rem !important;
  }

  .xl\:gap-3{
    grid-gap: 0.75rem !important;
    gap: 0.75rem !important;
  }

  .xl\:gap-4{
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }

  .xl\:gap-5{
    grid-gap: 1.25rem !important;
    gap: 1.25rem !important;
  }

  .xl\:gap-6{
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important;
  }

  .xl\:gap-8{
    grid-gap: 2rem !important;
    gap: 2rem !important;
  }

  .xl\:gap-10{
    grid-gap: 2.5rem !important;
    gap: 2.5rem !important;
  }

  .xl\:gap-12{
    grid-gap: 3rem !important;
    gap: 3rem !important;
  }

  .xl\:gap-16{
    grid-gap: 4rem !important;
    gap: 4rem !important;
  }

  .xl\:gap-20{
    grid-gap: 5rem !important;
    gap: 5rem !important;
  }

  .xl\:gap-24{
    grid-gap: 6rem !important;
    gap: 6rem !important;
  }

  .xl\:gap-28{
    grid-gap: 7rem !important;
    gap: 7rem !important;
  }

  .xl\:gap-32{
    grid-gap: 8rem !important;
    gap: 8rem !important;
  }

  .xl\:gap-40{
    grid-gap: 10rem !important;
    gap: 10rem !important;
  }

  .xl\:gap-48{
    grid-gap: 12rem !important;
    gap: 12rem !important;
  }

  .xl\:gap-56{
    grid-gap: 14rem !important;
    gap: 14rem !important;
  }

  .xl\:gap-64{
    grid-gap: 16rem !important;
    gap: 16rem !important;
  }

  .xl\:gap-px{
    grid-gap: 1px !important;
    gap: 1px !important;
  }

  .xl\:gap-2px{
    grid-gap: 2px !important;
    gap: 2px !important;
  }

  .xl\:gap-3px{
    grid-gap: 3px !important;
    gap: 3px !important;
  }

  .xl\:gap-5px{
    grid-gap: 5px !important;
    gap: 5px !important;
  }

  .xl\:gap-10px{
    grid-gap: 10px !important;
    gap: 10px !important;
  }

  .xl\:gap-15px{
    grid-gap: 15px !important;
    gap: 15px !important;
  }

  .xl\:gap-20px{
    grid-gap: 20px !important;
    gap: 20px !important;
  }

  .xl\:gap-25px{
    grid-gap: 25px !important;
    gap: 25px !important;
  }

  .xl\:gap-30px{
    grid-gap: 30px !important;
    gap: 30px !important;
  }

  .xl\:gap-36px{
    grid-gap: 36px !important;
    gap: 36px !important;
  }

  .xl\:gap-50px{
    grid-gap: 50px !important;
    gap: 50px !important;
  }

  .xl\:gap-60px{
    grid-gap: 60px !important;
    gap: 60px !important;
  }

  .xl\:gap-120px{
    grid-gap: 120px !important;
    gap: 120px !important;
  }

  .xl\:col-gap-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .xl\:col-gap-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .xl\:col-gap-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .xl\:col-gap-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .xl\:col-gap-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .xl\:col-gap-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .xl\:col-gap-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .xl\:col-gap-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .xl\:col-gap-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .xl\:col-gap-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .xl\:col-gap-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .xl\:col-gap-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .xl\:col-gap-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .xl\:col-gap-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .xl\:col-gap-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .xl\:col-gap-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .xl\:col-gap-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .xl\:col-gap-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .xl\:col-gap-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .xl\:col-gap-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .xl\:col-gap-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .xl\:col-gap-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .xl\:col-gap-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .xl\:col-gap-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .xl\:col-gap-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .xl\:col-gap-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .xl\:col-gap-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .xl\:col-gap-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .xl\:col-gap-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .xl\:col-gap-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .xl\:col-gap-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .xl\:col-gap-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .xl\:gap-x-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .xl\:gap-x-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .xl\:gap-x-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .xl\:gap-x-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .xl\:gap-x-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .xl\:gap-x-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .xl\:gap-x-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .xl\:gap-x-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .xl\:gap-x-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .xl\:gap-x-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .xl\:gap-x-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .xl\:gap-x-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .xl\:gap-x-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .xl\:gap-x-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .xl\:gap-x-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .xl\:gap-x-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .xl\:gap-x-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .xl\:gap-x-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .xl\:gap-x-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .xl\:gap-x-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .xl\:gap-x-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .xl\:gap-x-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .xl\:gap-x-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .xl\:gap-x-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .xl\:gap-x-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .xl\:gap-x-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .xl\:gap-x-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .xl\:gap-x-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .xl\:gap-x-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .xl\:gap-x-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .xl\:gap-x-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .xl\:gap-x-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .xl\:row-gap-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .xl\:row-gap-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .xl\:row-gap-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .xl\:row-gap-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .xl\:row-gap-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .xl\:row-gap-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .xl\:row-gap-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .xl\:row-gap-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .xl\:row-gap-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .xl\:row-gap-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .xl\:row-gap-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .xl\:row-gap-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .xl\:row-gap-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .xl\:row-gap-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .xl\:row-gap-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .xl\:row-gap-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .xl\:row-gap-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .xl\:row-gap-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .xl\:row-gap-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .xl\:row-gap-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .xl\:row-gap-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .xl\:row-gap-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .xl\:row-gap-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .xl\:row-gap-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .xl\:row-gap-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .xl\:row-gap-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .xl\:row-gap-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .xl\:row-gap-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .xl\:row-gap-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .xl\:row-gap-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .xl\:row-gap-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .xl\:row-gap-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .xl\:gap-y-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .xl\:gap-y-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .xl\:gap-y-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .xl\:gap-y-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .xl\:gap-y-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .xl\:gap-y-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .xl\:gap-y-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .xl\:gap-y-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .xl\:gap-y-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .xl\:gap-y-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .xl\:gap-y-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .xl\:gap-y-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .xl\:gap-y-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .xl\:gap-y-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .xl\:gap-y-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .xl\:gap-y-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .xl\:gap-y-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .xl\:gap-y-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .xl\:gap-y-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .xl\:gap-y-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .xl\:gap-y-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .xl\:gap-y-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .xl\:gap-y-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .xl\:gap-y-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .xl\:gap-y-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .xl\:gap-y-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .xl\:gap-y-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .xl\:gap-y-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .xl\:gap-y-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .xl\:gap-y-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .xl\:gap-y-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .xl\:gap-y-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .xl\:grid-flow-row{
    grid-auto-flow: row !important;
  }

  .xl\:grid-flow-col{
    grid-auto-flow: column !important;
  }

  .xl\:grid-flow-row-dense{
    grid-auto-flow: row dense !important;
  }

  .xl\:grid-flow-col-dense{
    grid-auto-flow: column dense !important;
  }

  .xl\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-none{
    grid-template-columns: none !important;
  }

  .xl\:grid-cols-half-col{
    grid-template-columns: repeat(2, 1fr); !important;
  }

  .xl\:grid-cols-mix-col{
    grid-template-columns: calc(40% - 30px) 60% !important;
  }

  .xl\:grid-cols-mixInfo-col{
    grid-template-columns: calc(40% - 30px) calc(60% - 30px) !important;
  }

  .xl\:auto-cols-auto{
    grid-auto-columns: auto !important;
  }

  .xl\:auto-cols-min{
    grid-auto-columns: -webkit-min-content !important;
    grid-auto-columns: min-content !important;
  }

  .xl\:auto-cols-max{
    grid-auto-columns: -webkit-max-content !important;
    grid-auto-columns: max-content !important;
  }

  .xl\:auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr) !important;
  }

  .xl\:col-auto{
    grid-column: auto !important;
  }

  .xl\:col-span-1{
    grid-column: span 1 / span 1 !important;
  }

  .xl\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }

  .xl\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }

  .xl\:col-span-4{
    grid-column: span 4 / span 4 !important;
  }

  .xl\:col-span-5{
    grid-column: span 5 / span 5 !important;
  }

  .xl\:col-span-6{
    grid-column: span 6 / span 6 !important;
  }

  .xl\:col-span-7{
    grid-column: span 7 / span 7 !important;
  }

  .xl\:col-span-8{
    grid-column: span 8 / span 8 !important;
  }

  .xl\:col-span-9{
    grid-column: span 9 / span 9 !important;
  }

  .xl\:col-span-10{
    grid-column: span 10 / span 10 !important;
  }

  .xl\:col-span-11{
    grid-column: span 11 / span 11 !important;
  }

  .xl\:col-span-12{
    grid-column: span 12 / span 12 !important;
  }

  .xl\:col-span-full{
    grid-column: 1 / -1 !important;
  }

  .xl\:col-start-1{
    grid-column-start: 1 !important;
  }

  .xl\:col-start-2{
    grid-column-start: 2 !important;
  }

  .xl\:col-start-3{
    grid-column-start: 3 !important;
  }

  .xl\:col-start-4{
    grid-column-start: 4 !important;
  }

  .xl\:col-start-5{
    grid-column-start: 5 !important;
  }

  .xl\:col-start-6{
    grid-column-start: 6 !important;
  }

  .xl\:col-start-7{
    grid-column-start: 7 !important;
  }

  .xl\:col-start-8{
    grid-column-start: 8 !important;
  }

  .xl\:col-start-9{
    grid-column-start: 9 !important;
  }

  .xl\:col-start-10{
    grid-column-start: 10 !important;
  }

  .xl\:col-start-11{
    grid-column-start: 11 !important;
  }

  .xl\:col-start-12{
    grid-column-start: 12 !important;
  }

  .xl\:col-start-13{
    grid-column-start: 13 !important;
  }

  .xl\:col-start-auto{
    grid-column-start: auto !important;
  }

  .xl\:col-end-1{
    grid-column-end: 1 !important;
  }

  .xl\:col-end-2{
    grid-column-end: 2 !important;
  }

  .xl\:col-end-3{
    grid-column-end: 3 !important;
  }

  .xl\:col-end-4{
    grid-column-end: 4 !important;
  }

  .xl\:col-end-5{
    grid-column-end: 5 !important;
  }

  .xl\:col-end-6{
    grid-column-end: 6 !important;
  }

  .xl\:col-end-7{
    grid-column-end: 7 !important;
  }

  .xl\:col-end-8{
    grid-column-end: 8 !important;
  }

  .xl\:col-end-9{
    grid-column-end: 9 !important;
  }

  .xl\:col-end-10{
    grid-column-end: 10 !important;
  }

  .xl\:col-end-11{
    grid-column-end: 11 !important;
  }

  .xl\:col-end-12{
    grid-column-end: 12 !important;
  }

  .xl\:col-end-13{
    grid-column-end: 13 !important;
  }

  .xl\:col-end-auto{
    grid-column-end: auto !important;
  }

  .xl\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }

  .xl\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  .xl\:grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }

  .xl\:grid-rows-4{
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }

  .xl\:grid-rows-5{
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }

  .xl\:grid-rows-6{
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }

  .xl\:grid-rows-none{
    grid-template-rows: none !important;
  }

  .xl\:grid-rows-mix-row{
    grid-template-rows: minmax(100px, auto) auto !important;
  }

  .xl\:auto-rows-auto{
    grid-auto-rows: auto !important;
  }

  .xl\:auto-rows-min{
    grid-auto-rows: -webkit-min-content !important;
    grid-auto-rows: min-content !important;
  }

  .xl\:auto-rows-max{
    grid-auto-rows: -webkit-max-content !important;
    grid-auto-rows: max-content !important;
  }

  .xl\:auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  .xl\:row-auto{
    grid-row: auto !important;
  }

  .xl\:row-span-1{
    grid-row: span 1 / span 1 !important;
  }

  .xl\:row-span-2{
    grid-row: span 2 / span 2 !important;
  }

  .xl\:row-span-3{
    grid-row: span 3 / span 3 !important;
  }

  .xl\:row-span-4{
    grid-row: span 4 / span 4 !important;
  }

  .xl\:row-span-5{
    grid-row: span 5 / span 5 !important;
  }

  .xl\:row-span-6{
    grid-row: span 6 / span 6 !important;
  }

  .xl\:row-span-full{
    grid-row: 1 / -1 !important;
  }

  .xl\:row-start-1{
    grid-row-start: 1 !important;
  }

  .xl\:row-start-2{
    grid-row-start: 2 !important;
  }

  .xl\:row-start-3{
    grid-row-start: 3 !important;
  }

  .xl\:row-start-4{
    grid-row-start: 4 !important;
  }

  .xl\:row-start-5{
    grid-row-start: 5 !important;
  }

  .xl\:row-start-6{
    grid-row-start: 6 !important;
  }

  .xl\:row-start-7{
    grid-row-start: 7 !important;
  }

  .xl\:row-start-auto{
    grid-row-start: auto !important;
  }

  .xl\:row-end-1{
    grid-row-end: 1 !important;
  }

  .xl\:row-end-2{
    grid-row-end: 2 !important;
  }

  .xl\:row-end-3{
    grid-row-end: 3 !important;
  }

  .xl\:row-end-4{
    grid-row-end: 4 !important;
  }

  .xl\:row-end-5{
    grid-row-end: 5 !important;
  }

  .xl\:row-end-6{
    grid-row-end: 6 !important;
  }

  .xl\:row-end-7{
    grid-row-end: 7 !important;
  }

  .xl\:row-end-auto{
    grid-row-end: auto !important;
  }

  .xl\:transform{
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
  }

  .xl\:transform-none{
    -webkit-transform: none !important;
    transform: none !important;
  }

  .xl\:origin-center{
    -webkit-transform-origin: center !important;
    transform-origin: center !important;
  }

  .xl\:origin-top{
    -webkit-transform-origin: top !important;
    transform-origin: top !important;
  }

  .xl\:origin-top-right{
    -webkit-transform-origin: top right !important;
    transform-origin: top right !important;
  }

  .xl\:origin-right{
    -webkit-transform-origin: right !important;
    transform-origin: right !important;
  }

  .xl\:origin-bottom-right{
    -webkit-transform-origin: bottom right !important;
    transform-origin: bottom right !important;
  }

  .xl\:origin-bottom{
    -webkit-transform-origin: bottom !important;
    transform-origin: bottom !important;
  }

  .xl\:origin-bottom-left{
    -webkit-transform-origin: bottom left !important;
    transform-origin: bottom left !important;
  }

  .xl\:origin-left{
    -webkit-transform-origin: left !important;
    transform-origin: left !important;
  }

  .xl\:origin-top-left{
    -webkit-transform-origin: top left !important;
    transform-origin: top left !important;
  }

  .xl\:scale-0{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xl\:scale-50{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xl\:scale-75{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xl\:scale-90{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xl\:scale-95{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xl\:scale-100{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xl\:scale-105{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xl\:scale-110{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xl\:scale-125{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xl\:scale-150{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xl\:scale-x-0{
    --transform-scale-x: 0 !important;
  }

  .xl\:scale-x-50{
    --transform-scale-x: .5 !important;
  }

  .xl\:scale-x-75{
    --transform-scale-x: .75 !important;
  }

  .xl\:scale-x-90{
    --transform-scale-x: .9 !important;
  }

  .xl\:scale-x-95{
    --transform-scale-x: .95 !important;
  }

  .xl\:scale-x-100{
    --transform-scale-x: 1 !important;
  }

  .xl\:scale-x-105{
    --transform-scale-x: 1.05 !important;
  }

  .xl\:scale-x-110{
    --transform-scale-x: 1.1 !important;
  }

  .xl\:scale-x-125{
    --transform-scale-x: 1.25 !important;
  }

  .xl\:scale-x-150{
    --transform-scale-x: 1.5 !important;
  }

  .xl\:scale-y-0{
    --transform-scale-y: 0 !important;
  }

  .xl\:scale-y-50{
    --transform-scale-y: .5 !important;
  }

  .xl\:scale-y-75{
    --transform-scale-y: .75 !important;
  }

  .xl\:scale-y-90{
    --transform-scale-y: .9 !important;
  }

  .xl\:scale-y-95{
    --transform-scale-y: .95 !important;
  }

  .xl\:scale-y-100{
    --transform-scale-y: 1 !important;
  }

  .xl\:scale-y-105{
    --transform-scale-y: 1.05 !important;
  }

  .xl\:scale-y-110{
    --transform-scale-y: 1.1 !important;
  }

  .xl\:scale-y-125{
    --transform-scale-y: 1.25 !important;
  }

  .xl\:scale-y-150{
    --transform-scale-y: 1.5 !important;
  }

  .xl\:hover\:scale-0:hover{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xl\:hover\:scale-50:hover{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xl\:hover\:scale-75:hover{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xl\:hover\:scale-90:hover{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xl\:hover\:scale-95:hover{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xl\:hover\:scale-100:hover{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xl\:hover\:scale-105:hover{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xl\:hover\:scale-110:hover{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xl\:hover\:scale-125:hover{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xl\:hover\:scale-150:hover{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xl\:hover\:scale-x-0:hover{
    --transform-scale-x: 0 !important;
  }

  .xl\:hover\:scale-x-50:hover{
    --transform-scale-x: .5 !important;
  }

  .xl\:hover\:scale-x-75:hover{
    --transform-scale-x: .75 !important;
  }

  .xl\:hover\:scale-x-90:hover{
    --transform-scale-x: .9 !important;
  }

  .xl\:hover\:scale-x-95:hover{
    --transform-scale-x: .95 !important;
  }

  .xl\:hover\:scale-x-100:hover{
    --transform-scale-x: 1 !important;
  }

  .xl\:hover\:scale-x-105:hover{
    --transform-scale-x: 1.05 !important;
  }

  .xl\:hover\:scale-x-110:hover{
    --transform-scale-x: 1.1 !important;
  }

  .xl\:hover\:scale-x-125:hover{
    --transform-scale-x: 1.25 !important;
  }

  .xl\:hover\:scale-x-150:hover{
    --transform-scale-x: 1.5 !important;
  }

  .xl\:hover\:scale-y-0:hover{
    --transform-scale-y: 0 !important;
  }

  .xl\:hover\:scale-y-50:hover{
    --transform-scale-y: .5 !important;
  }

  .xl\:hover\:scale-y-75:hover{
    --transform-scale-y: .75 !important;
  }

  .xl\:hover\:scale-y-90:hover{
    --transform-scale-y: .9 !important;
  }

  .xl\:hover\:scale-y-95:hover{
    --transform-scale-y: .95 !important;
  }

  .xl\:hover\:scale-y-100:hover{
    --transform-scale-y: 1 !important;
  }

  .xl\:hover\:scale-y-105:hover{
    --transform-scale-y: 1.05 !important;
  }

  .xl\:hover\:scale-y-110:hover{
    --transform-scale-y: 1.1 !important;
  }

  .xl\:hover\:scale-y-125:hover{
    --transform-scale-y: 1.25 !important;
  }

  .xl\:hover\:scale-y-150:hover{
    --transform-scale-y: 1.5 !important;
  }

  .xl\:focus\:scale-0:focus{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xl\:focus\:scale-50:focus{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xl\:focus\:scale-75:focus{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xl\:focus\:scale-90:focus{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xl\:focus\:scale-95:focus{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xl\:focus\:scale-100:focus{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xl\:focus\:scale-105:focus{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xl\:focus\:scale-110:focus{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xl\:focus\:scale-125:focus{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xl\:focus\:scale-150:focus{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xl\:focus\:scale-x-0:focus{
    --transform-scale-x: 0 !important;
  }

  .xl\:focus\:scale-x-50:focus{
    --transform-scale-x: .5 !important;
  }

  .xl\:focus\:scale-x-75:focus{
    --transform-scale-x: .75 !important;
  }

  .xl\:focus\:scale-x-90:focus{
    --transform-scale-x: .9 !important;
  }

  .xl\:focus\:scale-x-95:focus{
    --transform-scale-x: .95 !important;
  }

  .xl\:focus\:scale-x-100:focus{
    --transform-scale-x: 1 !important;
  }

  .xl\:focus\:scale-x-105:focus{
    --transform-scale-x: 1.05 !important;
  }

  .xl\:focus\:scale-x-110:focus{
    --transform-scale-x: 1.1 !important;
  }

  .xl\:focus\:scale-x-125:focus{
    --transform-scale-x: 1.25 !important;
  }

  .xl\:focus\:scale-x-150:focus{
    --transform-scale-x: 1.5 !important;
  }

  .xl\:focus\:scale-y-0:focus{
    --transform-scale-y: 0 !important;
  }

  .xl\:focus\:scale-y-50:focus{
    --transform-scale-y: .5 !important;
  }

  .xl\:focus\:scale-y-75:focus{
    --transform-scale-y: .75 !important;
  }

  .xl\:focus\:scale-y-90:focus{
    --transform-scale-y: .9 !important;
  }

  .xl\:focus\:scale-y-95:focus{
    --transform-scale-y: .95 !important;
  }

  .xl\:focus\:scale-y-100:focus{
    --transform-scale-y: 1 !important;
  }

  .xl\:focus\:scale-y-105:focus{
    --transform-scale-y: 1.05 !important;
  }

  .xl\:focus\:scale-y-110:focus{
    --transform-scale-y: 1.1 !important;
  }

  .xl\:focus\:scale-y-125:focus{
    --transform-scale-y: 1.25 !important;
  }

  .xl\:focus\:scale-y-150:focus{
    --transform-scale-y: 1.5 !important;
  }

  .xl\:rotate-0{
    --transform-rotate: 0 !important;
  }

  .xl\:rotate-1{
    --transform-rotate: 1deg !important;
  }

  .xl\:rotate-2{
    --transform-rotate: 2deg !important;
  }

  .xl\:rotate-3{
    --transform-rotate: 3deg !important;
  }

  .xl\:rotate-6{
    --transform-rotate: 6deg !important;
  }

  .xl\:rotate-12{
    --transform-rotate: 12deg !important;
  }

  .xl\:rotate-45{
    --transform-rotate: 45deg !important;
  }

  .xl\:rotate-90{
    --transform-rotate: 90deg !important;
  }

  .xl\:rotate-180{
    --transform-rotate: 180deg !important;
  }

  .xl\:-rotate-180{
    --transform-rotate: -180deg !important;
  }

  .xl\:-rotate-90{
    --transform-rotate: -90deg !important;
  }

  .xl\:-rotate-45{
    --transform-rotate: -45deg !important;
  }

  .xl\:-rotate-12{
    --transform-rotate: -12deg !important;
  }

  .xl\:-rotate-6{
    --transform-rotate: -6deg !important;
  }

  .xl\:-rotate-3{
    --transform-rotate: -3deg !important;
  }

  .xl\:-rotate-2{
    --transform-rotate: -2deg !important;
  }

  .xl\:-rotate-1{
    --transform-rotate: -1deg !important;
  }

  .xl\:hover\:rotate-0:hover{
    --transform-rotate: 0 !important;
  }

  .xl\:hover\:rotate-1:hover{
    --transform-rotate: 1deg !important;
  }

  .xl\:hover\:rotate-2:hover{
    --transform-rotate: 2deg !important;
  }

  .xl\:hover\:rotate-3:hover{
    --transform-rotate: 3deg !important;
  }

  .xl\:hover\:rotate-6:hover{
    --transform-rotate: 6deg !important;
  }

  .xl\:hover\:rotate-12:hover{
    --transform-rotate: 12deg !important;
  }

  .xl\:hover\:rotate-45:hover{
    --transform-rotate: 45deg !important;
  }

  .xl\:hover\:rotate-90:hover{
    --transform-rotate: 90deg !important;
  }

  .xl\:hover\:rotate-180:hover{
    --transform-rotate: 180deg !important;
  }

  .xl\:hover\:-rotate-180:hover{
    --transform-rotate: -180deg !important;
  }

  .xl\:hover\:-rotate-90:hover{
    --transform-rotate: -90deg !important;
  }

  .xl\:hover\:-rotate-45:hover{
    --transform-rotate: -45deg !important;
  }

  .xl\:hover\:-rotate-12:hover{
    --transform-rotate: -12deg !important;
  }

  .xl\:hover\:-rotate-6:hover{
    --transform-rotate: -6deg !important;
  }

  .xl\:hover\:-rotate-3:hover{
    --transform-rotate: -3deg !important;
  }

  .xl\:hover\:-rotate-2:hover{
    --transform-rotate: -2deg !important;
  }

  .xl\:hover\:-rotate-1:hover{
    --transform-rotate: -1deg !important;
  }

  .xl\:focus\:rotate-0:focus{
    --transform-rotate: 0 !important;
  }

  .xl\:focus\:rotate-1:focus{
    --transform-rotate: 1deg !important;
  }

  .xl\:focus\:rotate-2:focus{
    --transform-rotate: 2deg !important;
  }

  .xl\:focus\:rotate-3:focus{
    --transform-rotate: 3deg !important;
  }

  .xl\:focus\:rotate-6:focus{
    --transform-rotate: 6deg !important;
  }

  .xl\:focus\:rotate-12:focus{
    --transform-rotate: 12deg !important;
  }

  .xl\:focus\:rotate-45:focus{
    --transform-rotate: 45deg !important;
  }

  .xl\:focus\:rotate-90:focus{
    --transform-rotate: 90deg !important;
  }

  .xl\:focus\:rotate-180:focus{
    --transform-rotate: 180deg !important;
  }

  .xl\:focus\:-rotate-180:focus{
    --transform-rotate: -180deg !important;
  }

  .xl\:focus\:-rotate-90:focus{
    --transform-rotate: -90deg !important;
  }

  .xl\:focus\:-rotate-45:focus{
    --transform-rotate: -45deg !important;
  }

  .xl\:focus\:-rotate-12:focus{
    --transform-rotate: -12deg !important;
  }

  .xl\:focus\:-rotate-6:focus{
    --transform-rotate: -6deg !important;
  }

  .xl\:focus\:-rotate-3:focus{
    --transform-rotate: -3deg !important;
  }

  .xl\:focus\:-rotate-2:focus{
    --transform-rotate: -2deg !important;
  }

  .xl\:focus\:-rotate-1:focus{
    --transform-rotate: -1deg !important;
  }

  .xl\:translate-x-0{
    --transform-translate-x: 0 !important;
  }

  .xl\:translate-x-1{
    --transform-translate-x: 0.25rem !important;
  }

  .xl\:translate-x-2{
    --transform-translate-x: 0.5rem !important;
  }

  .xl\:translate-x-3{
    --transform-translate-x: 0.75rem !important;
  }

  .xl\:translate-x-4{
    --transform-translate-x: 1rem !important;
  }

  .xl\:translate-x-5{
    --transform-translate-x: 1.25rem !important;
  }

  .xl\:translate-x-6{
    --transform-translate-x: 1.5rem !important;
  }

  .xl\:translate-x-8{
    --transform-translate-x: 2rem !important;
  }

  .xl\:translate-x-10{
    --transform-translate-x: 2.5rem !important;
  }

  .xl\:translate-x-12{
    --transform-translate-x: 3rem !important;
  }

  .xl\:translate-x-16{
    --transform-translate-x: 4rem !important;
  }

  .xl\:translate-x-20{
    --transform-translate-x: 5rem !important;
  }

  .xl\:translate-x-24{
    --transform-translate-x: 6rem !important;
  }

  .xl\:translate-x-28{
    --transform-translate-x: 7rem !important;
  }

  .xl\:translate-x-32{
    --transform-translate-x: 8rem !important;
  }

  .xl\:translate-x-40{
    --transform-translate-x: 10rem !important;
  }

  .xl\:translate-x-48{
    --transform-translate-x: 12rem !important;
  }

  .xl\:translate-x-56{
    --transform-translate-x: 14rem !important;
  }

  .xl\:translate-x-64{
    --transform-translate-x: 16rem !important;
  }

  .xl\:translate-x-px{
    --transform-translate-x: 1px !important;
  }

  .xl\:translate-x-2px{
    --transform-translate-x: 2px !important;
  }

  .xl\:translate-x-3px{
    --transform-translate-x: 3px !important;
  }

  .xl\:translate-x-5px{
    --transform-translate-x: 5px !important;
  }

  .xl\:translate-x-10px{
    --transform-translate-x: 10px !important;
  }

  .xl\:translate-x-15px{
    --transform-translate-x: 15px !important;
  }

  .xl\:translate-x-20px{
    --transform-translate-x: 20px !important;
  }

  .xl\:translate-x-25px{
    --transform-translate-x: 25px !important;
  }

  .xl\:translate-x-30px{
    --transform-translate-x: 30px !important;
  }

  .xl\:translate-x-36px{
    --transform-translate-x: 36px !important;
  }

  .xl\:translate-x-50px{
    --transform-translate-x: 50px !important;
  }

  .xl\:translate-x-60px{
    --transform-translate-x: 60px !important;
  }

  .xl\:translate-x-120px{
    --transform-translate-x: 120px !important;
  }

  .xl\:-translate-x-1{
    --transform-translate-x: -0.25rem !important;
  }

  .xl\:-translate-x-2{
    --transform-translate-x: -0.5rem !important;
  }

  .xl\:-translate-x-3{
    --transform-translate-x: -0.75rem !important;
  }

  .xl\:-translate-x-4{
    --transform-translate-x: -1rem !important;
  }

  .xl\:-translate-x-5{
    --transform-translate-x: -1.25rem !important;
  }

  .xl\:-translate-x-6{
    --transform-translate-x: -1.5rem !important;
  }

  .xl\:-translate-x-8{
    --transform-translate-x: -2rem !important;
  }

  .xl\:-translate-x-10{
    --transform-translate-x: -2.5rem !important;
  }

  .xl\:-translate-x-12{
    --transform-translate-x: -3rem !important;
  }

  .xl\:-translate-x-16{
    --transform-translate-x: -4rem !important;
  }

  .xl\:-translate-x-20{
    --transform-translate-x: -5rem !important;
  }

  .xl\:-translate-x-24{
    --transform-translate-x: -6rem !important;
  }

  .xl\:-translate-x-28{
    --transform-translate-x: -7rem !important;
  }

  .xl\:-translate-x-32{
    --transform-translate-x: -8rem !important;
  }

  .xl\:-translate-x-40{
    --transform-translate-x: -10rem !important;
  }

  .xl\:-translate-x-48{
    --transform-translate-x: -12rem !important;
  }

  .xl\:-translate-x-56{
    --transform-translate-x: -14rem !important;
  }

  .xl\:-translate-x-64{
    --transform-translate-x: -16rem !important;
  }

  .xl\:-translate-x-px{
    --transform-translate-x: -1px !important;
  }

  .xl\:-translate-x-2px{
    --transform-translate-x: -2px !important;
  }

  .xl\:-translate-x-3px{
    --transform-translate-x: -3px !important;
  }

  .xl\:-translate-x-5px{
    --transform-translate-x: -5px !important;
  }

  .xl\:-translate-x-10px{
    --transform-translate-x: -10px !important;
  }

  .xl\:-translate-x-15px{
    --transform-translate-x: -15px !important;
  }

  .xl\:-translate-x-20px{
    --transform-translate-x: -20px !important;
  }

  .xl\:-translate-x-25px{
    --transform-translate-x: -25px !important;
  }

  .xl\:-translate-x-30px{
    --transform-translate-x: -30px !important;
  }

  .xl\:-translate-x-36px{
    --transform-translate-x: -36px !important;
  }

  .xl\:-translate-x-50px{
    --transform-translate-x: -50px !important;
  }

  .xl\:-translate-x-60px{
    --transform-translate-x: -60px !important;
  }

  .xl\:-translate-x-120px{
    --transform-translate-x: -120px !important;
  }

  .xl\:-translate-x-full{
    --transform-translate-x: -100% !important;
  }

  .xl\:-translate-x-1\/2{
    --transform-translate-x: -50% !important;
  }

  .xl\:translate-x-1\/2{
    --transform-translate-x: 50% !important;
  }

  .xl\:translate-x-full{
    --transform-translate-x: 100% !important;
  }

  .xl\:translate-y-0{
    --transform-translate-y: 0 !important;
  }

  .xl\:translate-y-1{
    --transform-translate-y: 0.25rem !important;
  }

  .xl\:translate-y-2{
    --transform-translate-y: 0.5rem !important;
  }

  .xl\:translate-y-3{
    --transform-translate-y: 0.75rem !important;
  }

  .xl\:translate-y-4{
    --transform-translate-y: 1rem !important;
  }

  .xl\:translate-y-5{
    --transform-translate-y: 1.25rem !important;
  }

  .xl\:translate-y-6{
    --transform-translate-y: 1.5rem !important;
  }

  .xl\:translate-y-8{
    --transform-translate-y: 2rem !important;
  }

  .xl\:translate-y-10{
    --transform-translate-y: 2.5rem !important;
  }

  .xl\:translate-y-12{
    --transform-translate-y: 3rem !important;
  }

  .xl\:translate-y-16{
    --transform-translate-y: 4rem !important;
  }

  .xl\:translate-y-20{
    --transform-translate-y: 5rem !important;
  }

  .xl\:translate-y-24{
    --transform-translate-y: 6rem !important;
  }

  .xl\:translate-y-28{
    --transform-translate-y: 7rem !important;
  }

  .xl\:translate-y-32{
    --transform-translate-y: 8rem !important;
  }

  .xl\:translate-y-40{
    --transform-translate-y: 10rem !important;
  }

  .xl\:translate-y-48{
    --transform-translate-y: 12rem !important;
  }

  .xl\:translate-y-56{
    --transform-translate-y: 14rem !important;
  }

  .xl\:translate-y-64{
    --transform-translate-y: 16rem !important;
  }

  .xl\:translate-y-px{
    --transform-translate-y: 1px !important;
  }

  .xl\:translate-y-2px{
    --transform-translate-y: 2px !important;
  }

  .xl\:translate-y-3px{
    --transform-translate-y: 3px !important;
  }

  .xl\:translate-y-5px{
    --transform-translate-y: 5px !important;
  }

  .xl\:translate-y-10px{
    --transform-translate-y: 10px !important;
  }

  .xl\:translate-y-15px{
    --transform-translate-y: 15px !important;
  }

  .xl\:translate-y-20px{
    --transform-translate-y: 20px !important;
  }

  .xl\:translate-y-25px{
    --transform-translate-y: 25px !important;
  }

  .xl\:translate-y-30px{
    --transform-translate-y: 30px !important;
  }

  .xl\:translate-y-36px{
    --transform-translate-y: 36px !important;
  }

  .xl\:translate-y-50px{
    --transform-translate-y: 50px !important;
  }

  .xl\:translate-y-60px{
    --transform-translate-y: 60px !important;
  }

  .xl\:translate-y-120px{
    --transform-translate-y: 120px !important;
  }

  .xl\:-translate-y-1{
    --transform-translate-y: -0.25rem !important;
  }

  .xl\:-translate-y-2{
    --transform-translate-y: -0.5rem !important;
  }

  .xl\:-translate-y-3{
    --transform-translate-y: -0.75rem !important;
  }

  .xl\:-translate-y-4{
    --transform-translate-y: -1rem !important;
  }

  .xl\:-translate-y-5{
    --transform-translate-y: -1.25rem !important;
  }

  .xl\:-translate-y-6{
    --transform-translate-y: -1.5rem !important;
  }

  .xl\:-translate-y-8{
    --transform-translate-y: -2rem !important;
  }

  .xl\:-translate-y-10{
    --transform-translate-y: -2.5rem !important;
  }

  .xl\:-translate-y-12{
    --transform-translate-y: -3rem !important;
  }

  .xl\:-translate-y-16{
    --transform-translate-y: -4rem !important;
  }

  .xl\:-translate-y-20{
    --transform-translate-y: -5rem !important;
  }

  .xl\:-translate-y-24{
    --transform-translate-y: -6rem !important;
  }

  .xl\:-translate-y-28{
    --transform-translate-y: -7rem !important;
  }

  .xl\:-translate-y-32{
    --transform-translate-y: -8rem !important;
  }

  .xl\:-translate-y-40{
    --transform-translate-y: -10rem !important;
  }

  .xl\:-translate-y-48{
    --transform-translate-y: -12rem !important;
  }

  .xl\:-translate-y-56{
    --transform-translate-y: -14rem !important;
  }

  .xl\:-translate-y-64{
    --transform-translate-y: -16rem !important;
  }

  .xl\:-translate-y-px{
    --transform-translate-y: -1px !important;
  }

  .xl\:-translate-y-2px{
    --transform-translate-y: -2px !important;
  }

  .xl\:-translate-y-3px{
    --transform-translate-y: -3px !important;
  }

  .xl\:-translate-y-5px{
    --transform-translate-y: -5px !important;
  }

  .xl\:-translate-y-10px{
    --transform-translate-y: -10px !important;
  }

  .xl\:-translate-y-15px{
    --transform-translate-y: -15px !important;
  }

  .xl\:-translate-y-20px{
    --transform-translate-y: -20px !important;
  }

  .xl\:-translate-y-25px{
    --transform-translate-y: -25px !important;
  }

  .xl\:-translate-y-30px{
    --transform-translate-y: -30px !important;
  }

  .xl\:-translate-y-36px{
    --transform-translate-y: -36px !important;
  }

  .xl\:-translate-y-50px{
    --transform-translate-y: -50px !important;
  }

  .xl\:-translate-y-60px{
    --transform-translate-y: -60px !important;
  }

  .xl\:-translate-y-120px{
    --transform-translate-y: -120px !important;
  }

  .xl\:-translate-y-full{
    --transform-translate-y: -100% !important;
  }

  .xl\:-translate-y-1\/2{
    --transform-translate-y: -50% !important;
  }

  .xl\:translate-y-1\/2{
    --transform-translate-y: 50% !important;
  }

  .xl\:translate-y-full{
    --transform-translate-y: 100% !important;
  }

  .xl\:hover\:translate-x-0:hover{
    --transform-translate-x: 0 !important;
  }

  .xl\:hover\:translate-x-1:hover{
    --transform-translate-x: 0.25rem !important;
  }

  .xl\:hover\:translate-x-2:hover{
    --transform-translate-x: 0.5rem !important;
  }

  .xl\:hover\:translate-x-3:hover{
    --transform-translate-x: 0.75rem !important;
  }

  .xl\:hover\:translate-x-4:hover{
    --transform-translate-x: 1rem !important;
  }

  .xl\:hover\:translate-x-5:hover{
    --transform-translate-x: 1.25rem !important;
  }

  .xl\:hover\:translate-x-6:hover{
    --transform-translate-x: 1.5rem !important;
  }

  .xl\:hover\:translate-x-8:hover{
    --transform-translate-x: 2rem !important;
  }

  .xl\:hover\:translate-x-10:hover{
    --transform-translate-x: 2.5rem !important;
  }

  .xl\:hover\:translate-x-12:hover{
    --transform-translate-x: 3rem !important;
  }

  .xl\:hover\:translate-x-16:hover{
    --transform-translate-x: 4rem !important;
  }

  .xl\:hover\:translate-x-20:hover{
    --transform-translate-x: 5rem !important;
  }

  .xl\:hover\:translate-x-24:hover{
    --transform-translate-x: 6rem !important;
  }

  .xl\:hover\:translate-x-28:hover{
    --transform-translate-x: 7rem !important;
  }

  .xl\:hover\:translate-x-32:hover{
    --transform-translate-x: 8rem !important;
  }

  .xl\:hover\:translate-x-40:hover{
    --transform-translate-x: 10rem !important;
  }

  .xl\:hover\:translate-x-48:hover{
    --transform-translate-x: 12rem !important;
  }

  .xl\:hover\:translate-x-56:hover{
    --transform-translate-x: 14rem !important;
  }

  .xl\:hover\:translate-x-64:hover{
    --transform-translate-x: 16rem !important;
  }

  .xl\:hover\:translate-x-px:hover{
    --transform-translate-x: 1px !important;
  }

  .xl\:hover\:translate-x-2px:hover{
    --transform-translate-x: 2px !important;
  }

  .xl\:hover\:translate-x-3px:hover{
    --transform-translate-x: 3px !important;
  }

  .xl\:hover\:translate-x-5px:hover{
    --transform-translate-x: 5px !important;
  }

  .xl\:hover\:translate-x-10px:hover{
    --transform-translate-x: 10px !important;
  }

  .xl\:hover\:translate-x-15px:hover{
    --transform-translate-x: 15px !important;
  }

  .xl\:hover\:translate-x-20px:hover{
    --transform-translate-x: 20px !important;
  }

  .xl\:hover\:translate-x-25px:hover{
    --transform-translate-x: 25px !important;
  }

  .xl\:hover\:translate-x-30px:hover{
    --transform-translate-x: 30px !important;
  }

  .xl\:hover\:translate-x-36px:hover{
    --transform-translate-x: 36px !important;
  }

  .xl\:hover\:translate-x-50px:hover{
    --transform-translate-x: 50px !important;
  }

  .xl\:hover\:translate-x-60px:hover{
    --transform-translate-x: 60px !important;
  }

  .xl\:hover\:translate-x-120px:hover{
    --transform-translate-x: 120px !important;
  }

  .xl\:hover\:-translate-x-1:hover{
    --transform-translate-x: -0.25rem !important;
  }

  .xl\:hover\:-translate-x-2:hover{
    --transform-translate-x: -0.5rem !important;
  }

  .xl\:hover\:-translate-x-3:hover{
    --transform-translate-x: -0.75rem !important;
  }

  .xl\:hover\:-translate-x-4:hover{
    --transform-translate-x: -1rem !important;
  }

  .xl\:hover\:-translate-x-5:hover{
    --transform-translate-x: -1.25rem !important;
  }

  .xl\:hover\:-translate-x-6:hover{
    --transform-translate-x: -1.5rem !important;
  }

  .xl\:hover\:-translate-x-8:hover{
    --transform-translate-x: -2rem !important;
  }

  .xl\:hover\:-translate-x-10:hover{
    --transform-translate-x: -2.5rem !important;
  }

  .xl\:hover\:-translate-x-12:hover{
    --transform-translate-x: -3rem !important;
  }

  .xl\:hover\:-translate-x-16:hover{
    --transform-translate-x: -4rem !important;
  }

  .xl\:hover\:-translate-x-20:hover{
    --transform-translate-x: -5rem !important;
  }

  .xl\:hover\:-translate-x-24:hover{
    --transform-translate-x: -6rem !important;
  }

  .xl\:hover\:-translate-x-28:hover{
    --transform-translate-x: -7rem !important;
  }

  .xl\:hover\:-translate-x-32:hover{
    --transform-translate-x: -8rem !important;
  }

  .xl\:hover\:-translate-x-40:hover{
    --transform-translate-x: -10rem !important;
  }

  .xl\:hover\:-translate-x-48:hover{
    --transform-translate-x: -12rem !important;
  }

  .xl\:hover\:-translate-x-56:hover{
    --transform-translate-x: -14rem !important;
  }

  .xl\:hover\:-translate-x-64:hover{
    --transform-translate-x: -16rem !important;
  }

  .xl\:hover\:-translate-x-px:hover{
    --transform-translate-x: -1px !important;
  }

  .xl\:hover\:-translate-x-2px:hover{
    --transform-translate-x: -2px !important;
  }

  .xl\:hover\:-translate-x-3px:hover{
    --transform-translate-x: -3px !important;
  }

  .xl\:hover\:-translate-x-5px:hover{
    --transform-translate-x: -5px !important;
  }

  .xl\:hover\:-translate-x-10px:hover{
    --transform-translate-x: -10px !important;
  }

  .xl\:hover\:-translate-x-15px:hover{
    --transform-translate-x: -15px !important;
  }

  .xl\:hover\:-translate-x-20px:hover{
    --transform-translate-x: -20px !important;
  }

  .xl\:hover\:-translate-x-25px:hover{
    --transform-translate-x: -25px !important;
  }

  .xl\:hover\:-translate-x-30px:hover{
    --transform-translate-x: -30px !important;
  }

  .xl\:hover\:-translate-x-36px:hover{
    --transform-translate-x: -36px !important;
  }

  .xl\:hover\:-translate-x-50px:hover{
    --transform-translate-x: -50px !important;
  }

  .xl\:hover\:-translate-x-60px:hover{
    --transform-translate-x: -60px !important;
  }

  .xl\:hover\:-translate-x-120px:hover{
    --transform-translate-x: -120px !important;
  }

  .xl\:hover\:-translate-x-full:hover{
    --transform-translate-x: -100% !important;
  }

  .xl\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x: -50% !important;
  }

  .xl\:hover\:translate-x-1\/2:hover{
    --transform-translate-x: 50% !important;
  }

  .xl\:hover\:translate-x-full:hover{
    --transform-translate-x: 100% !important;
  }

  .xl\:hover\:translate-y-0:hover{
    --transform-translate-y: 0 !important;
  }

  .xl\:hover\:translate-y-1:hover{
    --transform-translate-y: 0.25rem !important;
  }

  .xl\:hover\:translate-y-2:hover{
    --transform-translate-y: 0.5rem !important;
  }

  .xl\:hover\:translate-y-3:hover{
    --transform-translate-y: 0.75rem !important;
  }

  .xl\:hover\:translate-y-4:hover{
    --transform-translate-y: 1rem !important;
  }

  .xl\:hover\:translate-y-5:hover{
    --transform-translate-y: 1.25rem !important;
  }

  .xl\:hover\:translate-y-6:hover{
    --transform-translate-y: 1.5rem !important;
  }

  .xl\:hover\:translate-y-8:hover{
    --transform-translate-y: 2rem !important;
  }

  .xl\:hover\:translate-y-10:hover{
    --transform-translate-y: 2.5rem !important;
  }

  .xl\:hover\:translate-y-12:hover{
    --transform-translate-y: 3rem !important;
  }

  .xl\:hover\:translate-y-16:hover{
    --transform-translate-y: 4rem !important;
  }

  .xl\:hover\:translate-y-20:hover{
    --transform-translate-y: 5rem !important;
  }

  .xl\:hover\:translate-y-24:hover{
    --transform-translate-y: 6rem !important;
  }

  .xl\:hover\:translate-y-28:hover{
    --transform-translate-y: 7rem !important;
  }

  .xl\:hover\:translate-y-32:hover{
    --transform-translate-y: 8rem !important;
  }

  .xl\:hover\:translate-y-40:hover{
    --transform-translate-y: 10rem !important;
  }

  .xl\:hover\:translate-y-48:hover{
    --transform-translate-y: 12rem !important;
  }

  .xl\:hover\:translate-y-56:hover{
    --transform-translate-y: 14rem !important;
  }

  .xl\:hover\:translate-y-64:hover{
    --transform-translate-y: 16rem !important;
  }

  .xl\:hover\:translate-y-px:hover{
    --transform-translate-y: 1px !important;
  }

  .xl\:hover\:translate-y-2px:hover{
    --transform-translate-y: 2px !important;
  }

  .xl\:hover\:translate-y-3px:hover{
    --transform-translate-y: 3px !important;
  }

  .xl\:hover\:translate-y-5px:hover{
    --transform-translate-y: 5px !important;
  }

  .xl\:hover\:translate-y-10px:hover{
    --transform-translate-y: 10px !important;
  }

  .xl\:hover\:translate-y-15px:hover{
    --transform-translate-y: 15px !important;
  }

  .xl\:hover\:translate-y-20px:hover{
    --transform-translate-y: 20px !important;
  }

  .xl\:hover\:translate-y-25px:hover{
    --transform-translate-y: 25px !important;
  }

  .xl\:hover\:translate-y-30px:hover{
    --transform-translate-y: 30px !important;
  }

  .xl\:hover\:translate-y-36px:hover{
    --transform-translate-y: 36px !important;
  }

  .xl\:hover\:translate-y-50px:hover{
    --transform-translate-y: 50px !important;
  }

  .xl\:hover\:translate-y-60px:hover{
    --transform-translate-y: 60px !important;
  }

  .xl\:hover\:translate-y-120px:hover{
    --transform-translate-y: 120px !important;
  }

  .xl\:hover\:-translate-y-1:hover{
    --transform-translate-y: -0.25rem !important;
  }

  .xl\:hover\:-translate-y-2:hover{
    --transform-translate-y: -0.5rem !important;
  }

  .xl\:hover\:-translate-y-3:hover{
    --transform-translate-y: -0.75rem !important;
  }

  .xl\:hover\:-translate-y-4:hover{
    --transform-translate-y: -1rem !important;
  }

  .xl\:hover\:-translate-y-5:hover{
    --transform-translate-y: -1.25rem !important;
  }

  .xl\:hover\:-translate-y-6:hover{
    --transform-translate-y: -1.5rem !important;
  }

  .xl\:hover\:-translate-y-8:hover{
    --transform-translate-y: -2rem !important;
  }

  .xl\:hover\:-translate-y-10:hover{
    --transform-translate-y: -2.5rem !important;
  }

  .xl\:hover\:-translate-y-12:hover{
    --transform-translate-y: -3rem !important;
  }

  .xl\:hover\:-translate-y-16:hover{
    --transform-translate-y: -4rem !important;
  }

  .xl\:hover\:-translate-y-20:hover{
    --transform-translate-y: -5rem !important;
  }

  .xl\:hover\:-translate-y-24:hover{
    --transform-translate-y: -6rem !important;
  }

  .xl\:hover\:-translate-y-28:hover{
    --transform-translate-y: -7rem !important;
  }

  .xl\:hover\:-translate-y-32:hover{
    --transform-translate-y: -8rem !important;
  }

  .xl\:hover\:-translate-y-40:hover{
    --transform-translate-y: -10rem !important;
  }

  .xl\:hover\:-translate-y-48:hover{
    --transform-translate-y: -12rem !important;
  }

  .xl\:hover\:-translate-y-56:hover{
    --transform-translate-y: -14rem !important;
  }

  .xl\:hover\:-translate-y-64:hover{
    --transform-translate-y: -16rem !important;
  }

  .xl\:hover\:-translate-y-px:hover{
    --transform-translate-y: -1px !important;
  }

  .xl\:hover\:-translate-y-2px:hover{
    --transform-translate-y: -2px !important;
  }

  .xl\:hover\:-translate-y-3px:hover{
    --transform-translate-y: -3px !important;
  }

  .xl\:hover\:-translate-y-5px:hover{
    --transform-translate-y: -5px !important;
  }

  .xl\:hover\:-translate-y-10px:hover{
    --transform-translate-y: -10px !important;
  }

  .xl\:hover\:-translate-y-15px:hover{
    --transform-translate-y: -15px !important;
  }

  .xl\:hover\:-translate-y-20px:hover{
    --transform-translate-y: -20px !important;
  }

  .xl\:hover\:-translate-y-25px:hover{
    --transform-translate-y: -25px !important;
  }

  .xl\:hover\:-translate-y-30px:hover{
    --transform-translate-y: -30px !important;
  }

  .xl\:hover\:-translate-y-36px:hover{
    --transform-translate-y: -36px !important;
  }

  .xl\:hover\:-translate-y-50px:hover{
    --transform-translate-y: -50px !important;
  }

  .xl\:hover\:-translate-y-60px:hover{
    --transform-translate-y: -60px !important;
  }

  .xl\:hover\:-translate-y-120px:hover{
    --transform-translate-y: -120px !important;
  }

  .xl\:hover\:-translate-y-full:hover{
    --transform-translate-y: -100% !important;
  }

  .xl\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y: -50% !important;
  }

  .xl\:hover\:translate-y-1\/2:hover{
    --transform-translate-y: 50% !important;
  }

  .xl\:hover\:translate-y-full:hover{
    --transform-translate-y: 100% !important;
  }

  .xl\:focus\:translate-x-0:focus{
    --transform-translate-x: 0 !important;
  }

  .xl\:focus\:translate-x-1:focus{
    --transform-translate-x: 0.25rem !important;
  }

  .xl\:focus\:translate-x-2:focus{
    --transform-translate-x: 0.5rem !important;
  }

  .xl\:focus\:translate-x-3:focus{
    --transform-translate-x: 0.75rem !important;
  }

  .xl\:focus\:translate-x-4:focus{
    --transform-translate-x: 1rem !important;
  }

  .xl\:focus\:translate-x-5:focus{
    --transform-translate-x: 1.25rem !important;
  }

  .xl\:focus\:translate-x-6:focus{
    --transform-translate-x: 1.5rem !important;
  }

  .xl\:focus\:translate-x-8:focus{
    --transform-translate-x: 2rem !important;
  }

  .xl\:focus\:translate-x-10:focus{
    --transform-translate-x: 2.5rem !important;
  }

  .xl\:focus\:translate-x-12:focus{
    --transform-translate-x: 3rem !important;
  }

  .xl\:focus\:translate-x-16:focus{
    --transform-translate-x: 4rem !important;
  }

  .xl\:focus\:translate-x-20:focus{
    --transform-translate-x: 5rem !important;
  }

  .xl\:focus\:translate-x-24:focus{
    --transform-translate-x: 6rem !important;
  }

  .xl\:focus\:translate-x-28:focus{
    --transform-translate-x: 7rem !important;
  }

  .xl\:focus\:translate-x-32:focus{
    --transform-translate-x: 8rem !important;
  }

  .xl\:focus\:translate-x-40:focus{
    --transform-translate-x: 10rem !important;
  }

  .xl\:focus\:translate-x-48:focus{
    --transform-translate-x: 12rem !important;
  }

  .xl\:focus\:translate-x-56:focus{
    --transform-translate-x: 14rem !important;
  }

  .xl\:focus\:translate-x-64:focus{
    --transform-translate-x: 16rem !important;
  }

  .xl\:focus\:translate-x-px:focus{
    --transform-translate-x: 1px !important;
  }

  .xl\:focus\:translate-x-2px:focus{
    --transform-translate-x: 2px !important;
  }

  .xl\:focus\:translate-x-3px:focus{
    --transform-translate-x: 3px !important;
  }

  .xl\:focus\:translate-x-5px:focus{
    --transform-translate-x: 5px !important;
  }

  .xl\:focus\:translate-x-10px:focus{
    --transform-translate-x: 10px !important;
  }

  .xl\:focus\:translate-x-15px:focus{
    --transform-translate-x: 15px !important;
  }

  .xl\:focus\:translate-x-20px:focus{
    --transform-translate-x: 20px !important;
  }

  .xl\:focus\:translate-x-25px:focus{
    --transform-translate-x: 25px !important;
  }

  .xl\:focus\:translate-x-30px:focus{
    --transform-translate-x: 30px !important;
  }

  .xl\:focus\:translate-x-36px:focus{
    --transform-translate-x: 36px !important;
  }

  .xl\:focus\:translate-x-50px:focus{
    --transform-translate-x: 50px !important;
  }

  .xl\:focus\:translate-x-60px:focus{
    --transform-translate-x: 60px !important;
  }

  .xl\:focus\:translate-x-120px:focus{
    --transform-translate-x: 120px !important;
  }

  .xl\:focus\:-translate-x-1:focus{
    --transform-translate-x: -0.25rem !important;
  }

  .xl\:focus\:-translate-x-2:focus{
    --transform-translate-x: -0.5rem !important;
  }

  .xl\:focus\:-translate-x-3:focus{
    --transform-translate-x: -0.75rem !important;
  }

  .xl\:focus\:-translate-x-4:focus{
    --transform-translate-x: -1rem !important;
  }

  .xl\:focus\:-translate-x-5:focus{
    --transform-translate-x: -1.25rem !important;
  }

  .xl\:focus\:-translate-x-6:focus{
    --transform-translate-x: -1.5rem !important;
  }

  .xl\:focus\:-translate-x-8:focus{
    --transform-translate-x: -2rem !important;
  }

  .xl\:focus\:-translate-x-10:focus{
    --transform-translate-x: -2.5rem !important;
  }

  .xl\:focus\:-translate-x-12:focus{
    --transform-translate-x: -3rem !important;
  }

  .xl\:focus\:-translate-x-16:focus{
    --transform-translate-x: -4rem !important;
  }

  .xl\:focus\:-translate-x-20:focus{
    --transform-translate-x: -5rem !important;
  }

  .xl\:focus\:-translate-x-24:focus{
    --transform-translate-x: -6rem !important;
  }

  .xl\:focus\:-translate-x-28:focus{
    --transform-translate-x: -7rem !important;
  }

  .xl\:focus\:-translate-x-32:focus{
    --transform-translate-x: -8rem !important;
  }

  .xl\:focus\:-translate-x-40:focus{
    --transform-translate-x: -10rem !important;
  }

  .xl\:focus\:-translate-x-48:focus{
    --transform-translate-x: -12rem !important;
  }

  .xl\:focus\:-translate-x-56:focus{
    --transform-translate-x: -14rem !important;
  }

  .xl\:focus\:-translate-x-64:focus{
    --transform-translate-x: -16rem !important;
  }

  .xl\:focus\:-translate-x-px:focus{
    --transform-translate-x: -1px !important;
  }

  .xl\:focus\:-translate-x-2px:focus{
    --transform-translate-x: -2px !important;
  }

  .xl\:focus\:-translate-x-3px:focus{
    --transform-translate-x: -3px !important;
  }

  .xl\:focus\:-translate-x-5px:focus{
    --transform-translate-x: -5px !important;
  }

  .xl\:focus\:-translate-x-10px:focus{
    --transform-translate-x: -10px !important;
  }

  .xl\:focus\:-translate-x-15px:focus{
    --transform-translate-x: -15px !important;
  }

  .xl\:focus\:-translate-x-20px:focus{
    --transform-translate-x: -20px !important;
  }

  .xl\:focus\:-translate-x-25px:focus{
    --transform-translate-x: -25px !important;
  }

  .xl\:focus\:-translate-x-30px:focus{
    --transform-translate-x: -30px !important;
  }

  .xl\:focus\:-translate-x-36px:focus{
    --transform-translate-x: -36px !important;
  }

  .xl\:focus\:-translate-x-50px:focus{
    --transform-translate-x: -50px !important;
  }

  .xl\:focus\:-translate-x-60px:focus{
    --transform-translate-x: -60px !important;
  }

  .xl\:focus\:-translate-x-120px:focus{
    --transform-translate-x: -120px !important;
  }

  .xl\:focus\:-translate-x-full:focus{
    --transform-translate-x: -100% !important;
  }

  .xl\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x: -50% !important;
  }

  .xl\:focus\:translate-x-1\/2:focus{
    --transform-translate-x: 50% !important;
  }

  .xl\:focus\:translate-x-full:focus{
    --transform-translate-x: 100% !important;
  }

  .xl\:focus\:translate-y-0:focus{
    --transform-translate-y: 0 !important;
  }

  .xl\:focus\:translate-y-1:focus{
    --transform-translate-y: 0.25rem !important;
  }

  .xl\:focus\:translate-y-2:focus{
    --transform-translate-y: 0.5rem !important;
  }

  .xl\:focus\:translate-y-3:focus{
    --transform-translate-y: 0.75rem !important;
  }

  .xl\:focus\:translate-y-4:focus{
    --transform-translate-y: 1rem !important;
  }

  .xl\:focus\:translate-y-5:focus{
    --transform-translate-y: 1.25rem !important;
  }

  .xl\:focus\:translate-y-6:focus{
    --transform-translate-y: 1.5rem !important;
  }

  .xl\:focus\:translate-y-8:focus{
    --transform-translate-y: 2rem !important;
  }

  .xl\:focus\:translate-y-10:focus{
    --transform-translate-y: 2.5rem !important;
  }

  .xl\:focus\:translate-y-12:focus{
    --transform-translate-y: 3rem !important;
  }

  .xl\:focus\:translate-y-16:focus{
    --transform-translate-y: 4rem !important;
  }

  .xl\:focus\:translate-y-20:focus{
    --transform-translate-y: 5rem !important;
  }

  .xl\:focus\:translate-y-24:focus{
    --transform-translate-y: 6rem !important;
  }

  .xl\:focus\:translate-y-28:focus{
    --transform-translate-y: 7rem !important;
  }

  .xl\:focus\:translate-y-32:focus{
    --transform-translate-y: 8rem !important;
  }

  .xl\:focus\:translate-y-40:focus{
    --transform-translate-y: 10rem !important;
  }

  .xl\:focus\:translate-y-48:focus{
    --transform-translate-y: 12rem !important;
  }

  .xl\:focus\:translate-y-56:focus{
    --transform-translate-y: 14rem !important;
  }

  .xl\:focus\:translate-y-64:focus{
    --transform-translate-y: 16rem !important;
  }

  .xl\:focus\:translate-y-px:focus{
    --transform-translate-y: 1px !important;
  }

  .xl\:focus\:translate-y-2px:focus{
    --transform-translate-y: 2px !important;
  }

  .xl\:focus\:translate-y-3px:focus{
    --transform-translate-y: 3px !important;
  }

  .xl\:focus\:translate-y-5px:focus{
    --transform-translate-y: 5px !important;
  }

  .xl\:focus\:translate-y-10px:focus{
    --transform-translate-y: 10px !important;
  }

  .xl\:focus\:translate-y-15px:focus{
    --transform-translate-y: 15px !important;
  }

  .xl\:focus\:translate-y-20px:focus{
    --transform-translate-y: 20px !important;
  }

  .xl\:focus\:translate-y-25px:focus{
    --transform-translate-y: 25px !important;
  }

  .xl\:focus\:translate-y-30px:focus{
    --transform-translate-y: 30px !important;
  }

  .xl\:focus\:translate-y-36px:focus{
    --transform-translate-y: 36px !important;
  }

  .xl\:focus\:translate-y-50px:focus{
    --transform-translate-y: 50px !important;
  }

  .xl\:focus\:translate-y-60px:focus{
    --transform-translate-y: 60px !important;
  }

  .xl\:focus\:translate-y-120px:focus{
    --transform-translate-y: 120px !important;
  }

  .xl\:focus\:-translate-y-1:focus{
    --transform-translate-y: -0.25rem !important;
  }

  .xl\:focus\:-translate-y-2:focus{
    --transform-translate-y: -0.5rem !important;
  }

  .xl\:focus\:-translate-y-3:focus{
    --transform-translate-y: -0.75rem !important;
  }

  .xl\:focus\:-translate-y-4:focus{
    --transform-translate-y: -1rem !important;
  }

  .xl\:focus\:-translate-y-5:focus{
    --transform-translate-y: -1.25rem !important;
  }

  .xl\:focus\:-translate-y-6:focus{
    --transform-translate-y: -1.5rem !important;
  }

  .xl\:focus\:-translate-y-8:focus{
    --transform-translate-y: -2rem !important;
  }

  .xl\:focus\:-translate-y-10:focus{
    --transform-translate-y: -2.5rem !important;
  }

  .xl\:focus\:-translate-y-12:focus{
    --transform-translate-y: -3rem !important;
  }

  .xl\:focus\:-translate-y-16:focus{
    --transform-translate-y: -4rem !important;
  }

  .xl\:focus\:-translate-y-20:focus{
    --transform-translate-y: -5rem !important;
  }

  .xl\:focus\:-translate-y-24:focus{
    --transform-translate-y: -6rem !important;
  }

  .xl\:focus\:-translate-y-28:focus{
    --transform-translate-y: -7rem !important;
  }

  .xl\:focus\:-translate-y-32:focus{
    --transform-translate-y: -8rem !important;
  }

  .xl\:focus\:-translate-y-40:focus{
    --transform-translate-y: -10rem !important;
  }

  .xl\:focus\:-translate-y-48:focus{
    --transform-translate-y: -12rem !important;
  }

  .xl\:focus\:-translate-y-56:focus{
    --transform-translate-y: -14rem !important;
  }

  .xl\:focus\:-translate-y-64:focus{
    --transform-translate-y: -16rem !important;
  }

  .xl\:focus\:-translate-y-px:focus{
    --transform-translate-y: -1px !important;
  }

  .xl\:focus\:-translate-y-2px:focus{
    --transform-translate-y: -2px !important;
  }

  .xl\:focus\:-translate-y-3px:focus{
    --transform-translate-y: -3px !important;
  }

  .xl\:focus\:-translate-y-5px:focus{
    --transform-translate-y: -5px !important;
  }

  .xl\:focus\:-translate-y-10px:focus{
    --transform-translate-y: -10px !important;
  }

  .xl\:focus\:-translate-y-15px:focus{
    --transform-translate-y: -15px !important;
  }

  .xl\:focus\:-translate-y-20px:focus{
    --transform-translate-y: -20px !important;
  }

  .xl\:focus\:-translate-y-25px:focus{
    --transform-translate-y: -25px !important;
  }

  .xl\:focus\:-translate-y-30px:focus{
    --transform-translate-y: -30px !important;
  }

  .xl\:focus\:-translate-y-36px:focus{
    --transform-translate-y: -36px !important;
  }

  .xl\:focus\:-translate-y-50px:focus{
    --transform-translate-y: -50px !important;
  }

  .xl\:focus\:-translate-y-60px:focus{
    --transform-translate-y: -60px !important;
  }

  .xl\:focus\:-translate-y-120px:focus{
    --transform-translate-y: -120px !important;
  }

  .xl\:focus\:-translate-y-full:focus{
    --transform-translate-y: -100% !important;
  }

  .xl\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y: -50% !important;
  }

  .xl\:focus\:translate-y-1\/2:focus{
    --transform-translate-y: 50% !important;
  }

  .xl\:focus\:translate-y-full:focus{
    --transform-translate-y: 100% !important;
  }

  .xl\:skew-x-0{
    --transform-skew-x: 0 !important;
  }

  .xl\:skew-x-1{
    --transform-skew-x: 1deg !important;
  }

  .xl\:skew-x-2{
    --transform-skew-x: 2deg !important;
  }

  .xl\:skew-x-3{
    --transform-skew-x: 3deg !important;
  }

  .xl\:skew-x-6{
    --transform-skew-x: 6deg !important;
  }

  .xl\:skew-x-12{
    --transform-skew-x: 12deg !important;
  }

  .xl\:-skew-x-12{
    --transform-skew-x: -12deg !important;
  }

  .xl\:-skew-x-6{
    --transform-skew-x: -6deg !important;
  }

  .xl\:-skew-x-3{
    --transform-skew-x: -3deg !important;
  }

  .xl\:-skew-x-2{
    --transform-skew-x: -2deg !important;
  }

  .xl\:-skew-x-1{
    --transform-skew-x: -1deg !important;
  }

  .xl\:skew-y-0{
    --transform-skew-y: 0 !important;
  }

  .xl\:skew-y-1{
    --transform-skew-y: 1deg !important;
  }

  .xl\:skew-y-2{
    --transform-skew-y: 2deg !important;
  }

  .xl\:skew-y-3{
    --transform-skew-y: 3deg !important;
  }

  .xl\:skew-y-6{
    --transform-skew-y: 6deg !important;
  }

  .xl\:skew-y-12{
    --transform-skew-y: 12deg !important;
  }

  .xl\:-skew-y-12{
    --transform-skew-y: -12deg !important;
  }

  .xl\:-skew-y-6{
    --transform-skew-y: -6deg !important;
  }

  .xl\:-skew-y-3{
    --transform-skew-y: -3deg !important;
  }

  .xl\:-skew-y-2{
    --transform-skew-y: -2deg !important;
  }

  .xl\:-skew-y-1{
    --transform-skew-y: -1deg !important;
  }

  .xl\:hover\:skew-x-0:hover{
    --transform-skew-x: 0 !important;
  }

  .xl\:hover\:skew-x-1:hover{
    --transform-skew-x: 1deg !important;
  }

  .xl\:hover\:skew-x-2:hover{
    --transform-skew-x: 2deg !important;
  }

  .xl\:hover\:skew-x-3:hover{
    --transform-skew-x: 3deg !important;
  }

  .xl\:hover\:skew-x-6:hover{
    --transform-skew-x: 6deg !important;
  }

  .xl\:hover\:skew-x-12:hover{
    --transform-skew-x: 12deg !important;
  }

  .xl\:hover\:-skew-x-12:hover{
    --transform-skew-x: -12deg !important;
  }

  .xl\:hover\:-skew-x-6:hover{
    --transform-skew-x: -6deg !important;
  }

  .xl\:hover\:-skew-x-3:hover{
    --transform-skew-x: -3deg !important;
  }

  .xl\:hover\:-skew-x-2:hover{
    --transform-skew-x: -2deg !important;
  }

  .xl\:hover\:-skew-x-1:hover{
    --transform-skew-x: -1deg !important;
  }

  .xl\:hover\:skew-y-0:hover{
    --transform-skew-y: 0 !important;
  }

  .xl\:hover\:skew-y-1:hover{
    --transform-skew-y: 1deg !important;
  }

  .xl\:hover\:skew-y-2:hover{
    --transform-skew-y: 2deg !important;
  }

  .xl\:hover\:skew-y-3:hover{
    --transform-skew-y: 3deg !important;
  }

  .xl\:hover\:skew-y-6:hover{
    --transform-skew-y: 6deg !important;
  }

  .xl\:hover\:skew-y-12:hover{
    --transform-skew-y: 12deg !important;
  }

  .xl\:hover\:-skew-y-12:hover{
    --transform-skew-y: -12deg !important;
  }

  .xl\:hover\:-skew-y-6:hover{
    --transform-skew-y: -6deg !important;
  }

  .xl\:hover\:-skew-y-3:hover{
    --transform-skew-y: -3deg !important;
  }

  .xl\:hover\:-skew-y-2:hover{
    --transform-skew-y: -2deg !important;
  }

  .xl\:hover\:-skew-y-1:hover{
    --transform-skew-y: -1deg !important;
  }

  .xl\:focus\:skew-x-0:focus{
    --transform-skew-x: 0 !important;
  }

  .xl\:focus\:skew-x-1:focus{
    --transform-skew-x: 1deg !important;
  }

  .xl\:focus\:skew-x-2:focus{
    --transform-skew-x: 2deg !important;
  }

  .xl\:focus\:skew-x-3:focus{
    --transform-skew-x: 3deg !important;
  }

  .xl\:focus\:skew-x-6:focus{
    --transform-skew-x: 6deg !important;
  }

  .xl\:focus\:skew-x-12:focus{
    --transform-skew-x: 12deg !important;
  }

  .xl\:focus\:-skew-x-12:focus{
    --transform-skew-x: -12deg !important;
  }

  .xl\:focus\:-skew-x-6:focus{
    --transform-skew-x: -6deg !important;
  }

  .xl\:focus\:-skew-x-3:focus{
    --transform-skew-x: -3deg !important;
  }

  .xl\:focus\:-skew-x-2:focus{
    --transform-skew-x: -2deg !important;
  }

  .xl\:focus\:-skew-x-1:focus{
    --transform-skew-x: -1deg !important;
  }

  .xl\:focus\:skew-y-0:focus{
    --transform-skew-y: 0 !important;
  }

  .xl\:focus\:skew-y-1:focus{
    --transform-skew-y: 1deg !important;
  }

  .xl\:focus\:skew-y-2:focus{
    --transform-skew-y: 2deg !important;
  }

  .xl\:focus\:skew-y-3:focus{
    --transform-skew-y: 3deg !important;
  }

  .xl\:focus\:skew-y-6:focus{
    --transform-skew-y: 6deg !important;
  }

  .xl\:focus\:skew-y-12:focus{
    --transform-skew-y: 12deg !important;
  }

  .xl\:focus\:-skew-y-12:focus{
    --transform-skew-y: -12deg !important;
  }

  .xl\:focus\:-skew-y-6:focus{
    --transform-skew-y: -6deg !important;
  }

  .xl\:focus\:-skew-y-3:focus{
    --transform-skew-y: -3deg !important;
  }

  .xl\:focus\:-skew-y-2:focus{
    --transform-skew-y: -2deg !important;
  }

  .xl\:focus\:-skew-y-1:focus{
    --transform-skew-y: -1deg !important;
  }

  .xl\:transition-0{
    -webkit-transition-property: hover !important;
    transition-property: hover !important;
  }

  .xl\:transition-1{
    -webkit-transition-property: focus !important;
    transition-property: focus !important;
  }

  .xl\:transition-none{
    -webkit-transition-property: none !important;
    transition-property: none !important;
  }

  .xl\:transition-all{
    -webkit-transition-property: all !important;
    transition-property: all !important;
  }

  .xl\:transition{
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform !important;
  }

  .xl\:transition-colors{
    -webkit-transition-property: background-color, border-color, color, fill, stroke !important;
    transition-property: background-color, border-color, color, fill, stroke !important;
  }

  .xl\:transition-opacity{
    -webkit-transition-property: opacity !important;
    transition-property: opacity !important;
  }

  .xl\:transition-shadow{
    -webkit-transition-property: -webkit-box-shadow !important;
    transition-property: -webkit-box-shadow !important;
    transition-property: box-shadow !important;
    transition-property: box-shadow, -webkit-box-shadow !important;
  }

  .xl\:transition-transform{
    -webkit-transition-property: -webkit-transform !important;
    transition-property: -webkit-transform !important;
    transition-property: transform !important;
    transition-property: transform, -webkit-transform !important;
  }

  .xl\:ease-linear{
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
  }

  .xl\:ease-in{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }

  .xl\:ease-out{
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }

  .xl\:ease-in-out{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .xl\:duration-75{
    -webkit-transition-duration: 75ms !important;
    transition-duration: 75ms !important;
  }

  .xl\:duration-100{
    -webkit-transition-duration: 100ms !important;
    transition-duration: 100ms !important;
  }

  .xl\:duration-150{
    -webkit-transition-duration: 150ms !important;
    transition-duration: 150ms !important;
  }

  .xl\:duration-200{
    -webkit-transition-duration: 200ms !important;
    transition-duration: 200ms !important;
  }

  .xl\:duration-300{
    -webkit-transition-duration: 300ms !important;
    transition-duration: 300ms !important;
  }

  .xl\:duration-500{
    -webkit-transition-duration: 500ms !important;
    transition-duration: 500ms !important;
  }

  .xl\:duration-700{
    -webkit-transition-duration: 700ms !important;
    transition-duration: 700ms !important;
  }

  .xl\:duration-1000{
    -webkit-transition-duration: 1000ms !important;
    transition-duration: 1000ms !important;
  }

  .xl\:delay-75{
    -webkit-transition-delay: 75ms !important;
    transition-delay: 75ms !important;
  }

  .xl\:delay-100{
    -webkit-transition-delay: 100ms !important;
    transition-delay: 100ms !important;
  }

  .xl\:delay-150{
    -webkit-transition-delay: 150ms !important;
    transition-delay: 150ms !important;
  }

  .xl\:delay-200{
    -webkit-transition-delay: 200ms !important;
    transition-delay: 200ms !important;
  }

  .xl\:delay-300{
    -webkit-transition-delay: 300ms !important;
    transition-delay: 300ms !important;
  }

  .xl\:delay-500{
    -webkit-transition-delay: 500ms !important;
    transition-delay: 500ms !important;
  }

  .xl\:delay-700{
    -webkit-transition-delay: 700ms !important;
    transition-delay: 700ms !important;
  }

  .xl\:delay-1000{
    -webkit-transition-delay: 1000ms !important;
    transition-delay: 1000ms !important;
  }

  .xl\:animate-none{
    -webkit-animation: none !important;
    animation: none !important;
  }

  .xl\:animate-spin{
    -webkit-animation: spin 1s linear infinite !important;
    animation: spin 1s linear infinite !important;
  }

  .xl\:animate-ping{
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  }

  .xl\:animate-pulse{
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }

  .xl\:animate-bounce{
    -webkit-animation: bounce 1s infinite !important;
    animation: bounce 1s infinite !important;
  }
}

@media (min-width: 320px){
  .xxs\:container{
    width: 100%;
  }

  @media (min-width: 320px){
    .xxs\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 360px){
    .xxs\:container{
      max-width: 360px;
    }
  }

  @media (min-width: 560px){
    .xxs\:container{
      max-width: 560px;
    }
  }

  @media (min-width: 768px){
    .xxs\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .xxs\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .xxs\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 1920px){
    .xxs\:container{
      max-width: 1920px;
    }
  }

  .xxs\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1rem * var(--space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2rem * var(--space-x-reverse)) !important;
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3rem * var(--space-x-reverse)) !important;
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(4rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(4rem * var(--space-x-reverse)) !important;
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5rem * var(--space-x-reverse)) !important;
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(6rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(6rem * var(--space-x-reverse)) !important;
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(7rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(7rem * var(--space-x-reverse)) !important;
    margin-left: calc(7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(8rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(8rem * var(--space-x-reverse)) !important;
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10rem * var(--space-x-reverse)) !important;
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(12rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(12rem * var(--space-x-reverse)) !important;
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(14rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(14rem * var(--space-x-reverse)) !important;
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(16rem * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(16rem * var(--space-x-reverse)) !important;
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1px * var(--space-x-reverse)) !important;
    margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2px * var(--space-x-reverse)) !important;
    margin-left: calc(2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3px * var(--space-x-reverse)) !important;
    margin-left: calc(3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5px * var(--space-x-reverse)) !important;
    margin-left: calc(5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10px * var(--space-x-reverse)) !important;
    margin-left: calc(10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(15px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(15px * var(--space-x-reverse)) !important;
    margin-left: calc(15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(20px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(20px * var(--space-x-reverse)) !important;
    margin-left: calc(20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(25px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(25px * var(--space-x-reverse)) !important;
    margin-left: calc(25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(30px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(30px * var(--space-x-reverse)) !important;
    margin-left: calc(30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(36px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(36px * var(--space-x-reverse)) !important;
    margin-left: calc(36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(50px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(50px * var(--space-x-reverse)) !important;
    margin-left: calc(50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(60px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(60px * var(--space-x-reverse)) !important;
    margin-left: calc(60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(120px * var(--space-y-reverse)) !important;
  }

  .xxs\:space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(120px * var(--space-x-reverse)) !important;
    margin-left: calc(120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3rem * var(--space-x-reverse)) !important;
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-4rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-4rem * var(--space-x-reverse)) !important;
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-6rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-6rem * var(--space-x-reverse)) !important;
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-7rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-7rem * var(--space-x-reverse)) !important;
    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-8rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-8rem * var(--space-x-reverse)) !important;
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10rem * var(--space-x-reverse)) !important;
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-12rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-12rem * var(--space-x-reverse)) !important;
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-14rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-14rem * var(--space-x-reverse)) !important;
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-16rem * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-16rem * var(--space-x-reverse)) !important;
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1px * var(--space-x-reverse)) !important;
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2px * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2px * var(--space-x-reverse)) !important;
    margin-left: calc(-2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3px * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3px * var(--space-x-reverse)) !important;
    margin-left: calc(-3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5px * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5px * var(--space-x-reverse)) !important;
    margin-left: calc(-5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10px * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10px * var(--space-x-reverse)) !important;
    margin-left: calc(-10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-15px * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-15px * var(--space-x-reverse)) !important;
    margin-left: calc(-15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-20px * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-20px * var(--space-x-reverse)) !important;
    margin-left: calc(-20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-25px * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-25px * var(--space-x-reverse)) !important;
    margin-left: calc(-25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-30px * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-30px * var(--space-x-reverse)) !important;
    margin-left: calc(-30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-36px * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-36px * var(--space-x-reverse)) !important;
    margin-left: calc(-36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-50px * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-50px * var(--space-x-reverse)) !important;
    margin-left: calc(-50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-60px * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-60px * var(--space-x-reverse)) !important;
    margin-left: calc(-60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:-space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-120px * var(--space-y-reverse)) !important;
  }

  .xxs\:-space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-120px * var(--space-x-reverse)) !important;
    margin-left: calc(-120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxs\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1 !important;
  }

  .xxs\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1 !important;
  }

  .xxs\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
  }

  .xxs\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(0px * var(--divide-x-reverse)) !important;
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xxs\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
  }

  .xxs\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(2px * var(--divide-x-reverse)) !important;
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xxs\:divide-y-3 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(3px * var(--divide-y-reverse)) !important;
  }

  .xxs\:divide-x-3 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(3px * var(--divide-x-reverse)) !important;
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xxs\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
  }

  .xxs\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(4px * var(--divide-x-reverse)) !important;
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xxs\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
  }

  .xxs\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(8px * var(--divide-x-reverse)) !important;
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xxs\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
  }

  .xxs\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xxs\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1 !important;
  }

  .xxs\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1 !important;
  }

  .xxs\:divide-transparent > :not(template) ~ :not(template){
    border-color: transparent !important;
  }

  .xxs\:divide-current > :not(template) ~ :not(template){
    border-color: currentColor !important;
  }

  .xxs\:divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
  }

  .xxs\:divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
  }

  .xxs\:divide-red > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--divide-opacity)) !important;
  }

  .xxs\:divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
  }

  .xxs\:divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
  }

  .xxs\:divide-orange-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
  }

  .xxs\:divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
  }

  .xxs\:divide-orange-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
  }

  .xxs\:divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
  }

  .xxs\:divide-orange-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
  }

  .xxs\:divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
  }

  .xxs\:divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
  }

  .xxs\:divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
  }

  .xxs\:divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
  }

  .xxs\:divide-yellow-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
  }

  .xxs\:divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
  }

  .xxs\:divide-yellow-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
  }

  .xxs\:divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
  }

  .xxs\:divide-yellow-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
  }

  .xxs\:divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
  }

  .xxs\:divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
  }

  .xxs\:divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
  }

  .xxs\:divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
  }

  .xxs\:divide-green-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
  }

  .xxs\:divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
  }

  .xxs\:divide-green-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
  }

  .xxs\:divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
  }

  .xxs\:divide-green-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
  }

  .xxs\:divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
  }

  .xxs\:divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
  }

  .xxs\:divide-teal-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
  }

  .xxs\:divide-teal-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
  }

  .xxs\:divide-teal-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
  }

  .xxs\:divide-teal-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
  }

  .xxs\:divide-teal-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
  }

  .xxs\:divide-teal-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
  }

  .xxs\:divide-teal-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
  }

  .xxs\:divide-teal-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
  }

  .xxs\:divide-teal-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
  }

  .xxs\:divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
  }

  .xxs\:divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
  }

  .xxs\:divide-blue-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
  }

  .xxs\:divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
  }

  .xxs\:divide-blue-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
  }

  .xxs\:divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
  }

  .xxs\:divide-blue-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
  }

  .xxs\:divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
  }

  .xxs\:divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
  }

  .xxs\:divide-indigo-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
  }

  .xxs\:divide-indigo-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
  }

  .xxs\:divide-indigo-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
  }

  .xxs\:divide-indigo-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
  }

  .xxs\:divide-indigo-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
  }

  .xxs\:divide-indigo-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
  }

  .xxs\:divide-indigo-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
  }

  .xxs\:divide-indigo-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
  }

  .xxs\:divide-indigo-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
  }

  .xxs\:divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
  }

  .xxs\:divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
  }

  .xxs\:divide-purple-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
  }

  .xxs\:divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
  }

  .xxs\:divide-purple-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
  }

  .xxs\:divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
  }

  .xxs\:divide-purple-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
  }

  .xxs\:divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
  }

  .xxs\:divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
  }

  .xxs\:divide-pink-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
  }

  .xxs\:divide-pink-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
  }

  .xxs\:divide-pink-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
  }

  .xxs\:divide-pink-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
  }

  .xxs\:divide-pink-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
  }

  .xxs\:divide-pink-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
  }

  .xxs\:divide-pink-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
  }

  .xxs\:divide-pink-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
  }

  .xxs\:divide-pink-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
  }

  .xxs\:divide-primary-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .xxs\:divide-primary-hover-color > :not(template) ~ :not(template){
    border-color: var(--hover-color) !important;
  }

  .xxs\:divide-gray-body > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-333 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-666 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-888 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-999 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-icon > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-features > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--divide-opacity)) !important;
  }

  .xxs\:divide-slide-border > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--divide-opacity)) !important;
  }

  .xxs\:divide-sale-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .xxs\:divide-hit-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--divide-opacity)) !important;
  }

  .xxs\:divide-new-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--divide-opacity)) !important;
  }

  .xxs\:divide-fb-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--divide-opacity)) !important;
  }

  .xxs\:divide-fb-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--divide-opacity)) !important;
  }

  .xxs\:divide-vk-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--divide-opacity)) !important;
  }

  .xxs\:divide-vk-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--divide-opacity)) !important;
  }

  .xxs\:divide-insta-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--divide-opacity)) !important;
  }

  .xxs\:divide-insta-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-dc > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-cd > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--divide-opacity)) !important;
  }

  .xxs\:divide-gray-e7 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--divide-opacity)) !important;
  }

  .xxs\:divide-check-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--divide-opacity)) !important;
  }

  .xxs\:divide-docx-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--divide-opacity)) !important;
  }

  .xxs\:divide-dark-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--divide-opacity)) !important;
  }

  .xxs\:divide-green-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--divide-opacity)) !important;
  }

  .xxs\:divide-solid > :not(template) ~ :not(template){
    border-style: solid !important;
  }

  .xxs\:divide-dashed > :not(template) ~ :not(template){
    border-style: dashed !important;
  }

  .xxs\:divide-dotted > :not(template) ~ :not(template){
    border-style: dotted !important;
  }

  .xxs\:divide-double > :not(template) ~ :not(template){
    border-style: double !important;
  }

  .xxs\:divide-none > :not(template) ~ :not(template){
    border-style: none !important;
  }

  .xxs\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0 !important;
  }

  .xxs\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25 !important;
  }

  .xxs\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5 !important;
  }

  .xxs\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75 !important;
  }

  .xxs\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
  }

  .xxs\:sr-only{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .xxs\:not-sr-only{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .xxs\:focus\:sr-only:focus{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .xxs\:focus\:not-sr-only:focus{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .xxs\:appearance-none{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }

  .xxs\:bg-fixed{
    background-attachment: fixed !important;
  }

  .xxs\:bg-local{
    background-attachment: local !important;
  }

  .xxs\:bg-scroll{
    background-attachment: scroll !important;
  }

  .xxs\:bg-clip-border{
    background-clip: border-box !important;
  }

  .xxs\:bg-clip-padding{
    background-clip: padding-box !important;
  }

  .xxs\:bg-clip-content{
    background-clip: content-box !important;
  }

  .xxs\:bg-clip-text{
    -webkit-background-clip: text !important;
    background-clip: text !important;
  }

  .xxs\:bg-transparent{
    background-color: transparent !important;
  }

  .xxs\:bg-current{
    background-color: currentColor !important;
  }

  .xxs\:bg-black{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xxs\:bg-white{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-100{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-200{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-300{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-400{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-500{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-600{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-700{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-800{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-900{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .xxs\:bg-red{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .xxs\:bg-orange-100{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .xxs\:bg-orange-200{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .xxs\:bg-orange-300{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .xxs\:bg-orange-400{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .xxs\:bg-orange-500{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .xxs\:bg-orange-600{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .xxs\:bg-orange-700{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .xxs\:bg-orange-800{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .xxs\:bg-orange-900{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .xxs\:bg-yellow-100{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .xxs\:bg-yellow-200{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .xxs\:bg-yellow-300{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .xxs\:bg-yellow-400{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .xxs\:bg-yellow-500{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .xxs\:bg-yellow-600{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .xxs\:bg-yellow-700{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .xxs\:bg-yellow-800{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .xxs\:bg-yellow-900{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .xxs\:bg-green-100{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .xxs\:bg-green-200{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .xxs\:bg-green-300{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .xxs\:bg-green-400{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .xxs\:bg-green-500{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .xxs\:bg-green-600{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .xxs\:bg-green-700{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .xxs\:bg-green-800{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .xxs\:bg-green-900{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .xxs\:bg-teal-100{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .xxs\:bg-teal-200{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .xxs\:bg-teal-300{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .xxs\:bg-teal-400{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .xxs\:bg-teal-500{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .xxs\:bg-teal-600{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .xxs\:bg-teal-700{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .xxs\:bg-teal-800{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .xxs\:bg-teal-900{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .xxs\:bg-blue-100{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .xxs\:bg-blue-200{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .xxs\:bg-blue-300{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .xxs\:bg-blue-400{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .xxs\:bg-blue-500{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .xxs\:bg-blue-600{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .xxs\:bg-blue-700{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .xxs\:bg-blue-800{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .xxs\:bg-blue-900{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .xxs\:bg-indigo-100{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .xxs\:bg-indigo-200{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .xxs\:bg-indigo-300{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .xxs\:bg-indigo-400{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .xxs\:bg-indigo-500{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .xxs\:bg-indigo-600{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .xxs\:bg-indigo-700{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .xxs\:bg-indigo-800{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .xxs\:bg-indigo-900{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .xxs\:bg-purple-100{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .xxs\:bg-purple-200{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .xxs\:bg-purple-300{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .xxs\:bg-purple-400{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .xxs\:bg-purple-500{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .xxs\:bg-purple-600{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .xxs\:bg-purple-700{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .xxs\:bg-purple-800{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .xxs\:bg-purple-900{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .xxs\:bg-pink-100{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .xxs\:bg-pink-200{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .xxs\:bg-pink-300{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .xxs\:bg-pink-400{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .xxs\:bg-pink-500{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .xxs\:bg-pink-600{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .xxs\:bg-pink-700{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .xxs\:bg-pink-800{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .xxs\:bg-pink-900{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .xxs\:bg-primary-color{
    background-color: var(--primary-color) !important;
  }

  .xxs\:bg-primary-hover-color{
    background-color: var(--hover-color) !important;
  }

  .xxs\:bg-gray-body{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-light{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-333{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-666{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-888{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-999{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-icon{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-features{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .xxs\:bg-slide-border{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .xxs\:bg-sale-color{
    background-color: var(--primary-color) !important;
  }

  .xxs\:bg-hit-color{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .xxs\:bg-new-color{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .xxs\:bg-fb-hover-color{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .xxs\:bg-fb-active-color{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .xxs\:bg-vk-hover-color{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .xxs\:bg-vk-active-color{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .xxs\:bg-insta-hover-color{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .xxs\:bg-insta-active-color{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-dc{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-cd{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .xxs\:bg-gray-e7{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .xxs\:bg-check-color{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .xxs\:bg-docx-color{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .xxs\:bg-dark-black{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .xxs\:bg-green-light{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-transparent:hover{
    background-color: transparent !important;
  }

  .xxs\:hover\:bg-current:hover{
    background-color: currentColor !important;
  }

  .xxs\:hover\:bg-black:hover{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-white:hover{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-200:hover{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-300:hover{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-400:hover{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-500:hover{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-600:hover{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-900:hover{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-red:hover{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-orange-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-orange-200:hover{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-orange-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-orange-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-orange-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-orange-600:hover{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-orange-700:hover{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-orange-800:hover{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-orange-900:hover{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-yellow-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-yellow-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-yellow-300:hover{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-yellow-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-yellow-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-yellow-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-yellow-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-yellow-800:hover{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-yellow-900:hover{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-green-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-green-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-green-300:hover{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-green-400:hover{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-green-500:hover{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-green-600:hover{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-green-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-green-800:hover{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-green-900:hover{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-teal-100:hover{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-teal-200:hover{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-teal-300:hover{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-teal-400:hover{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-teal-500:hover{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-teal-600:hover{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-teal-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-teal-800:hover{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-teal-900:hover{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-blue-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-blue-200:hover{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-blue-300:hover{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-blue-400:hover{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-blue-500:hover{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-blue-600:hover{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-blue-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-blue-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-blue-900:hover{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-indigo-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-indigo-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-indigo-300:hover{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-indigo-400:hover{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-indigo-500:hover{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-indigo-600:hover{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-indigo-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-indigo-800:hover{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-indigo-900:hover{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-purple-100:hover{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-purple-200:hover{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-purple-300:hover{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-purple-400:hover{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-purple-500:hover{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-purple-600:hover{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-purple-700:hover{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-purple-800:hover{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-purple-900:hover{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-pink-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-pink-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-pink-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-pink-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-pink-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-pink-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-pink-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-pink-800:hover{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-pink-900:hover{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-primary-color:hover{
    background-color: var(--primary-color) !important;
  }

  .xxs\:hover\:bg-primary-hover-color:hover{
    background-color: var(--hover-color) !important;
  }

  .xxs\:hover\:bg-gray-body:hover{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-light:hover{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-333:hover{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-666:hover{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-888:hover{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-999:hover{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-icon:hover{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-features:hover{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-slide-border:hover{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-sale-color:hover{
    background-color: var(--primary-color) !important;
  }

  .xxs\:hover\:bg-hit-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-new-color:hover{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-fb-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-fb-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-vk-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-vk-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-insta-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-insta-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-dc:hover{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-cd:hover{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-gray-e7:hover{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-check-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-docx-color:hover{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-dark-black:hover{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .xxs\:hover\:bg-green-light:hover{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-transparent:focus{
    background-color: transparent !important;
  }

  .xxs\:focus\:bg-current:focus{
    background-color: currentColor !important;
  }

  .xxs\:focus\:bg-black:focus{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-white:focus{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-200:focus{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-300:focus{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-400:focus{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-500:focus{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-600:focus{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-900:focus{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-red:focus{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-orange-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-orange-200:focus{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-orange-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-orange-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-orange-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-orange-600:focus{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-orange-700:focus{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-orange-800:focus{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-orange-900:focus{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-yellow-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-yellow-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-yellow-300:focus{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-yellow-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-yellow-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-yellow-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-yellow-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-yellow-800:focus{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-yellow-900:focus{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-green-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-green-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-green-300:focus{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-green-400:focus{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-green-500:focus{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-green-600:focus{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-green-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-green-800:focus{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-green-900:focus{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-teal-100:focus{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-teal-200:focus{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-teal-300:focus{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-teal-400:focus{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-teal-500:focus{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-teal-600:focus{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-teal-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-teal-800:focus{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-teal-900:focus{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-blue-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-blue-200:focus{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-blue-300:focus{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-blue-400:focus{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-blue-500:focus{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-blue-600:focus{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-blue-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-blue-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-blue-900:focus{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-indigo-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-indigo-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-indigo-300:focus{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-indigo-400:focus{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-indigo-500:focus{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-indigo-600:focus{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-indigo-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-indigo-800:focus{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-indigo-900:focus{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-purple-100:focus{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-purple-200:focus{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-purple-300:focus{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-purple-400:focus{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-purple-500:focus{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-purple-600:focus{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-purple-700:focus{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-purple-800:focus{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-purple-900:focus{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-pink-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-pink-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-pink-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-pink-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-pink-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-pink-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-pink-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-pink-800:focus{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-pink-900:focus{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-primary-color:focus{
    background-color: var(--primary-color) !important;
  }

  .xxs\:focus\:bg-primary-hover-color:focus{
    background-color: var(--hover-color) !important;
  }

  .xxs\:focus\:bg-gray-body:focus{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-light:focus{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-333:focus{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-666:focus{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-888:focus{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-999:focus{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-icon:focus{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-features:focus{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-slide-border:focus{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-sale-color:focus{
    background-color: var(--primary-color) !important;
  }

  .xxs\:focus\:bg-hit-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-new-color:focus{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-fb-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-fb-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-vk-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-vk-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-insta-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-insta-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-dc:focus{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-cd:focus{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-gray-e7:focus{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-check-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-docx-color:focus{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-dark-black:focus{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .xxs\:focus\:bg-green-light:focus{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .xxs\:bg-none{
    background-image: none !important;
  }

  .xxs\:bg-gradient-to-t{
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
  }

  .xxs\:bg-gradient-to-tr{
    background-image: -webkit-gradient(linear, left bottom, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
  }

  .xxs\:bg-gradient-to-r{
    background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
  }

  .xxs\:bg-gradient-to-br{
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
  }

  .xxs\:bg-gradient-to-b{
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
  }

  .xxs\:bg-gradient-to-bl{
    background-image: -webkit-gradient(linear, right top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
  }

  .xxs\:bg-gradient-to-l{
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
  }

  .xxs\:bg-gradient-to-tl{
    background-image: -webkit-gradient(linear, right bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
  }

  .xxs\:from-transparent{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxs\:from-current{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:from-black{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxs\:from-white{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:from-gray-100{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xxs\:from-gray-200{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xxs\:from-gray-300{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xxs\:from-gray-400{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xxs\:from-gray-500{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xxs\:from-gray-600{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xxs\:from-gray-700{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xxs\:from-gray-800{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xxs\:from-gray-900{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xxs\:from-red{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xxs\:from-orange-100{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xxs\:from-orange-200{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xxs\:from-orange-300{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xxs\:from-orange-400{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xxs\:from-orange-500{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xxs\:from-orange-600{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xxs\:from-orange-700{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xxs\:from-orange-800{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xxs\:from-orange-900{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xxs\:from-yellow-100{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xxs\:from-yellow-200{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xxs\:from-yellow-300{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xxs\:from-yellow-400{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xxs\:from-yellow-500{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xxs\:from-yellow-600{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xxs\:from-yellow-700{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xxs\:from-yellow-800{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xxs\:from-yellow-900{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xxs\:from-green-100{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xxs\:from-green-200{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xxs\:from-green-300{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xxs\:from-green-400{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xxs\:from-green-500{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xxs\:from-green-600{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xxs\:from-green-700{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xxs\:from-green-800{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xxs\:from-green-900{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xxs\:from-teal-100{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xxs\:from-teal-200{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xxs\:from-teal-300{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xxs\:from-teal-400{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xxs\:from-teal-500{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xxs\:from-teal-600{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xxs\:from-teal-700{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xxs\:from-teal-800{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xxs\:from-teal-900{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xxs\:from-blue-100{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xxs\:from-blue-200{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xxs\:from-blue-300{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xxs\:from-blue-400{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xxs\:from-blue-500{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xxs\:from-blue-600{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xxs\:from-blue-700{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xxs\:from-blue-800{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xxs\:from-blue-900{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xxs\:from-indigo-100{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xxs\:from-indigo-200{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xxs\:from-indigo-300{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xxs\:from-indigo-400{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xxs\:from-indigo-500{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xxs\:from-indigo-600{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xxs\:from-indigo-700{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xxs\:from-indigo-800{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xxs\:from-indigo-900{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xxs\:from-purple-100{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xxs\:from-purple-200{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xxs\:from-purple-300{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xxs\:from-purple-400{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xxs\:from-purple-500{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xxs\:from-purple-600{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xxs\:from-purple-700{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xxs\:from-purple-800{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xxs\:from-purple-900{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xxs\:from-pink-100{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xxs\:from-pink-200{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xxs\:from-pink-300{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xxs\:from-pink-400{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xxs\:from-pink-500{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xxs\:from-pink-600{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xxs\:from-pink-700{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xxs\:from-pink-800{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xxs\:from-pink-900{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xxs\:from-primary-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:from-primary-hover-color{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:from-gray-body{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xxs\:from-gray-light{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xxs\:from-gray-333{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xxs\:from-gray-666{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xxs\:from-gray-888{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xxs\:from-gray-999{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xxs\:from-gray-icon{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xxs\:from-gray-features{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xxs\:from-slide-border{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xxs\:from-sale-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:from-hit-color{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xxs\:from-new-color{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xxs\:from-fb-hover-color{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xxs\:from-fb-active-color{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xxs\:from-vk-hover-color{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xxs\:from-vk-active-color{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xxs\:from-insta-hover-color{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xxs\:from-insta-active-color{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xxs\:from-gray-dc{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xxs\:from-gray-cd{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xxs\:from-gray-e7{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xxs\:from-check-color{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xxs\:from-docx-color{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xxs\:from-dark-black{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xxs\:from-green-light{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xxs\:via-transparent{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxs\:via-current{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:via-black{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxs\:via-white{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:via-gray-100{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xxs\:via-gray-200{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xxs\:via-gray-300{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xxs\:via-gray-400{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xxs\:via-gray-500{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xxs\:via-gray-600{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xxs\:via-gray-700{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xxs\:via-gray-800{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xxs\:via-gray-900{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xxs\:via-red{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xxs\:via-orange-100{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xxs\:via-orange-200{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xxs\:via-orange-300{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xxs\:via-orange-400{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xxs\:via-orange-500{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xxs\:via-orange-600{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xxs\:via-orange-700{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xxs\:via-orange-800{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xxs\:via-orange-900{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xxs\:via-yellow-100{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xxs\:via-yellow-200{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xxs\:via-yellow-300{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xxs\:via-yellow-400{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xxs\:via-yellow-500{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xxs\:via-yellow-600{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xxs\:via-yellow-700{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xxs\:via-yellow-800{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xxs\:via-yellow-900{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xxs\:via-green-100{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xxs\:via-green-200{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xxs\:via-green-300{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xxs\:via-green-400{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xxs\:via-green-500{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xxs\:via-green-600{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xxs\:via-green-700{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xxs\:via-green-800{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xxs\:via-green-900{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xxs\:via-teal-100{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xxs\:via-teal-200{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xxs\:via-teal-300{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xxs\:via-teal-400{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xxs\:via-teal-500{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xxs\:via-teal-600{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xxs\:via-teal-700{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xxs\:via-teal-800{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xxs\:via-teal-900{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xxs\:via-blue-100{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xxs\:via-blue-200{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xxs\:via-blue-300{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xxs\:via-blue-400{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xxs\:via-blue-500{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xxs\:via-blue-600{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xxs\:via-blue-700{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xxs\:via-blue-800{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xxs\:via-blue-900{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xxs\:via-indigo-100{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xxs\:via-indigo-200{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xxs\:via-indigo-300{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xxs\:via-indigo-400{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xxs\:via-indigo-500{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xxs\:via-indigo-600{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xxs\:via-indigo-700{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xxs\:via-indigo-800{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xxs\:via-indigo-900{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xxs\:via-purple-100{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xxs\:via-purple-200{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xxs\:via-purple-300{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xxs\:via-purple-400{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xxs\:via-purple-500{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xxs\:via-purple-600{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xxs\:via-purple-700{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xxs\:via-purple-800{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xxs\:via-purple-900{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xxs\:via-pink-100{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xxs\:via-pink-200{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xxs\:via-pink-300{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xxs\:via-pink-400{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xxs\:via-pink-500{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xxs\:via-pink-600{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xxs\:via-pink-700{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xxs\:via-pink-800{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xxs\:via-pink-900{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xxs\:via-primary-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:via-primary-hover-color{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:via-gray-body{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xxs\:via-gray-light{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xxs\:via-gray-333{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xxs\:via-gray-666{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xxs\:via-gray-888{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xxs\:via-gray-999{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xxs\:via-gray-icon{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xxs\:via-gray-features{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xxs\:via-slide-border{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xxs\:via-sale-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:via-hit-color{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xxs\:via-new-color{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xxs\:via-fb-hover-color{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xxs\:via-fb-active-color{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xxs\:via-vk-hover-color{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xxs\:via-vk-active-color{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xxs\:via-insta-hover-color{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xxs\:via-insta-active-color{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xxs\:via-gray-dc{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xxs\:via-gray-cd{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xxs\:via-gray-e7{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xxs\:via-check-color{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xxs\:via-docx-color{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xxs\:via-dark-black{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xxs\:via-green-light{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xxs\:to-transparent{
    --gradient-to-color: transparent !important;
  }

  .xxs\:to-current{
    --gradient-to-color: currentColor !important;
  }

  .xxs\:to-black{
    --gradient-to-color: #000 !important;
  }

  .xxs\:to-white{
    --gradient-to-color: #fff !important;
  }

  .xxs\:to-gray-100{
    --gradient-to-color: #f7fafc !important;
  }

  .xxs\:to-gray-200{
    --gradient-to-color: #edf2f7 !important;
  }

  .xxs\:to-gray-300{
    --gradient-to-color: #e2e8f0 !important;
  }

  .xxs\:to-gray-400{
    --gradient-to-color: #cbd5e0 !important;
  }

  .xxs\:to-gray-500{
    --gradient-to-color: #a0aec0 !important;
  }

  .xxs\:to-gray-600{
    --gradient-to-color: #718096 !important;
  }

  .xxs\:to-gray-700{
    --gradient-to-color: #4a5568 !important;
  }

  .xxs\:to-gray-800{
    --gradient-to-color: #2d3748 !important;
  }

  .xxs\:to-gray-900{
    --gradient-to-color: #1a202c !important;
  }

  .xxs\:to-red{
    --gradient-to-color: #cc0a0a !important;
  }

  .xxs\:to-orange-100{
    --gradient-to-color: #fffaf0 !important;
  }

  .xxs\:to-orange-200{
    --gradient-to-color: #feebc8 !important;
  }

  .xxs\:to-orange-300{
    --gradient-to-color: #fbd38d !important;
  }

  .xxs\:to-orange-400{
    --gradient-to-color: #f6ad55 !important;
  }

  .xxs\:to-orange-500{
    --gradient-to-color: #ed8936 !important;
  }

  .xxs\:to-orange-600{
    --gradient-to-color: #dd6b20 !important;
  }

  .xxs\:to-orange-700{
    --gradient-to-color: #c05621 !important;
  }

  .xxs\:to-orange-800{
    --gradient-to-color: #9c4221 !important;
  }

  .xxs\:to-orange-900{
    --gradient-to-color: #7b341e !important;
  }

  .xxs\:to-yellow-100{
    --gradient-to-color: #fffff0 !important;
  }

  .xxs\:to-yellow-200{
    --gradient-to-color: #fefcbf !important;
  }

  .xxs\:to-yellow-300{
    --gradient-to-color: #faf089 !important;
  }

  .xxs\:to-yellow-400{
    --gradient-to-color: #f6e05e !important;
  }

  .xxs\:to-yellow-500{
    --gradient-to-color: #ecc94b !important;
  }

  .xxs\:to-yellow-600{
    --gradient-to-color: #d69e2e !important;
  }

  .xxs\:to-yellow-700{
    --gradient-to-color: #b7791f !important;
  }

  .xxs\:to-yellow-800{
    --gradient-to-color: #975a16 !important;
  }

  .xxs\:to-yellow-900{
    --gradient-to-color: #744210 !important;
  }

  .xxs\:to-green-100{
    --gradient-to-color: #f0fff4 !important;
  }

  .xxs\:to-green-200{
    --gradient-to-color: #c6f6d5 !important;
  }

  .xxs\:to-green-300{
    --gradient-to-color: #9ae6b4 !important;
  }

  .xxs\:to-green-400{
    --gradient-to-color: #68d391 !important;
  }

  .xxs\:to-green-500{
    --gradient-to-color: #48bb78 !important;
  }

  .xxs\:to-green-600{
    --gradient-to-color: #38a169 !important;
  }

  .xxs\:to-green-700{
    --gradient-to-color: #2f855a !important;
  }

  .xxs\:to-green-800{
    --gradient-to-color: #276749 !important;
  }

  .xxs\:to-green-900{
    --gradient-to-color: #22543d !important;
  }

  .xxs\:to-teal-100{
    --gradient-to-color: #e6fffa !important;
  }

  .xxs\:to-teal-200{
    --gradient-to-color: #b2f5ea !important;
  }

  .xxs\:to-teal-300{
    --gradient-to-color: #81e6d9 !important;
  }

  .xxs\:to-teal-400{
    --gradient-to-color: #4fd1c5 !important;
  }

  .xxs\:to-teal-500{
    --gradient-to-color: #38b2ac !important;
  }

  .xxs\:to-teal-600{
    --gradient-to-color: #319795 !important;
  }

  .xxs\:to-teal-700{
    --gradient-to-color: #2c7a7b !important;
  }

  .xxs\:to-teal-800{
    --gradient-to-color: #285e61 !important;
  }

  .xxs\:to-teal-900{
    --gradient-to-color: #234e52 !important;
  }

  .xxs\:to-blue-100{
    --gradient-to-color: #ebf8ff !important;
  }

  .xxs\:to-blue-200{
    --gradient-to-color: #bee3f8 !important;
  }

  .xxs\:to-blue-300{
    --gradient-to-color: #90cdf4 !important;
  }

  .xxs\:to-blue-400{
    --gradient-to-color: #63b3ed !important;
  }

  .xxs\:to-blue-500{
    --gradient-to-color: #4299e1 !important;
  }

  .xxs\:to-blue-600{
    --gradient-to-color: #3182ce !important;
  }

  .xxs\:to-blue-700{
    --gradient-to-color: #2b6cb0 !important;
  }

  .xxs\:to-blue-800{
    --gradient-to-color: #2c5282 !important;
  }

  .xxs\:to-blue-900{
    --gradient-to-color: #2a4365 !important;
  }

  .xxs\:to-indigo-100{
    --gradient-to-color: #ebf4ff !important;
  }

  .xxs\:to-indigo-200{
    --gradient-to-color: #c3dafe !important;
  }

  .xxs\:to-indigo-300{
    --gradient-to-color: #a3bffa !important;
  }

  .xxs\:to-indigo-400{
    --gradient-to-color: #7f9cf5 !important;
  }

  .xxs\:to-indigo-500{
    --gradient-to-color: #667eea !important;
  }

  .xxs\:to-indigo-600{
    --gradient-to-color: #5a67d8 !important;
  }

  .xxs\:to-indigo-700{
    --gradient-to-color: #4c51bf !important;
  }

  .xxs\:to-indigo-800{
    --gradient-to-color: #434190 !important;
  }

  .xxs\:to-indigo-900{
    --gradient-to-color: #3c366b !important;
  }

  .xxs\:to-purple-100{
    --gradient-to-color: #faf5ff !important;
  }

  .xxs\:to-purple-200{
    --gradient-to-color: #e9d8fd !important;
  }

  .xxs\:to-purple-300{
    --gradient-to-color: #d6bcfa !important;
  }

  .xxs\:to-purple-400{
    --gradient-to-color: #b794f4 !important;
  }

  .xxs\:to-purple-500{
    --gradient-to-color: #9f7aea !important;
  }

  .xxs\:to-purple-600{
    --gradient-to-color: #805ad5 !important;
  }

  .xxs\:to-purple-700{
    --gradient-to-color: #6b46c1 !important;
  }

  .xxs\:to-purple-800{
    --gradient-to-color: #553c9a !important;
  }

  .xxs\:to-purple-900{
    --gradient-to-color: #44337a !important;
  }

  .xxs\:to-pink-100{
    --gradient-to-color: #fff5f7 !important;
  }

  .xxs\:to-pink-200{
    --gradient-to-color: #fed7e2 !important;
  }

  .xxs\:to-pink-300{
    --gradient-to-color: #fbb6ce !important;
  }

  .xxs\:to-pink-400{
    --gradient-to-color: #f687b3 !important;
  }

  .xxs\:to-pink-500{
    --gradient-to-color: #ed64a6 !important;
  }

  .xxs\:to-pink-600{
    --gradient-to-color: #d53f8c !important;
  }

  .xxs\:to-pink-700{
    --gradient-to-color: #b83280 !important;
  }

  .xxs\:to-pink-800{
    --gradient-to-color: #97266d !important;
  }

  .xxs\:to-pink-900{
    --gradient-to-color: #702459 !important;
  }

  .xxs\:to-primary-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xxs\:to-primary-hover-color{
    --gradient-to-color: var(--hover-color) !important;
  }

  .xxs\:to-gray-body{
    --gradient-to-color: #f2f2f2 !important;
  }

  .xxs\:to-gray-light{
    --gradient-to-color: #ccc !important;
  }

  .xxs\:to-gray-333{
    --gradient-to-color: #333 !important;
  }

  .xxs\:to-gray-666{
    --gradient-to-color: #666 !important;
  }

  .xxs\:to-gray-888{
    --gradient-to-color: #888 !important;
  }

  .xxs\:to-gray-999{
    --gradient-to-color: #999 !important;
  }

  .xxs\:to-gray-icon{
    --gradient-to-color: #9a9a9a !important;
  }

  .xxs\:to-gray-features{
    --gradient-to-color: #f5f5f5 !important;
  }

  .xxs\:to-slide-border{
    --gradient-to-color: #e1e1e1 !important;
  }

  .xxs\:to-sale-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xxs\:to-hit-color{
    --gradient-to-color: #ff9900 !important;
  }

  .xxs\:to-new-color{
    --gradient-to-color: #0fa3c6 !important;
  }

  .xxs\:to-fb-hover-color{
    --gradient-to-color: #5959d8 !important;
  }

  .xxs\:to-fb-active-color{
    --gradient-to-color: #4040b3 !important;
  }

  .xxs\:to-vk-hover-color{
    --gradient-to-color: #628dd3 !important;
  }

  .xxs\:to-vk-active-color{
    --gradient-to-color: #3768b9 !important;
  }

  .xxs\:to-insta-hover-color{
    --gradient-to-color: #af35d2 !important;
  }

  .xxs\:to-insta-active-color{
    --gradient-to-color: #7e47b7 !important;
  }

  .xxs\:to-gray-dc{
    --gradient-to-color: #dcdcdc !important;
  }

  .xxs\:to-gray-cd{
    --gradient-to-color: #cdcdcd !important;
  }

  .xxs\:to-gray-e7{
    --gradient-to-color: #e7e7e7 !important;
  }

  .xxs\:to-check-color{
    --gradient-to-color: #ce3a12 !important;
  }

  .xxs\:to-docx-color{
    --gradient-to-color: #1789e9 !important;
  }

  .xxs\:to-dark-black{
    --gradient-to-color: #010101 !important;
  }

  .xxs\:to-green-light{
    --gradient-to-color: #3ab011 !important;
  }

  .xxs\:hover\:from-transparent:hover{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxs\:hover\:from-current:hover{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:hover\:from-black:hover{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxs\:hover\:from-white:hover{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:hover\:from-gray-100:hover{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xxs\:hover\:from-gray-200:hover{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xxs\:hover\:from-gray-300:hover{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xxs\:hover\:from-gray-400:hover{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xxs\:hover\:from-gray-500:hover{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xxs\:hover\:from-gray-600:hover{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xxs\:hover\:from-gray-700:hover{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xxs\:hover\:from-gray-800:hover{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xxs\:hover\:from-gray-900:hover{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xxs\:hover\:from-red:hover{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xxs\:hover\:from-orange-100:hover{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xxs\:hover\:from-orange-200:hover{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xxs\:hover\:from-orange-300:hover{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xxs\:hover\:from-orange-400:hover{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xxs\:hover\:from-orange-500:hover{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xxs\:hover\:from-orange-600:hover{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xxs\:hover\:from-orange-700:hover{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xxs\:hover\:from-orange-800:hover{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xxs\:hover\:from-orange-900:hover{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xxs\:hover\:from-yellow-100:hover{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xxs\:hover\:from-yellow-200:hover{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xxs\:hover\:from-yellow-300:hover{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xxs\:hover\:from-yellow-400:hover{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xxs\:hover\:from-yellow-500:hover{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xxs\:hover\:from-yellow-600:hover{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xxs\:hover\:from-yellow-700:hover{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xxs\:hover\:from-yellow-800:hover{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xxs\:hover\:from-yellow-900:hover{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xxs\:hover\:from-green-100:hover{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xxs\:hover\:from-green-200:hover{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xxs\:hover\:from-green-300:hover{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xxs\:hover\:from-green-400:hover{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xxs\:hover\:from-green-500:hover{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xxs\:hover\:from-green-600:hover{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xxs\:hover\:from-green-700:hover{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xxs\:hover\:from-green-800:hover{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xxs\:hover\:from-green-900:hover{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xxs\:hover\:from-teal-100:hover{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xxs\:hover\:from-teal-200:hover{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xxs\:hover\:from-teal-300:hover{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xxs\:hover\:from-teal-400:hover{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xxs\:hover\:from-teal-500:hover{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xxs\:hover\:from-teal-600:hover{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xxs\:hover\:from-teal-700:hover{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xxs\:hover\:from-teal-800:hover{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xxs\:hover\:from-teal-900:hover{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xxs\:hover\:from-blue-100:hover{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xxs\:hover\:from-blue-200:hover{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xxs\:hover\:from-blue-300:hover{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xxs\:hover\:from-blue-400:hover{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xxs\:hover\:from-blue-500:hover{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xxs\:hover\:from-blue-600:hover{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xxs\:hover\:from-blue-700:hover{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xxs\:hover\:from-blue-800:hover{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xxs\:hover\:from-blue-900:hover{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xxs\:hover\:from-indigo-100:hover{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xxs\:hover\:from-indigo-200:hover{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xxs\:hover\:from-indigo-300:hover{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xxs\:hover\:from-indigo-400:hover{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xxs\:hover\:from-indigo-500:hover{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xxs\:hover\:from-indigo-600:hover{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xxs\:hover\:from-indigo-700:hover{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xxs\:hover\:from-indigo-800:hover{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xxs\:hover\:from-indigo-900:hover{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xxs\:hover\:from-purple-100:hover{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xxs\:hover\:from-purple-200:hover{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xxs\:hover\:from-purple-300:hover{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xxs\:hover\:from-purple-400:hover{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xxs\:hover\:from-purple-500:hover{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xxs\:hover\:from-purple-600:hover{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xxs\:hover\:from-purple-700:hover{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xxs\:hover\:from-purple-800:hover{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xxs\:hover\:from-purple-900:hover{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xxs\:hover\:from-pink-100:hover{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xxs\:hover\:from-pink-200:hover{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xxs\:hover\:from-pink-300:hover{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xxs\:hover\:from-pink-400:hover{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xxs\:hover\:from-pink-500:hover{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xxs\:hover\:from-pink-600:hover{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xxs\:hover\:from-pink-700:hover{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xxs\:hover\:from-pink-800:hover{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xxs\:hover\:from-pink-900:hover{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xxs\:hover\:from-primary-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:hover\:from-primary-hover-color:hover{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:hover\:from-gray-body:hover{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xxs\:hover\:from-gray-light:hover{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xxs\:hover\:from-gray-333:hover{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xxs\:hover\:from-gray-666:hover{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xxs\:hover\:from-gray-888:hover{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xxs\:hover\:from-gray-999:hover{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xxs\:hover\:from-gray-icon:hover{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xxs\:hover\:from-gray-features:hover{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xxs\:hover\:from-slide-border:hover{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xxs\:hover\:from-sale-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:hover\:from-hit-color:hover{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xxs\:hover\:from-new-color:hover{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xxs\:hover\:from-fb-hover-color:hover{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xxs\:hover\:from-fb-active-color:hover{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xxs\:hover\:from-vk-hover-color:hover{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xxs\:hover\:from-vk-active-color:hover{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xxs\:hover\:from-insta-hover-color:hover{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xxs\:hover\:from-insta-active-color:hover{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xxs\:hover\:from-gray-dc:hover{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xxs\:hover\:from-gray-cd:hover{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xxs\:hover\:from-gray-e7:hover{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xxs\:hover\:from-check-color:hover{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xxs\:hover\:from-docx-color:hover{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xxs\:hover\:from-dark-black:hover{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xxs\:hover\:from-green-light:hover{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xxs\:hover\:via-transparent:hover{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxs\:hover\:via-current:hover{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:hover\:via-black:hover{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxs\:hover\:via-white:hover{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:hover\:via-gray-100:hover{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xxs\:hover\:via-gray-200:hover{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xxs\:hover\:via-gray-300:hover{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xxs\:hover\:via-gray-400:hover{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xxs\:hover\:via-gray-500:hover{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xxs\:hover\:via-gray-600:hover{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xxs\:hover\:via-gray-700:hover{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xxs\:hover\:via-gray-800:hover{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xxs\:hover\:via-gray-900:hover{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xxs\:hover\:via-red:hover{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xxs\:hover\:via-orange-100:hover{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xxs\:hover\:via-orange-200:hover{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xxs\:hover\:via-orange-300:hover{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xxs\:hover\:via-orange-400:hover{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xxs\:hover\:via-orange-500:hover{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xxs\:hover\:via-orange-600:hover{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xxs\:hover\:via-orange-700:hover{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xxs\:hover\:via-orange-800:hover{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xxs\:hover\:via-orange-900:hover{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xxs\:hover\:via-yellow-100:hover{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xxs\:hover\:via-yellow-200:hover{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xxs\:hover\:via-yellow-300:hover{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xxs\:hover\:via-yellow-400:hover{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xxs\:hover\:via-yellow-500:hover{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xxs\:hover\:via-yellow-600:hover{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xxs\:hover\:via-yellow-700:hover{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xxs\:hover\:via-yellow-800:hover{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xxs\:hover\:via-yellow-900:hover{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xxs\:hover\:via-green-100:hover{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xxs\:hover\:via-green-200:hover{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xxs\:hover\:via-green-300:hover{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xxs\:hover\:via-green-400:hover{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xxs\:hover\:via-green-500:hover{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xxs\:hover\:via-green-600:hover{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xxs\:hover\:via-green-700:hover{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xxs\:hover\:via-green-800:hover{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xxs\:hover\:via-green-900:hover{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xxs\:hover\:via-teal-100:hover{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xxs\:hover\:via-teal-200:hover{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xxs\:hover\:via-teal-300:hover{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xxs\:hover\:via-teal-400:hover{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xxs\:hover\:via-teal-500:hover{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xxs\:hover\:via-teal-600:hover{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xxs\:hover\:via-teal-700:hover{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xxs\:hover\:via-teal-800:hover{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xxs\:hover\:via-teal-900:hover{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xxs\:hover\:via-blue-100:hover{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xxs\:hover\:via-blue-200:hover{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xxs\:hover\:via-blue-300:hover{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xxs\:hover\:via-blue-400:hover{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xxs\:hover\:via-blue-500:hover{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xxs\:hover\:via-blue-600:hover{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xxs\:hover\:via-blue-700:hover{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xxs\:hover\:via-blue-800:hover{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xxs\:hover\:via-blue-900:hover{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xxs\:hover\:via-indigo-100:hover{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xxs\:hover\:via-indigo-200:hover{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xxs\:hover\:via-indigo-300:hover{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xxs\:hover\:via-indigo-400:hover{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xxs\:hover\:via-indigo-500:hover{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xxs\:hover\:via-indigo-600:hover{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xxs\:hover\:via-indigo-700:hover{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xxs\:hover\:via-indigo-800:hover{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xxs\:hover\:via-indigo-900:hover{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xxs\:hover\:via-purple-100:hover{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xxs\:hover\:via-purple-200:hover{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xxs\:hover\:via-purple-300:hover{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xxs\:hover\:via-purple-400:hover{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xxs\:hover\:via-purple-500:hover{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xxs\:hover\:via-purple-600:hover{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xxs\:hover\:via-purple-700:hover{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xxs\:hover\:via-purple-800:hover{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xxs\:hover\:via-purple-900:hover{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xxs\:hover\:via-pink-100:hover{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xxs\:hover\:via-pink-200:hover{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xxs\:hover\:via-pink-300:hover{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xxs\:hover\:via-pink-400:hover{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xxs\:hover\:via-pink-500:hover{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xxs\:hover\:via-pink-600:hover{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xxs\:hover\:via-pink-700:hover{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xxs\:hover\:via-pink-800:hover{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xxs\:hover\:via-pink-900:hover{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xxs\:hover\:via-primary-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:hover\:via-primary-hover-color:hover{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:hover\:via-gray-body:hover{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xxs\:hover\:via-gray-light:hover{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xxs\:hover\:via-gray-333:hover{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xxs\:hover\:via-gray-666:hover{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xxs\:hover\:via-gray-888:hover{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xxs\:hover\:via-gray-999:hover{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xxs\:hover\:via-gray-icon:hover{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xxs\:hover\:via-gray-features:hover{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xxs\:hover\:via-slide-border:hover{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xxs\:hover\:via-sale-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:hover\:via-hit-color:hover{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xxs\:hover\:via-new-color:hover{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xxs\:hover\:via-fb-hover-color:hover{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xxs\:hover\:via-fb-active-color:hover{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xxs\:hover\:via-vk-hover-color:hover{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xxs\:hover\:via-vk-active-color:hover{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xxs\:hover\:via-insta-hover-color:hover{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xxs\:hover\:via-insta-active-color:hover{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xxs\:hover\:via-gray-dc:hover{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xxs\:hover\:via-gray-cd:hover{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xxs\:hover\:via-gray-e7:hover{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xxs\:hover\:via-check-color:hover{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xxs\:hover\:via-docx-color:hover{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xxs\:hover\:via-dark-black:hover{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xxs\:hover\:via-green-light:hover{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xxs\:hover\:to-transparent:hover{
    --gradient-to-color: transparent !important;
  }

  .xxs\:hover\:to-current:hover{
    --gradient-to-color: currentColor !important;
  }

  .xxs\:hover\:to-black:hover{
    --gradient-to-color: #000 !important;
  }

  .xxs\:hover\:to-white:hover{
    --gradient-to-color: #fff !important;
  }

  .xxs\:hover\:to-gray-100:hover{
    --gradient-to-color: #f7fafc !important;
  }

  .xxs\:hover\:to-gray-200:hover{
    --gradient-to-color: #edf2f7 !important;
  }

  .xxs\:hover\:to-gray-300:hover{
    --gradient-to-color: #e2e8f0 !important;
  }

  .xxs\:hover\:to-gray-400:hover{
    --gradient-to-color: #cbd5e0 !important;
  }

  .xxs\:hover\:to-gray-500:hover{
    --gradient-to-color: #a0aec0 !important;
  }

  .xxs\:hover\:to-gray-600:hover{
    --gradient-to-color: #718096 !important;
  }

  .xxs\:hover\:to-gray-700:hover{
    --gradient-to-color: #4a5568 !important;
  }

  .xxs\:hover\:to-gray-800:hover{
    --gradient-to-color: #2d3748 !important;
  }

  .xxs\:hover\:to-gray-900:hover{
    --gradient-to-color: #1a202c !important;
  }

  .xxs\:hover\:to-red:hover{
    --gradient-to-color: #cc0a0a !important;
  }

  .xxs\:hover\:to-orange-100:hover{
    --gradient-to-color: #fffaf0 !important;
  }

  .xxs\:hover\:to-orange-200:hover{
    --gradient-to-color: #feebc8 !important;
  }

  .xxs\:hover\:to-orange-300:hover{
    --gradient-to-color: #fbd38d !important;
  }

  .xxs\:hover\:to-orange-400:hover{
    --gradient-to-color: #f6ad55 !important;
  }

  .xxs\:hover\:to-orange-500:hover{
    --gradient-to-color: #ed8936 !important;
  }

  .xxs\:hover\:to-orange-600:hover{
    --gradient-to-color: #dd6b20 !important;
  }

  .xxs\:hover\:to-orange-700:hover{
    --gradient-to-color: #c05621 !important;
  }

  .xxs\:hover\:to-orange-800:hover{
    --gradient-to-color: #9c4221 !important;
  }

  .xxs\:hover\:to-orange-900:hover{
    --gradient-to-color: #7b341e !important;
  }

  .xxs\:hover\:to-yellow-100:hover{
    --gradient-to-color: #fffff0 !important;
  }

  .xxs\:hover\:to-yellow-200:hover{
    --gradient-to-color: #fefcbf !important;
  }

  .xxs\:hover\:to-yellow-300:hover{
    --gradient-to-color: #faf089 !important;
  }

  .xxs\:hover\:to-yellow-400:hover{
    --gradient-to-color: #f6e05e !important;
  }

  .xxs\:hover\:to-yellow-500:hover{
    --gradient-to-color: #ecc94b !important;
  }

  .xxs\:hover\:to-yellow-600:hover{
    --gradient-to-color: #d69e2e !important;
  }

  .xxs\:hover\:to-yellow-700:hover{
    --gradient-to-color: #b7791f !important;
  }

  .xxs\:hover\:to-yellow-800:hover{
    --gradient-to-color: #975a16 !important;
  }

  .xxs\:hover\:to-yellow-900:hover{
    --gradient-to-color: #744210 !important;
  }

  .xxs\:hover\:to-green-100:hover{
    --gradient-to-color: #f0fff4 !important;
  }

  .xxs\:hover\:to-green-200:hover{
    --gradient-to-color: #c6f6d5 !important;
  }

  .xxs\:hover\:to-green-300:hover{
    --gradient-to-color: #9ae6b4 !important;
  }

  .xxs\:hover\:to-green-400:hover{
    --gradient-to-color: #68d391 !important;
  }

  .xxs\:hover\:to-green-500:hover{
    --gradient-to-color: #48bb78 !important;
  }

  .xxs\:hover\:to-green-600:hover{
    --gradient-to-color: #38a169 !important;
  }

  .xxs\:hover\:to-green-700:hover{
    --gradient-to-color: #2f855a !important;
  }

  .xxs\:hover\:to-green-800:hover{
    --gradient-to-color: #276749 !important;
  }

  .xxs\:hover\:to-green-900:hover{
    --gradient-to-color: #22543d !important;
  }

  .xxs\:hover\:to-teal-100:hover{
    --gradient-to-color: #e6fffa !important;
  }

  .xxs\:hover\:to-teal-200:hover{
    --gradient-to-color: #b2f5ea !important;
  }

  .xxs\:hover\:to-teal-300:hover{
    --gradient-to-color: #81e6d9 !important;
  }

  .xxs\:hover\:to-teal-400:hover{
    --gradient-to-color: #4fd1c5 !important;
  }

  .xxs\:hover\:to-teal-500:hover{
    --gradient-to-color: #38b2ac !important;
  }

  .xxs\:hover\:to-teal-600:hover{
    --gradient-to-color: #319795 !important;
  }

  .xxs\:hover\:to-teal-700:hover{
    --gradient-to-color: #2c7a7b !important;
  }

  .xxs\:hover\:to-teal-800:hover{
    --gradient-to-color: #285e61 !important;
  }

  .xxs\:hover\:to-teal-900:hover{
    --gradient-to-color: #234e52 !important;
  }

  .xxs\:hover\:to-blue-100:hover{
    --gradient-to-color: #ebf8ff !important;
  }

  .xxs\:hover\:to-blue-200:hover{
    --gradient-to-color: #bee3f8 !important;
  }

  .xxs\:hover\:to-blue-300:hover{
    --gradient-to-color: #90cdf4 !important;
  }

  .xxs\:hover\:to-blue-400:hover{
    --gradient-to-color: #63b3ed !important;
  }

  .xxs\:hover\:to-blue-500:hover{
    --gradient-to-color: #4299e1 !important;
  }

  .xxs\:hover\:to-blue-600:hover{
    --gradient-to-color: #3182ce !important;
  }

  .xxs\:hover\:to-blue-700:hover{
    --gradient-to-color: #2b6cb0 !important;
  }

  .xxs\:hover\:to-blue-800:hover{
    --gradient-to-color: #2c5282 !important;
  }

  .xxs\:hover\:to-blue-900:hover{
    --gradient-to-color: #2a4365 !important;
  }

  .xxs\:hover\:to-indigo-100:hover{
    --gradient-to-color: #ebf4ff !important;
  }

  .xxs\:hover\:to-indigo-200:hover{
    --gradient-to-color: #c3dafe !important;
  }

  .xxs\:hover\:to-indigo-300:hover{
    --gradient-to-color: #a3bffa !important;
  }

  .xxs\:hover\:to-indigo-400:hover{
    --gradient-to-color: #7f9cf5 !important;
  }

  .xxs\:hover\:to-indigo-500:hover{
    --gradient-to-color: #667eea !important;
  }

  .xxs\:hover\:to-indigo-600:hover{
    --gradient-to-color: #5a67d8 !important;
  }

  .xxs\:hover\:to-indigo-700:hover{
    --gradient-to-color: #4c51bf !important;
  }

  .xxs\:hover\:to-indigo-800:hover{
    --gradient-to-color: #434190 !important;
  }

  .xxs\:hover\:to-indigo-900:hover{
    --gradient-to-color: #3c366b !important;
  }

  .xxs\:hover\:to-purple-100:hover{
    --gradient-to-color: #faf5ff !important;
  }

  .xxs\:hover\:to-purple-200:hover{
    --gradient-to-color: #e9d8fd !important;
  }

  .xxs\:hover\:to-purple-300:hover{
    --gradient-to-color: #d6bcfa !important;
  }

  .xxs\:hover\:to-purple-400:hover{
    --gradient-to-color: #b794f4 !important;
  }

  .xxs\:hover\:to-purple-500:hover{
    --gradient-to-color: #9f7aea !important;
  }

  .xxs\:hover\:to-purple-600:hover{
    --gradient-to-color: #805ad5 !important;
  }

  .xxs\:hover\:to-purple-700:hover{
    --gradient-to-color: #6b46c1 !important;
  }

  .xxs\:hover\:to-purple-800:hover{
    --gradient-to-color: #553c9a !important;
  }

  .xxs\:hover\:to-purple-900:hover{
    --gradient-to-color: #44337a !important;
  }

  .xxs\:hover\:to-pink-100:hover{
    --gradient-to-color: #fff5f7 !important;
  }

  .xxs\:hover\:to-pink-200:hover{
    --gradient-to-color: #fed7e2 !important;
  }

  .xxs\:hover\:to-pink-300:hover{
    --gradient-to-color: #fbb6ce !important;
  }

  .xxs\:hover\:to-pink-400:hover{
    --gradient-to-color: #f687b3 !important;
  }

  .xxs\:hover\:to-pink-500:hover{
    --gradient-to-color: #ed64a6 !important;
  }

  .xxs\:hover\:to-pink-600:hover{
    --gradient-to-color: #d53f8c !important;
  }

  .xxs\:hover\:to-pink-700:hover{
    --gradient-to-color: #b83280 !important;
  }

  .xxs\:hover\:to-pink-800:hover{
    --gradient-to-color: #97266d !important;
  }

  .xxs\:hover\:to-pink-900:hover{
    --gradient-to-color: #702459 !important;
  }

  .xxs\:hover\:to-primary-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xxs\:hover\:to-primary-hover-color:hover{
    --gradient-to-color: var(--hover-color) !important;
  }

  .xxs\:hover\:to-gray-body:hover{
    --gradient-to-color: #f2f2f2 !important;
  }

  .xxs\:hover\:to-gray-light:hover{
    --gradient-to-color: #ccc !important;
  }

  .xxs\:hover\:to-gray-333:hover{
    --gradient-to-color: #333 !important;
  }

  .xxs\:hover\:to-gray-666:hover{
    --gradient-to-color: #666 !important;
  }

  .xxs\:hover\:to-gray-888:hover{
    --gradient-to-color: #888 !important;
  }

  .xxs\:hover\:to-gray-999:hover{
    --gradient-to-color: #999 !important;
  }

  .xxs\:hover\:to-gray-icon:hover{
    --gradient-to-color: #9a9a9a !important;
  }

  .xxs\:hover\:to-gray-features:hover{
    --gradient-to-color: #f5f5f5 !important;
  }

  .xxs\:hover\:to-slide-border:hover{
    --gradient-to-color: #e1e1e1 !important;
  }

  .xxs\:hover\:to-sale-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xxs\:hover\:to-hit-color:hover{
    --gradient-to-color: #ff9900 !important;
  }

  .xxs\:hover\:to-new-color:hover{
    --gradient-to-color: #0fa3c6 !important;
  }

  .xxs\:hover\:to-fb-hover-color:hover{
    --gradient-to-color: #5959d8 !important;
  }

  .xxs\:hover\:to-fb-active-color:hover{
    --gradient-to-color: #4040b3 !important;
  }

  .xxs\:hover\:to-vk-hover-color:hover{
    --gradient-to-color: #628dd3 !important;
  }

  .xxs\:hover\:to-vk-active-color:hover{
    --gradient-to-color: #3768b9 !important;
  }

  .xxs\:hover\:to-insta-hover-color:hover{
    --gradient-to-color: #af35d2 !important;
  }

  .xxs\:hover\:to-insta-active-color:hover{
    --gradient-to-color: #7e47b7 !important;
  }

  .xxs\:hover\:to-gray-dc:hover{
    --gradient-to-color: #dcdcdc !important;
  }

  .xxs\:hover\:to-gray-cd:hover{
    --gradient-to-color: #cdcdcd !important;
  }

  .xxs\:hover\:to-gray-e7:hover{
    --gradient-to-color: #e7e7e7 !important;
  }

  .xxs\:hover\:to-check-color:hover{
    --gradient-to-color: #ce3a12 !important;
  }

  .xxs\:hover\:to-docx-color:hover{
    --gradient-to-color: #1789e9 !important;
  }

  .xxs\:hover\:to-dark-black:hover{
    --gradient-to-color: #010101 !important;
  }

  .xxs\:hover\:to-green-light:hover{
    --gradient-to-color: #3ab011 !important;
  }

  .xxs\:focus\:from-transparent:focus{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxs\:focus\:from-current:focus{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:focus\:from-black:focus{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxs\:focus\:from-white:focus{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:focus\:from-gray-100:focus{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xxs\:focus\:from-gray-200:focus{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xxs\:focus\:from-gray-300:focus{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xxs\:focus\:from-gray-400:focus{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xxs\:focus\:from-gray-500:focus{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xxs\:focus\:from-gray-600:focus{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xxs\:focus\:from-gray-700:focus{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xxs\:focus\:from-gray-800:focus{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xxs\:focus\:from-gray-900:focus{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xxs\:focus\:from-red:focus{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xxs\:focus\:from-orange-100:focus{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xxs\:focus\:from-orange-200:focus{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xxs\:focus\:from-orange-300:focus{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xxs\:focus\:from-orange-400:focus{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xxs\:focus\:from-orange-500:focus{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xxs\:focus\:from-orange-600:focus{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xxs\:focus\:from-orange-700:focus{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xxs\:focus\:from-orange-800:focus{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xxs\:focus\:from-orange-900:focus{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xxs\:focus\:from-yellow-100:focus{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xxs\:focus\:from-yellow-200:focus{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xxs\:focus\:from-yellow-300:focus{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xxs\:focus\:from-yellow-400:focus{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xxs\:focus\:from-yellow-500:focus{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xxs\:focus\:from-yellow-600:focus{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xxs\:focus\:from-yellow-700:focus{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xxs\:focus\:from-yellow-800:focus{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xxs\:focus\:from-yellow-900:focus{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xxs\:focus\:from-green-100:focus{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xxs\:focus\:from-green-200:focus{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xxs\:focus\:from-green-300:focus{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xxs\:focus\:from-green-400:focus{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xxs\:focus\:from-green-500:focus{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xxs\:focus\:from-green-600:focus{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xxs\:focus\:from-green-700:focus{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xxs\:focus\:from-green-800:focus{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xxs\:focus\:from-green-900:focus{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xxs\:focus\:from-teal-100:focus{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xxs\:focus\:from-teal-200:focus{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xxs\:focus\:from-teal-300:focus{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xxs\:focus\:from-teal-400:focus{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xxs\:focus\:from-teal-500:focus{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xxs\:focus\:from-teal-600:focus{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xxs\:focus\:from-teal-700:focus{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xxs\:focus\:from-teal-800:focus{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xxs\:focus\:from-teal-900:focus{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xxs\:focus\:from-blue-100:focus{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xxs\:focus\:from-blue-200:focus{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xxs\:focus\:from-blue-300:focus{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xxs\:focus\:from-blue-400:focus{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xxs\:focus\:from-blue-500:focus{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xxs\:focus\:from-blue-600:focus{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xxs\:focus\:from-blue-700:focus{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xxs\:focus\:from-blue-800:focus{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xxs\:focus\:from-blue-900:focus{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xxs\:focus\:from-indigo-100:focus{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xxs\:focus\:from-indigo-200:focus{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xxs\:focus\:from-indigo-300:focus{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xxs\:focus\:from-indigo-400:focus{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xxs\:focus\:from-indigo-500:focus{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xxs\:focus\:from-indigo-600:focus{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xxs\:focus\:from-indigo-700:focus{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xxs\:focus\:from-indigo-800:focus{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xxs\:focus\:from-indigo-900:focus{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xxs\:focus\:from-purple-100:focus{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xxs\:focus\:from-purple-200:focus{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xxs\:focus\:from-purple-300:focus{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xxs\:focus\:from-purple-400:focus{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xxs\:focus\:from-purple-500:focus{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xxs\:focus\:from-purple-600:focus{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xxs\:focus\:from-purple-700:focus{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xxs\:focus\:from-purple-800:focus{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xxs\:focus\:from-purple-900:focus{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xxs\:focus\:from-pink-100:focus{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xxs\:focus\:from-pink-200:focus{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xxs\:focus\:from-pink-300:focus{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xxs\:focus\:from-pink-400:focus{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xxs\:focus\:from-pink-500:focus{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xxs\:focus\:from-pink-600:focus{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xxs\:focus\:from-pink-700:focus{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xxs\:focus\:from-pink-800:focus{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xxs\:focus\:from-pink-900:focus{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xxs\:focus\:from-primary-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:focus\:from-primary-hover-color:focus{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:focus\:from-gray-body:focus{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xxs\:focus\:from-gray-light:focus{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xxs\:focus\:from-gray-333:focus{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xxs\:focus\:from-gray-666:focus{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xxs\:focus\:from-gray-888:focus{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xxs\:focus\:from-gray-999:focus{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xxs\:focus\:from-gray-icon:focus{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xxs\:focus\:from-gray-features:focus{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xxs\:focus\:from-slide-border:focus{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xxs\:focus\:from-sale-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:focus\:from-hit-color:focus{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xxs\:focus\:from-new-color:focus{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xxs\:focus\:from-fb-hover-color:focus{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xxs\:focus\:from-fb-active-color:focus{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xxs\:focus\:from-vk-hover-color:focus{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xxs\:focus\:from-vk-active-color:focus{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xxs\:focus\:from-insta-hover-color:focus{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xxs\:focus\:from-insta-active-color:focus{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xxs\:focus\:from-gray-dc:focus{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xxs\:focus\:from-gray-cd:focus{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xxs\:focus\:from-gray-e7:focus{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xxs\:focus\:from-check-color:focus{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xxs\:focus\:from-docx-color:focus{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xxs\:focus\:from-dark-black:focus{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xxs\:focus\:from-green-light:focus{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xxs\:focus\:via-transparent:focus{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxs\:focus\:via-current:focus{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:focus\:via-black:focus{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxs\:focus\:via-white:focus{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:focus\:via-gray-100:focus{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xxs\:focus\:via-gray-200:focus{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xxs\:focus\:via-gray-300:focus{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xxs\:focus\:via-gray-400:focus{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xxs\:focus\:via-gray-500:focus{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xxs\:focus\:via-gray-600:focus{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xxs\:focus\:via-gray-700:focus{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xxs\:focus\:via-gray-800:focus{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xxs\:focus\:via-gray-900:focus{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xxs\:focus\:via-red:focus{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xxs\:focus\:via-orange-100:focus{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xxs\:focus\:via-orange-200:focus{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xxs\:focus\:via-orange-300:focus{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xxs\:focus\:via-orange-400:focus{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xxs\:focus\:via-orange-500:focus{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xxs\:focus\:via-orange-600:focus{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xxs\:focus\:via-orange-700:focus{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xxs\:focus\:via-orange-800:focus{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xxs\:focus\:via-orange-900:focus{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xxs\:focus\:via-yellow-100:focus{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xxs\:focus\:via-yellow-200:focus{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xxs\:focus\:via-yellow-300:focus{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xxs\:focus\:via-yellow-400:focus{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xxs\:focus\:via-yellow-500:focus{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xxs\:focus\:via-yellow-600:focus{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xxs\:focus\:via-yellow-700:focus{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xxs\:focus\:via-yellow-800:focus{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xxs\:focus\:via-yellow-900:focus{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xxs\:focus\:via-green-100:focus{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xxs\:focus\:via-green-200:focus{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xxs\:focus\:via-green-300:focus{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xxs\:focus\:via-green-400:focus{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xxs\:focus\:via-green-500:focus{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xxs\:focus\:via-green-600:focus{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xxs\:focus\:via-green-700:focus{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xxs\:focus\:via-green-800:focus{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xxs\:focus\:via-green-900:focus{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xxs\:focus\:via-teal-100:focus{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xxs\:focus\:via-teal-200:focus{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xxs\:focus\:via-teal-300:focus{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xxs\:focus\:via-teal-400:focus{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xxs\:focus\:via-teal-500:focus{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xxs\:focus\:via-teal-600:focus{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xxs\:focus\:via-teal-700:focus{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xxs\:focus\:via-teal-800:focus{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xxs\:focus\:via-teal-900:focus{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xxs\:focus\:via-blue-100:focus{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xxs\:focus\:via-blue-200:focus{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xxs\:focus\:via-blue-300:focus{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xxs\:focus\:via-blue-400:focus{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xxs\:focus\:via-blue-500:focus{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xxs\:focus\:via-blue-600:focus{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xxs\:focus\:via-blue-700:focus{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xxs\:focus\:via-blue-800:focus{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xxs\:focus\:via-blue-900:focus{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xxs\:focus\:via-indigo-100:focus{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xxs\:focus\:via-indigo-200:focus{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xxs\:focus\:via-indigo-300:focus{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xxs\:focus\:via-indigo-400:focus{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xxs\:focus\:via-indigo-500:focus{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xxs\:focus\:via-indigo-600:focus{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xxs\:focus\:via-indigo-700:focus{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xxs\:focus\:via-indigo-800:focus{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xxs\:focus\:via-indigo-900:focus{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xxs\:focus\:via-purple-100:focus{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xxs\:focus\:via-purple-200:focus{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xxs\:focus\:via-purple-300:focus{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xxs\:focus\:via-purple-400:focus{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xxs\:focus\:via-purple-500:focus{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xxs\:focus\:via-purple-600:focus{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xxs\:focus\:via-purple-700:focus{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xxs\:focus\:via-purple-800:focus{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xxs\:focus\:via-purple-900:focus{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xxs\:focus\:via-pink-100:focus{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xxs\:focus\:via-pink-200:focus{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xxs\:focus\:via-pink-300:focus{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xxs\:focus\:via-pink-400:focus{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xxs\:focus\:via-pink-500:focus{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xxs\:focus\:via-pink-600:focus{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xxs\:focus\:via-pink-700:focus{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xxs\:focus\:via-pink-800:focus{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xxs\:focus\:via-pink-900:focus{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xxs\:focus\:via-primary-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:focus\:via-primary-hover-color:focus{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:focus\:via-gray-body:focus{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xxs\:focus\:via-gray-light:focus{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xxs\:focus\:via-gray-333:focus{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xxs\:focus\:via-gray-666:focus{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xxs\:focus\:via-gray-888:focus{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xxs\:focus\:via-gray-999:focus{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xxs\:focus\:via-gray-icon:focus{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xxs\:focus\:via-gray-features:focus{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xxs\:focus\:via-slide-border:focus{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xxs\:focus\:via-sale-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxs\:focus\:via-hit-color:focus{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xxs\:focus\:via-new-color:focus{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xxs\:focus\:via-fb-hover-color:focus{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xxs\:focus\:via-fb-active-color:focus{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xxs\:focus\:via-vk-hover-color:focus{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xxs\:focus\:via-vk-active-color:focus{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xxs\:focus\:via-insta-hover-color:focus{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xxs\:focus\:via-insta-active-color:focus{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xxs\:focus\:via-gray-dc:focus{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xxs\:focus\:via-gray-cd:focus{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xxs\:focus\:via-gray-e7:focus{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xxs\:focus\:via-check-color:focus{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xxs\:focus\:via-docx-color:focus{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xxs\:focus\:via-dark-black:focus{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xxs\:focus\:via-green-light:focus{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xxs\:focus\:to-transparent:focus{
    --gradient-to-color: transparent !important;
  }

  .xxs\:focus\:to-current:focus{
    --gradient-to-color: currentColor !important;
  }

  .xxs\:focus\:to-black:focus{
    --gradient-to-color: #000 !important;
  }

  .xxs\:focus\:to-white:focus{
    --gradient-to-color: #fff !important;
  }

  .xxs\:focus\:to-gray-100:focus{
    --gradient-to-color: #f7fafc !important;
  }

  .xxs\:focus\:to-gray-200:focus{
    --gradient-to-color: #edf2f7 !important;
  }

  .xxs\:focus\:to-gray-300:focus{
    --gradient-to-color: #e2e8f0 !important;
  }

  .xxs\:focus\:to-gray-400:focus{
    --gradient-to-color: #cbd5e0 !important;
  }

  .xxs\:focus\:to-gray-500:focus{
    --gradient-to-color: #a0aec0 !important;
  }

  .xxs\:focus\:to-gray-600:focus{
    --gradient-to-color: #718096 !important;
  }

  .xxs\:focus\:to-gray-700:focus{
    --gradient-to-color: #4a5568 !important;
  }

  .xxs\:focus\:to-gray-800:focus{
    --gradient-to-color: #2d3748 !important;
  }

  .xxs\:focus\:to-gray-900:focus{
    --gradient-to-color: #1a202c !important;
  }

  .xxs\:focus\:to-red:focus{
    --gradient-to-color: #cc0a0a !important;
  }

  .xxs\:focus\:to-orange-100:focus{
    --gradient-to-color: #fffaf0 !important;
  }

  .xxs\:focus\:to-orange-200:focus{
    --gradient-to-color: #feebc8 !important;
  }

  .xxs\:focus\:to-orange-300:focus{
    --gradient-to-color: #fbd38d !important;
  }

  .xxs\:focus\:to-orange-400:focus{
    --gradient-to-color: #f6ad55 !important;
  }

  .xxs\:focus\:to-orange-500:focus{
    --gradient-to-color: #ed8936 !important;
  }

  .xxs\:focus\:to-orange-600:focus{
    --gradient-to-color: #dd6b20 !important;
  }

  .xxs\:focus\:to-orange-700:focus{
    --gradient-to-color: #c05621 !important;
  }

  .xxs\:focus\:to-orange-800:focus{
    --gradient-to-color: #9c4221 !important;
  }

  .xxs\:focus\:to-orange-900:focus{
    --gradient-to-color: #7b341e !important;
  }

  .xxs\:focus\:to-yellow-100:focus{
    --gradient-to-color: #fffff0 !important;
  }

  .xxs\:focus\:to-yellow-200:focus{
    --gradient-to-color: #fefcbf !important;
  }

  .xxs\:focus\:to-yellow-300:focus{
    --gradient-to-color: #faf089 !important;
  }

  .xxs\:focus\:to-yellow-400:focus{
    --gradient-to-color: #f6e05e !important;
  }

  .xxs\:focus\:to-yellow-500:focus{
    --gradient-to-color: #ecc94b !important;
  }

  .xxs\:focus\:to-yellow-600:focus{
    --gradient-to-color: #d69e2e !important;
  }

  .xxs\:focus\:to-yellow-700:focus{
    --gradient-to-color: #b7791f !important;
  }

  .xxs\:focus\:to-yellow-800:focus{
    --gradient-to-color: #975a16 !important;
  }

  .xxs\:focus\:to-yellow-900:focus{
    --gradient-to-color: #744210 !important;
  }

  .xxs\:focus\:to-green-100:focus{
    --gradient-to-color: #f0fff4 !important;
  }

  .xxs\:focus\:to-green-200:focus{
    --gradient-to-color: #c6f6d5 !important;
  }

  .xxs\:focus\:to-green-300:focus{
    --gradient-to-color: #9ae6b4 !important;
  }

  .xxs\:focus\:to-green-400:focus{
    --gradient-to-color: #68d391 !important;
  }

  .xxs\:focus\:to-green-500:focus{
    --gradient-to-color: #48bb78 !important;
  }

  .xxs\:focus\:to-green-600:focus{
    --gradient-to-color: #38a169 !important;
  }

  .xxs\:focus\:to-green-700:focus{
    --gradient-to-color: #2f855a !important;
  }

  .xxs\:focus\:to-green-800:focus{
    --gradient-to-color: #276749 !important;
  }

  .xxs\:focus\:to-green-900:focus{
    --gradient-to-color: #22543d !important;
  }

  .xxs\:focus\:to-teal-100:focus{
    --gradient-to-color: #e6fffa !important;
  }

  .xxs\:focus\:to-teal-200:focus{
    --gradient-to-color: #b2f5ea !important;
  }

  .xxs\:focus\:to-teal-300:focus{
    --gradient-to-color: #81e6d9 !important;
  }

  .xxs\:focus\:to-teal-400:focus{
    --gradient-to-color: #4fd1c5 !important;
  }

  .xxs\:focus\:to-teal-500:focus{
    --gradient-to-color: #38b2ac !important;
  }

  .xxs\:focus\:to-teal-600:focus{
    --gradient-to-color: #319795 !important;
  }

  .xxs\:focus\:to-teal-700:focus{
    --gradient-to-color: #2c7a7b !important;
  }

  .xxs\:focus\:to-teal-800:focus{
    --gradient-to-color: #285e61 !important;
  }

  .xxs\:focus\:to-teal-900:focus{
    --gradient-to-color: #234e52 !important;
  }

  .xxs\:focus\:to-blue-100:focus{
    --gradient-to-color: #ebf8ff !important;
  }

  .xxs\:focus\:to-blue-200:focus{
    --gradient-to-color: #bee3f8 !important;
  }

  .xxs\:focus\:to-blue-300:focus{
    --gradient-to-color: #90cdf4 !important;
  }

  .xxs\:focus\:to-blue-400:focus{
    --gradient-to-color: #63b3ed !important;
  }

  .xxs\:focus\:to-blue-500:focus{
    --gradient-to-color: #4299e1 !important;
  }

  .xxs\:focus\:to-blue-600:focus{
    --gradient-to-color: #3182ce !important;
  }

  .xxs\:focus\:to-blue-700:focus{
    --gradient-to-color: #2b6cb0 !important;
  }

  .xxs\:focus\:to-blue-800:focus{
    --gradient-to-color: #2c5282 !important;
  }

  .xxs\:focus\:to-blue-900:focus{
    --gradient-to-color: #2a4365 !important;
  }

  .xxs\:focus\:to-indigo-100:focus{
    --gradient-to-color: #ebf4ff !important;
  }

  .xxs\:focus\:to-indigo-200:focus{
    --gradient-to-color: #c3dafe !important;
  }

  .xxs\:focus\:to-indigo-300:focus{
    --gradient-to-color: #a3bffa !important;
  }

  .xxs\:focus\:to-indigo-400:focus{
    --gradient-to-color: #7f9cf5 !important;
  }

  .xxs\:focus\:to-indigo-500:focus{
    --gradient-to-color: #667eea !important;
  }

  .xxs\:focus\:to-indigo-600:focus{
    --gradient-to-color: #5a67d8 !important;
  }

  .xxs\:focus\:to-indigo-700:focus{
    --gradient-to-color: #4c51bf !important;
  }

  .xxs\:focus\:to-indigo-800:focus{
    --gradient-to-color: #434190 !important;
  }

  .xxs\:focus\:to-indigo-900:focus{
    --gradient-to-color: #3c366b !important;
  }

  .xxs\:focus\:to-purple-100:focus{
    --gradient-to-color: #faf5ff !important;
  }

  .xxs\:focus\:to-purple-200:focus{
    --gradient-to-color: #e9d8fd !important;
  }

  .xxs\:focus\:to-purple-300:focus{
    --gradient-to-color: #d6bcfa !important;
  }

  .xxs\:focus\:to-purple-400:focus{
    --gradient-to-color: #b794f4 !important;
  }

  .xxs\:focus\:to-purple-500:focus{
    --gradient-to-color: #9f7aea !important;
  }

  .xxs\:focus\:to-purple-600:focus{
    --gradient-to-color: #805ad5 !important;
  }

  .xxs\:focus\:to-purple-700:focus{
    --gradient-to-color: #6b46c1 !important;
  }

  .xxs\:focus\:to-purple-800:focus{
    --gradient-to-color: #553c9a !important;
  }

  .xxs\:focus\:to-purple-900:focus{
    --gradient-to-color: #44337a !important;
  }

  .xxs\:focus\:to-pink-100:focus{
    --gradient-to-color: #fff5f7 !important;
  }

  .xxs\:focus\:to-pink-200:focus{
    --gradient-to-color: #fed7e2 !important;
  }

  .xxs\:focus\:to-pink-300:focus{
    --gradient-to-color: #fbb6ce !important;
  }

  .xxs\:focus\:to-pink-400:focus{
    --gradient-to-color: #f687b3 !important;
  }

  .xxs\:focus\:to-pink-500:focus{
    --gradient-to-color: #ed64a6 !important;
  }

  .xxs\:focus\:to-pink-600:focus{
    --gradient-to-color: #d53f8c !important;
  }

  .xxs\:focus\:to-pink-700:focus{
    --gradient-to-color: #b83280 !important;
  }

  .xxs\:focus\:to-pink-800:focus{
    --gradient-to-color: #97266d !important;
  }

  .xxs\:focus\:to-pink-900:focus{
    --gradient-to-color: #702459 !important;
  }

  .xxs\:focus\:to-primary-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xxs\:focus\:to-primary-hover-color:focus{
    --gradient-to-color: var(--hover-color) !important;
  }

  .xxs\:focus\:to-gray-body:focus{
    --gradient-to-color: #f2f2f2 !important;
  }

  .xxs\:focus\:to-gray-light:focus{
    --gradient-to-color: #ccc !important;
  }

  .xxs\:focus\:to-gray-333:focus{
    --gradient-to-color: #333 !important;
  }

  .xxs\:focus\:to-gray-666:focus{
    --gradient-to-color: #666 !important;
  }

  .xxs\:focus\:to-gray-888:focus{
    --gradient-to-color: #888 !important;
  }

  .xxs\:focus\:to-gray-999:focus{
    --gradient-to-color: #999 !important;
  }

  .xxs\:focus\:to-gray-icon:focus{
    --gradient-to-color: #9a9a9a !important;
  }

  .xxs\:focus\:to-gray-features:focus{
    --gradient-to-color: #f5f5f5 !important;
  }

  .xxs\:focus\:to-slide-border:focus{
    --gradient-to-color: #e1e1e1 !important;
  }

  .xxs\:focus\:to-sale-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xxs\:focus\:to-hit-color:focus{
    --gradient-to-color: #ff9900 !important;
  }

  .xxs\:focus\:to-new-color:focus{
    --gradient-to-color: #0fa3c6 !important;
  }

  .xxs\:focus\:to-fb-hover-color:focus{
    --gradient-to-color: #5959d8 !important;
  }

  .xxs\:focus\:to-fb-active-color:focus{
    --gradient-to-color: #4040b3 !important;
  }

  .xxs\:focus\:to-vk-hover-color:focus{
    --gradient-to-color: #628dd3 !important;
  }

  .xxs\:focus\:to-vk-active-color:focus{
    --gradient-to-color: #3768b9 !important;
  }

  .xxs\:focus\:to-insta-hover-color:focus{
    --gradient-to-color: #af35d2 !important;
  }

  .xxs\:focus\:to-insta-active-color:focus{
    --gradient-to-color: #7e47b7 !important;
  }

  .xxs\:focus\:to-gray-dc:focus{
    --gradient-to-color: #dcdcdc !important;
  }

  .xxs\:focus\:to-gray-cd:focus{
    --gradient-to-color: #cdcdcd !important;
  }

  .xxs\:focus\:to-gray-e7:focus{
    --gradient-to-color: #e7e7e7 !important;
  }

  .xxs\:focus\:to-check-color:focus{
    --gradient-to-color: #ce3a12 !important;
  }

  .xxs\:focus\:to-docx-color:focus{
    --gradient-to-color: #1789e9 !important;
  }

  .xxs\:focus\:to-dark-black:focus{
    --gradient-to-color: #010101 !important;
  }

  .xxs\:focus\:to-green-light:focus{
    --gradient-to-color: #3ab011 !important;
  }

  .xxs\:bg-opacity-0{
    --bg-opacity: 0 !important;
  }

  .xxs\:bg-opacity-25{
    --bg-opacity: 0.25 !important;
  }

  .xxs\:bg-opacity-50{
    --bg-opacity: 0.5 !important;
  }

  .xxs\:bg-opacity-75{
    --bg-opacity: 0.75 !important;
  }

  .xxs\:bg-opacity-100{
    --bg-opacity: 1 !important;
  }

  .xxs\:hover\:bg-opacity-0:hover{
    --bg-opacity: 0 !important;
  }

  .xxs\:hover\:bg-opacity-25:hover{
    --bg-opacity: 0.25 !important;
  }

  .xxs\:hover\:bg-opacity-50:hover{
    --bg-opacity: 0.5 !important;
  }

  .xxs\:hover\:bg-opacity-75:hover{
    --bg-opacity: 0.75 !important;
  }

  .xxs\:hover\:bg-opacity-100:hover{
    --bg-opacity: 1 !important;
  }

  .xxs\:focus\:bg-opacity-0:focus{
    --bg-opacity: 0 !important;
  }

  .xxs\:focus\:bg-opacity-25:focus{
    --bg-opacity: 0.25 !important;
  }

  .xxs\:focus\:bg-opacity-50:focus{
    --bg-opacity: 0.5 !important;
  }

  .xxs\:focus\:bg-opacity-75:focus{
    --bg-opacity: 0.75 !important;
  }

  .xxs\:focus\:bg-opacity-100:focus{
    --bg-opacity: 1 !important;
  }

  .xxs\:bg-bottom{
    background-position: bottom !important;
  }

  .xxs\:bg-center{
    background-position: center !important;
  }

  .xxs\:bg-left{
    background-position: left !important;
  }

  .xxs\:bg-left-bottom{
    background-position: left bottom !important;
  }

  .xxs\:bg-left-top{
    background-position: left top !important;
  }

  .xxs\:bg-right{
    background-position: right !important;
  }

  .xxs\:bg-right-bottom{
    background-position: right bottom !important;
  }

  .xxs\:bg-right-top{
    background-position: right top !important;
  }

  .xxs\:bg-top{
    background-position: top !important;
  }

  .xxs\:bg-repeat{
    background-repeat: repeat !important;
  }

  .xxs\:bg-no-repeat{
    background-repeat: no-repeat !important;
  }

  .xxs\:bg-repeat-x{
    background-repeat: repeat-x !important;
  }

  .xxs\:bg-repeat-y{
    background-repeat: repeat-y !important;
  }

  .xxs\:bg-repeat-round{
    background-repeat: round !important;
  }

  .xxs\:bg-repeat-space{
    background-repeat: space !important;
  }

  .xxs\:bg-auto{
    background-size: auto !important;
  }

  .xxs\:bg-cover{
    background-size: cover !important;
  }

  .xxs\:bg-contain{
    background-size: contain !important;
  }

  .xxs\:border-collapse{
    border-collapse: collapse !important;
  }

  .xxs\:border-separate{
    border-collapse: separate !important;
  }

  .xxs\:border-transparent{
    border-color: transparent !important;
  }

  .xxs\:border-current{
    border-color: currentColor !important;
  }

  .xxs\:border-black{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xxs\:border-white{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-100{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-200{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-300{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-400{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-500{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-600{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-700{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-800{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-900{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .xxs\:border-red{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .xxs\:border-orange-100{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .xxs\:border-orange-200{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .xxs\:border-orange-300{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .xxs\:border-orange-400{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .xxs\:border-orange-500{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .xxs\:border-orange-600{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .xxs\:border-orange-700{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .xxs\:border-orange-800{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .xxs\:border-orange-900{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .xxs\:border-yellow-100{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .xxs\:border-yellow-200{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .xxs\:border-yellow-300{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .xxs\:border-yellow-400{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .xxs\:border-yellow-500{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .xxs\:border-yellow-600{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .xxs\:border-yellow-700{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .xxs\:border-yellow-800{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .xxs\:border-yellow-900{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .xxs\:border-green-100{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .xxs\:border-green-200{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .xxs\:border-green-300{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .xxs\:border-green-400{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .xxs\:border-green-500{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .xxs\:border-green-600{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .xxs\:border-green-700{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .xxs\:border-green-800{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .xxs\:border-green-900{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .xxs\:border-teal-100{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .xxs\:border-teal-200{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .xxs\:border-teal-300{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .xxs\:border-teal-400{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .xxs\:border-teal-500{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .xxs\:border-teal-600{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .xxs\:border-teal-700{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .xxs\:border-teal-800{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .xxs\:border-teal-900{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .xxs\:border-blue-100{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .xxs\:border-blue-200{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .xxs\:border-blue-300{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .xxs\:border-blue-400{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .xxs\:border-blue-500{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .xxs\:border-blue-600{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .xxs\:border-blue-700{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .xxs\:border-blue-800{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .xxs\:border-blue-900{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .xxs\:border-indigo-100{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .xxs\:border-indigo-200{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .xxs\:border-indigo-300{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .xxs\:border-indigo-400{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .xxs\:border-indigo-500{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .xxs\:border-indigo-600{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .xxs\:border-indigo-700{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .xxs\:border-indigo-800{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .xxs\:border-indigo-900{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .xxs\:border-purple-100{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .xxs\:border-purple-200{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .xxs\:border-purple-300{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .xxs\:border-purple-400{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .xxs\:border-purple-500{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .xxs\:border-purple-600{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .xxs\:border-purple-700{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .xxs\:border-purple-800{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .xxs\:border-purple-900{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .xxs\:border-pink-100{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .xxs\:border-pink-200{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .xxs\:border-pink-300{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .xxs\:border-pink-400{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .xxs\:border-pink-500{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .xxs\:border-pink-600{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .xxs\:border-pink-700{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .xxs\:border-pink-800{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .xxs\:border-pink-900{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .xxs\:border-primary-color{
    border-color: var(--primary-color) !important;
  }

  .xxs\:border-primary-hover-color{
    border-color: var(--hover-color) !important;
  }

  .xxs\:border-gray-body{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-light{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-333{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-666{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-888{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-999{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-icon{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-features{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .xxs\:border-slide-border{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .xxs\:border-sale-color{
    border-color: var(--primary-color) !important;
  }

  .xxs\:border-hit-color{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .xxs\:border-new-color{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .xxs\:border-fb-hover-color{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .xxs\:border-fb-active-color{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .xxs\:border-vk-hover-color{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .xxs\:border-vk-active-color{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .xxs\:border-insta-hover-color{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .xxs\:border-insta-active-color{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-dc{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-cd{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .xxs\:border-gray-e7{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .xxs\:border-check-color{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .xxs\:border-docx-color{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .xxs\:border-dark-black{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .xxs\:border-green-light{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-transparent:hover{
    border-color: transparent !important;
  }

  .xxs\:hover\:border-current:hover{
    border-color: currentColor !important;
  }

  .xxs\:hover\:border-black:hover{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-white:hover{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-100:hover{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-200:hover{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-300:hover{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-400:hover{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-500:hover{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-600:hover{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-700:hover{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-800:hover{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-900:hover{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-red:hover{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-orange-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-orange-200:hover{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-orange-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-orange-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-orange-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-orange-600:hover{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-orange-700:hover{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-orange-800:hover{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-orange-900:hover{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-yellow-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-yellow-200:hover{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-yellow-300:hover{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-yellow-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-yellow-500:hover{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-yellow-600:hover{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-yellow-700:hover{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-yellow-800:hover{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-yellow-900:hover{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-green-100:hover{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-green-200:hover{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-green-300:hover{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-green-400:hover{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-green-500:hover{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-green-600:hover{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-green-700:hover{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-green-800:hover{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-green-900:hover{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-teal-100:hover{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-teal-200:hover{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-teal-300:hover{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-teal-400:hover{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-teal-500:hover{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-teal-600:hover{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-teal-700:hover{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-teal-800:hover{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-teal-900:hover{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-blue-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-blue-200:hover{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-blue-300:hover{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-blue-400:hover{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-blue-500:hover{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-blue-600:hover{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-blue-700:hover{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-blue-800:hover{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-blue-900:hover{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-indigo-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-indigo-200:hover{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-indigo-300:hover{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-indigo-400:hover{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-indigo-500:hover{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-indigo-600:hover{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-indigo-700:hover{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-indigo-800:hover{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-indigo-900:hover{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-purple-100:hover{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-purple-200:hover{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-purple-300:hover{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-purple-400:hover{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-purple-500:hover{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-purple-600:hover{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-purple-700:hover{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-purple-800:hover{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-purple-900:hover{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-pink-100:hover{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-pink-200:hover{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-pink-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-pink-400:hover{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-pink-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-pink-600:hover{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-pink-700:hover{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-pink-800:hover{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-pink-900:hover{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-primary-color:hover{
    border-color: var(--primary-color) !important;
  }

  .xxs\:hover\:border-primary-hover-color:hover{
    border-color: var(--hover-color) !important;
  }

  .xxs\:hover\:border-gray-body:hover{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-light:hover{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-333:hover{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-666:hover{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-888:hover{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-999:hover{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-icon:hover{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-features:hover{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-slide-border:hover{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-sale-color:hover{
    border-color: var(--primary-color) !important;
  }

  .xxs\:hover\:border-hit-color:hover{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-new-color:hover{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-fb-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-fb-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-vk-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-vk-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-insta-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-insta-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-dc:hover{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-cd:hover{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-gray-e7:hover{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-check-color:hover{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-docx-color:hover{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-dark-black:hover{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .xxs\:hover\:border-green-light:hover{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-transparent:focus{
    border-color: transparent !important;
  }

  .xxs\:focus\:border-current:focus{
    border-color: currentColor !important;
  }

  .xxs\:focus\:border-black:focus{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-white:focus{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-100:focus{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-200:focus{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-300:focus{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-400:focus{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-500:focus{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-600:focus{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-700:focus{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-800:focus{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-900:focus{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-red:focus{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-orange-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-orange-200:focus{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-orange-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-orange-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-orange-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-orange-600:focus{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-orange-700:focus{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-orange-800:focus{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-orange-900:focus{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-yellow-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-yellow-200:focus{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-yellow-300:focus{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-yellow-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-yellow-500:focus{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-yellow-600:focus{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-yellow-700:focus{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-yellow-800:focus{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-yellow-900:focus{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-green-100:focus{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-green-200:focus{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-green-300:focus{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-green-400:focus{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-green-500:focus{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-green-600:focus{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-green-700:focus{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-green-800:focus{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-green-900:focus{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-teal-100:focus{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-teal-200:focus{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-teal-300:focus{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-teal-400:focus{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-teal-500:focus{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-teal-600:focus{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-teal-700:focus{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-teal-800:focus{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-teal-900:focus{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-blue-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-blue-200:focus{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-blue-300:focus{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-blue-400:focus{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-blue-500:focus{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-blue-600:focus{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-blue-700:focus{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-blue-800:focus{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-blue-900:focus{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-indigo-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-indigo-200:focus{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-indigo-300:focus{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-indigo-400:focus{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-indigo-500:focus{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-indigo-600:focus{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-indigo-700:focus{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-indigo-800:focus{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-indigo-900:focus{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-purple-100:focus{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-purple-200:focus{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-purple-300:focus{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-purple-400:focus{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-purple-500:focus{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-purple-600:focus{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-purple-700:focus{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-purple-800:focus{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-purple-900:focus{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-pink-100:focus{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-pink-200:focus{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-pink-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-pink-400:focus{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-pink-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-pink-600:focus{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-pink-700:focus{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-pink-800:focus{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-pink-900:focus{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-primary-color:focus{
    border-color: var(--primary-color) !important;
  }

  .xxs\:focus\:border-primary-hover-color:focus{
    border-color: var(--hover-color) !important;
  }

  .xxs\:focus\:border-gray-body:focus{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-light:focus{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-333:focus{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-666:focus{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-888:focus{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-999:focus{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-icon:focus{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-features:focus{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-slide-border:focus{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-sale-color:focus{
    border-color: var(--primary-color) !important;
  }

  .xxs\:focus\:border-hit-color:focus{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-new-color:focus{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-fb-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-fb-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-vk-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-vk-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-insta-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-insta-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-dc:focus{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-cd:focus{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-gray-e7:focus{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-check-color:focus{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-docx-color:focus{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-dark-black:focus{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .xxs\:focus\:border-green-light:focus{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .xxs\:border-opacity-0{
    --border-opacity: 0 !important;
  }

  .xxs\:border-opacity-25{
    --border-opacity: 0.25 !important;
  }

  .xxs\:border-opacity-50{
    --border-opacity: 0.5 !important;
  }

  .xxs\:border-opacity-75{
    --border-opacity: 0.75 !important;
  }

  .xxs\:border-opacity-100{
    --border-opacity: 1 !important;
  }

  .xxs\:hover\:border-opacity-0:hover{
    --border-opacity: 0 !important;
  }

  .xxs\:hover\:border-opacity-25:hover{
    --border-opacity: 0.25 !important;
  }

  .xxs\:hover\:border-opacity-50:hover{
    --border-opacity: 0.5 !important;
  }

  .xxs\:hover\:border-opacity-75:hover{
    --border-opacity: 0.75 !important;
  }

  .xxs\:hover\:border-opacity-100:hover{
    --border-opacity: 1 !important;
  }

  .xxs\:focus\:border-opacity-0:focus{
    --border-opacity: 0 !important;
  }

  .xxs\:focus\:border-opacity-25:focus{
    --border-opacity: 0.25 !important;
  }

  .xxs\:focus\:border-opacity-50:focus{
    --border-opacity: 0.5 !important;
  }

  .xxs\:focus\:border-opacity-75:focus{
    --border-opacity: 0.75 !important;
  }

  .xxs\:focus\:border-opacity-100:focus{
    --border-opacity: 1 !important;
  }

  .xxs\:rounded-10{
    border-radius: 10px !important;
  }

  .xxs\:rounded-none{
    border-radius: 0 !important;
  }

  .xxs\:rounded-sm{
    border-radius: 0.125rem !important;
  }

  .xxs\:rounded{
    border-radius: 0.25rem !important;
  }

  .xxs\:rounded-md{
    border-radius: 0.375rem !important;
  }

  .xxs\:rounded-lg{
    border-radius: 0.5rem !important;
  }

  .xxs\:rounded-xl{
    border-radius: 0.75rem !important;
  }

  .xxs\:rounded-2xl{
    border-radius: 1rem !important;
  }

  .xxs\:rounded-3xl{
    border-radius: 1.5rem !important;
  }

  .xxs\:rounded-full{
    border-radius: 9999px !important;
  }

  .xxs\:rounded-50\%{
    border-radius: 50% !important;
  }

  .xxs\:rounded-t-10{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  .xxs\:rounded-r-10{
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }

  .xxs\:rounded-b-10{
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .xxs\:rounded-l-10{
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .xxs\:rounded-t-none{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .xxs\:rounded-r-none{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .xxs\:rounded-b-none{
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .xxs\:rounded-l-none{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .xxs\:rounded-t-sm{
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }

  .xxs\:rounded-r-sm{
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }

  .xxs\:rounded-b-sm{
    border-bottom-right-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .xxs\:rounded-l-sm{
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .xxs\:rounded-t{
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }

  .xxs\:rounded-r{
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }

  .xxs\:rounded-b{
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .xxs\:rounded-l{
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .xxs\:rounded-t-md{
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }

  .xxs\:rounded-r-md{
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }

  .xxs\:rounded-b-md{
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .xxs\:rounded-l-md{
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .xxs\:rounded-t-lg{
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }

  .xxs\:rounded-r-lg{
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }

  .xxs\:rounded-b-lg{
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .xxs\:rounded-l-lg{
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .xxs\:rounded-t-xl{
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }

  .xxs\:rounded-r-xl{
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }

  .xxs\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .xxs\:rounded-l-xl{
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .xxs\:rounded-t-2xl{
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }

  .xxs\:rounded-r-2xl{
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }

  .xxs\:rounded-b-2xl{
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .xxs\:rounded-l-2xl{
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .xxs\:rounded-t-3xl{
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }

  .xxs\:rounded-r-3xl{
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }

  .xxs\:rounded-b-3xl{
    border-bottom-right-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .xxs\:rounded-l-3xl{
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .xxs\:rounded-t-full{
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
  }

  .xxs\:rounded-r-full{
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
  }

  .xxs\:rounded-b-full{
    border-bottom-right-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .xxs\:rounded-l-full{
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .xxs\:rounded-t-50\%{
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }

  .xxs\:rounded-r-50\%{
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }

  .xxs\:rounded-b-50\%{
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .xxs\:rounded-l-50\%{
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .xxs\:rounded-tl-10{
    border-top-left-radius: 10px !important;
  }

  .xxs\:rounded-tr-10{
    border-top-right-radius: 10px !important;
  }

  .xxs\:rounded-br-10{
    border-bottom-right-radius: 10px !important;
  }

  .xxs\:rounded-bl-10{
    border-bottom-left-radius: 10px !important;
  }

  .xxs\:rounded-tl-none{
    border-top-left-radius: 0 !important;
  }

  .xxs\:rounded-tr-none{
    border-top-right-radius: 0 !important;
  }

  .xxs\:rounded-br-none{
    border-bottom-right-radius: 0 !important;
  }

  .xxs\:rounded-bl-none{
    border-bottom-left-radius: 0 !important;
  }

  .xxs\:rounded-tl-sm{
    border-top-left-radius: 0.125rem !important;
  }

  .xxs\:rounded-tr-sm{
    border-top-right-radius: 0.125rem !important;
  }

  .xxs\:rounded-br-sm{
    border-bottom-right-radius: 0.125rem !important;
  }

  .xxs\:rounded-bl-sm{
    border-bottom-left-radius: 0.125rem !important;
  }

  .xxs\:rounded-tl{
    border-top-left-radius: 0.25rem !important;
  }

  .xxs\:rounded-tr{
    border-top-right-radius: 0.25rem !important;
  }

  .xxs\:rounded-br{
    border-bottom-right-radius: 0.25rem !important;
  }

  .xxs\:rounded-bl{
    border-bottom-left-radius: 0.25rem !important;
  }

  .xxs\:rounded-tl-md{
    border-top-left-radius: 0.375rem !important;
  }

  .xxs\:rounded-tr-md{
    border-top-right-radius: 0.375rem !important;
  }

  .xxs\:rounded-br-md{
    border-bottom-right-radius: 0.375rem !important;
  }

  .xxs\:rounded-bl-md{
    border-bottom-left-radius: 0.375rem !important;
  }

  .xxs\:rounded-tl-lg{
    border-top-left-radius: 0.5rem !important;
  }

  .xxs\:rounded-tr-lg{
    border-top-right-radius: 0.5rem !important;
  }

  .xxs\:rounded-br-lg{
    border-bottom-right-radius: 0.5rem !important;
  }

  .xxs\:rounded-bl-lg{
    border-bottom-left-radius: 0.5rem !important;
  }

  .xxs\:rounded-tl-xl{
    border-top-left-radius: 0.75rem !important;
  }

  .xxs\:rounded-tr-xl{
    border-top-right-radius: 0.75rem !important;
  }

  .xxs\:rounded-br-xl{
    border-bottom-right-radius: 0.75rem !important;
  }

  .xxs\:rounded-bl-xl{
    border-bottom-left-radius: 0.75rem !important;
  }

  .xxs\:rounded-tl-2xl{
    border-top-left-radius: 1rem !important;
  }

  .xxs\:rounded-tr-2xl{
    border-top-right-radius: 1rem !important;
  }

  .xxs\:rounded-br-2xl{
    border-bottom-right-radius: 1rem !important;
  }

  .xxs\:rounded-bl-2xl{
    border-bottom-left-radius: 1rem !important;
  }

  .xxs\:rounded-tl-3xl{
    border-top-left-radius: 1.5rem !important;
  }

  .xxs\:rounded-tr-3xl{
    border-top-right-radius: 1.5rem !important;
  }

  .xxs\:rounded-br-3xl{
    border-bottom-right-radius: 1.5rem !important;
  }

  .xxs\:rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem !important;
  }

  .xxs\:rounded-tl-full{
    border-top-left-radius: 9999px !important;
  }

  .xxs\:rounded-tr-full{
    border-top-right-radius: 9999px !important;
  }

  .xxs\:rounded-br-full{
    border-bottom-right-radius: 9999px !important;
  }

  .xxs\:rounded-bl-full{
    border-bottom-left-radius: 9999px !important;
  }

  .xxs\:rounded-tl-50\%{
    border-top-left-radius: 50% !important;
  }

  .xxs\:rounded-tr-50\%{
    border-top-right-radius: 50% !important;
  }

  .xxs\:rounded-br-50\%{
    border-bottom-right-radius: 50% !important;
  }

  .xxs\:rounded-bl-50\%{
    border-bottom-left-radius: 50% !important;
  }

  .xxs\:border-solid{
    border-style: solid !important;
  }

  .xxs\:border-dashed{
    border-style: dashed !important;
  }

  .xxs\:border-dotted{
    border-style: dotted !important;
  }

  .xxs\:border-double{
    border-style: double !important;
  }

  .xxs\:border-none{
    border-style: none !important;
  }

  .xxs\:border-0{
    border-width: 0 !important;
  }

  .xxs\:border-2{
    border-width: 2px !important;
  }

  .xxs\:border-3{
    border-width: 3px !important;
  }

  .xxs\:border-4{
    border-width: 4px !important;
  }

  .xxs\:border-8{
    border-width: 8px !important;
  }

  .xxs\:border{
    border-width: 1px !important;
  }

  .xxs\:border-t-0{
    border-top-width: 0 !important;
  }

  .xxs\:border-r-0{
    border-right-width: 0 !important;
  }

  .xxs\:border-b-0{
    border-bottom-width: 0 !important;
  }

  .xxs\:border-l-0{
    border-left-width: 0 !important;
  }

  .xxs\:border-t-2{
    border-top-width: 2px !important;
  }

  .xxs\:border-r-2{
    border-right-width: 2px !important;
  }

  .xxs\:border-b-2{
    border-bottom-width: 2px !important;
  }

  .xxs\:border-l-2{
    border-left-width: 2px !important;
  }

  .xxs\:border-t-3{
    border-top-width: 3px !important;
  }

  .xxs\:border-r-3{
    border-right-width: 3px !important;
  }

  .xxs\:border-b-3{
    border-bottom-width: 3px !important;
  }

  .xxs\:border-l-3{
    border-left-width: 3px !important;
  }

  .xxs\:border-t-4{
    border-top-width: 4px !important;
  }

  .xxs\:border-r-4{
    border-right-width: 4px !important;
  }

  .xxs\:border-b-4{
    border-bottom-width: 4px !important;
  }

  .xxs\:border-l-4{
    border-left-width: 4px !important;
  }

  .xxs\:border-t-8{
    border-top-width: 8px !important;
  }

  .xxs\:border-r-8{
    border-right-width: 8px !important;
  }

  .xxs\:border-b-8{
    border-bottom-width: 8px !important;
  }

  .xxs\:border-l-8{
    border-left-width: 8px !important;
  }

  .xxs\:border-t{
    border-top-width: 1px !important;
  }

  .xxs\:border-r{
    border-right-width: 1px !important;
  }

  .xxs\:border-b{
    border-bottom-width: 1px !important;
  }

  .xxs\:border-l{
    border-left-width: 1px !important;
  }

  .xxs\:box-border{
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }

  .xxs\:box-content{
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
  }

  .xxs\:cursor-auto{
    cursor: auto !important;
  }

  .xxs\:cursor-default{
    cursor: default !important;
  }

  .xxs\:cursor-pointer{
    cursor: pointer !important;
  }

  .xxs\:cursor-wait{
    cursor: wait !important;
  }

  .xxs\:cursor-text{
    cursor: text !important;
  }

  .xxs\:cursor-move{
    cursor: move !important;
  }

  .xxs\:cursor-not-allowed{
    cursor: not-allowed !important;
  }

  .xxs\:block{
    display: block !important;
  }

  .xxs\:inline-block{
    display: inline-block !important;
  }

  .xxs\:inline{
    display: inline !important;
  }

  .xxs\:flex{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .xxs\:inline-flex{
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .xxs\:table{
    display: table !important;
  }

  .xxs\:table-caption{
    display: table-caption !important;
  }

  .xxs\:table-cell{
    display: table-cell !important;
  }

  .xxs\:table-column{
    display: table-column !important;
  }

  .xxs\:table-column-group{
    display: table-column-group !important;
  }

  .xxs\:table-footer-group{
    display: table-footer-group !important;
  }

  .xxs\:table-header-group{
    display: table-header-group !important;
  }

  .xxs\:table-row-group{
    display: table-row-group !important;
  }

  .xxs\:table-row{
    display: table-row !important;
  }

  .xxs\:flow-root{
    display: flow-root !important;
  }

  .xxs\:grid{
    display: grid !important;
  }

  .xxs\:inline-grid{
    display: inline-grid !important;
  }

  .xxs\:contents{
    display: contents !important;
  }

  .xxs\:hidden{
    display: none !important;
  }

  .xxs\:flex-row{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .xxs\:flex-row-reverse{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .xxs\:flex-col{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .xxs\:flex-col-reverse{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .xxs\:flex-wrap{
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .xxs\:flex-wrap-reverse{
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .xxs\:flex-no-wrap{
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .xxs\:place-items-auto{
    place-items: auto !important;
  }

  .xxs\:place-items-start{
    place-items: start !important;
  }

  .xxs\:place-items-end{
    place-items: end !important;
  }

  .xxs\:place-items-center{
    place-items: center !important;
  }

  .xxs\:place-items-stretch{
    place-items: stretch !important;
  }

  .xxs\:place-content-center{
    place-content: center !important;
  }

  .xxs\:place-content-start{
    place-content: start !important;
  }

  .xxs\:place-content-end{
    place-content: end !important;
  }

  .xxs\:place-content-between{
    place-content: space-between !important;
  }

  .xxs\:place-content-around{
    place-content: space-around !important;
  }

  .xxs\:place-content-evenly{
    place-content: space-evenly !important;
  }

  .xxs\:place-content-stretch{
    place-content: stretch !important;
  }

  .xxs\:place-self-auto{
    place-self: auto !important;
  }

  .xxs\:place-self-start{
    place-self: start !important;
  }

  .xxs\:place-self-end{
    place-self: end !important;
  }

  .xxs\:place-self-center{
    place-self: center !important;
  }

  .xxs\:place-self-stretch{
    place-self: stretch !important;
  }

  .xxs\:items-start{
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .xxs\:items-end{
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .xxs\:items-center{
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .xxs\:items-baseline{
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .xxs\:items-stretch{
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .xxs\:content-center{
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .xxs\:content-start{
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .xxs\:content-end{
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .xxs\:content-between{
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .xxs\:content-around{
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .xxs\:content-evenly{
    -ms-flex-line-pack: space-evenly !important;
    align-content: space-evenly !important;
  }

  .xxs\:self-auto{
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .xxs\:self-start{
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .xxs\:self-end{
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .xxs\:self-center{
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .xxs\:self-stretch{
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .xxs\:justify-items-auto{
    justify-items: auto !important;
  }

  .xxs\:justify-items-start{
    justify-items: start !important;
  }

  .xxs\:justify-items-end{
    justify-items: end !important;
  }

  .xxs\:justify-items-center{
    justify-items: center !important;
  }

  .xxs\:justify-items-stretch{
    justify-items: stretch !important;
  }

  .xxs\:justify-start{
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .xxs\:justify-end{
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .xxs\:justify-center{
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .xxs\:justify-between{
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .xxs\:justify-around{
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .xxs\:justify-evenly{
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .xxs\:justify-self-auto{
    justify-self: auto !important;
  }

  .xxs\:justify-self-start{
    justify-self: start !important;
  }

  .xxs\:justify-self-end{
    justify-self: end !important;
  }

  .xxs\:justify-self-center{
    justify-self: center !important;
  }

  .xxs\:justify-self-stretch{
    justify-self: stretch !important;
  }

  .xxs\:flex-1{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 0% !important;
    flex: 1 1 0% !important;
  }

  .xxs\:flex-auto{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .xxs\:flex-initial{
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
  }

  .xxs\:flex-none{
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
  }

  .xxs\:flex-grow-0{
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .xxs\:flex-grow{
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .xxs\:flex-shrink-0{
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .xxs\:flex-shrink{
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .xxs\:order-1{
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .xxs\:order-2{
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .xxs\:order-3{
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .xxs\:order-4{
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .xxs\:order-5{
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .xxs\:order-6{
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }

  .xxs\:order-7{
    -webkit-box-ordinal-group: 8 !important;
    -ms-flex-order: 7 !important;
    order: 7 !important;
  }

  .xxs\:order-8{
    -webkit-box-ordinal-group: 9 !important;
    -ms-flex-order: 8 !important;
    order: 8 !important;
  }

  .xxs\:order-9{
    -webkit-box-ordinal-group: 10 !important;
    -ms-flex-order: 9 !important;
    order: 9 !important;
  }

  .xxs\:order-10{
    -webkit-box-ordinal-group: 11 !important;
    -ms-flex-order: 10 !important;
    order: 10 !important;
  }

  .xxs\:order-11{
    -webkit-box-ordinal-group: 12 !important;
    -ms-flex-order: 11 !important;
    order: 11 !important;
  }

  .xxs\:order-12{
    -webkit-box-ordinal-group: 13 !important;
    -ms-flex-order: 12 !important;
    order: 12 !important;
  }

  .xxs\:order-first{
    -webkit-box-ordinal-group: -9998 !important;
    -ms-flex-order: -9999 !important;
    order: -9999 !important;
  }

  .xxs\:order-last{
    -webkit-box-ordinal-group: 10000 !important;
    -ms-flex-order: 9999 !important;
    order: 9999 !important;
  }

  .xxs\:order-none{
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .xxs\:float-right{
    float: right !important;
  }

  .xxs\:float-left{
    float: left !important;
  }

  .xxs\:float-none{
    float: none !important;
  }

  .xxs\:clearfix:after{
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  .xxs\:clear-left{
    clear: left !important;
  }

  .xxs\:clear-right{
    clear: right !important;
  }

  .xxs\:clear-both{
    clear: both !important;
  }

  .xxs\:clear-none{
    clear: none !important;
  }

  .xxs\:font-sans{
    font-family: 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" !important;
  }

  .xxs\:font-serif{
    font-family: Georgia, Cambria, "Times New Roman", Times, serif !important;
  }

  .xxs\:font-mono{
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  }

  .xxs\:font-hairline{
    font-weight: 100 !important;
  }

  .xxs\:font-thin{
    font-weight: 200 !important;
  }

  .xxs\:font-light{
    font-weight: 300 !important;
  }

  .xxs\:font-normal{
    font-weight: 400 !important;
  }

  .xxs\:font-medium{
    font-weight: 500 !important;
  }

  .xxs\:font-semibold{
    font-weight: 600 !important;
  }

  .xxs\:font-bold{
    font-weight: 700 !important;
  }

  .xxs\:font-extrabold{
    font-weight: 800 !important;
  }

  .xxs\:font-black{
    font-weight: 900 !important;
  }

  .xxs\:hover\:font-hairline:hover{
    font-weight: 100 !important;
  }

  .xxs\:hover\:font-thin:hover{
    font-weight: 200 !important;
  }

  .xxs\:hover\:font-light:hover{
    font-weight: 300 !important;
  }

  .xxs\:hover\:font-normal:hover{
    font-weight: 400 !important;
  }

  .xxs\:hover\:font-medium:hover{
    font-weight: 500 !important;
  }

  .xxs\:hover\:font-semibold:hover{
    font-weight: 600 !important;
  }

  .xxs\:hover\:font-bold:hover{
    font-weight: 700 !important;
  }

  .xxs\:hover\:font-extrabold:hover{
    font-weight: 800 !important;
  }

  .xxs\:hover\:font-black:hover{
    font-weight: 900 !important;
  }

  .xxs\:focus\:font-hairline:focus{
    font-weight: 100 !important;
  }

  .xxs\:focus\:font-thin:focus{
    font-weight: 200 !important;
  }

  .xxs\:focus\:font-light:focus{
    font-weight: 300 !important;
  }

  .xxs\:focus\:font-normal:focus{
    font-weight: 400 !important;
  }

  .xxs\:focus\:font-medium:focus{
    font-weight: 500 !important;
  }

  .xxs\:focus\:font-semibold:focus{
    font-weight: 600 !important;
  }

  .xxs\:focus\:font-bold:focus{
    font-weight: 700 !important;
  }

  .xxs\:focus\:font-extrabold:focus{
    font-weight: 800 !important;
  }

  .xxs\:focus\:font-black:focus{
    font-weight: 900 !important;
  }

  .xxs\:h-0{
    height: 0 !important;
  }

  .xxs\:h-1{
    height: 0.25rem !important;
  }

  .xxs\:h-2{
    height: 0.5rem !important;
  }

  .xxs\:h-3{
    height: 0.75rem !important;
  }

  .xxs\:h-4{
    height: 1rem !important;
  }

  .xxs\:h-5{
    height: 1.25rem !important;
  }

  .xxs\:h-6{
    height: 1.5rem !important;
  }

  .xxs\:h-8{
    height: 2rem !important;
  }

  .xxs\:h-10{
    height: 2.5rem !important;
  }

  .xxs\:h-12{
    height: 3rem !important;
  }

  .xxs\:h-16{
    height: 4rem !important;
  }

  .xxs\:h-20{
    height: 5rem !important;
  }

  .xxs\:h-24{
    height: 6rem !important;
  }

  .xxs\:h-28{
    height: 7rem !important;
  }

  .xxs\:h-32{
    height: 8rem !important;
  }

  .xxs\:h-40{
    height: 10rem !important;
  }

  .xxs\:h-48{
    height: 12rem !important;
  }

  .xxs\:h-56{
    height: 14rem !important;
  }

  .xxs\:h-64{
    height: 16rem !important;
  }

  .xxs\:h-auto{
    height: auto !important;
  }

  .xxs\:h-px{
    height: 1px !important;
  }

  .xxs\:h-2px{
    height: 2px !important;
  }

  .xxs\:h-3px{
    height: 3px !important;
  }

  .xxs\:h-5px{
    height: 5px !important;
  }

  .xxs\:h-10px{
    height: 10px !important;
  }

  .xxs\:h-15px{
    height: 15px !important;
  }

  .xxs\:h-20px{
    height: 20px !important;
  }

  .xxs\:h-25px{
    height: 25px !important;
  }

  .xxs\:h-30px{
    height: 30px !important;
  }

  .xxs\:h-36px{
    height: 36px !important;
  }

  .xxs\:h-50px{
    height: 50px !important;
  }

  .xxs\:h-60px{
    height: 60px !important;
  }

  .xxs\:h-120px{
    height: 120px !important;
  }

  .xxs\:h-full{
    height: 100% !important;
  }

  .xxs\:h-screen{
    height: 100vh !important;
  }

  .xxs\:text-xs{
    font-size: .75rem !important;
  }

  .xxs\:text-sm{
    font-size: 14px !important;
  }

  .xxs\:text-base{
    font-size: 16px !important;
  }

  .xxs\:text-lg{
    font-size: 18px !important;
  }

  .xxs\:text-xl{
    font-size: 20px !important;
  }

  .xxs\:text-2xl{
    font-size: 1.5rem !important;
  }

  .xxs\:text-3xl{
    font-size: 30px !important;
  }

  .xxs\:text-4xl{
    font-size: 2.25rem !important;
  }

  .xxs\:text-5xl{
    font-size: 3rem !important;
  }

  .xxs\:text-6xl{
    font-size: 4rem !important;
  }

  .xxs\:text-toy{
    font-size: 10px !important;
  }

  .xxs\:text-xxs{
    font-size: 11px !important;
  }

  .xxs\:text-tiny{
    font-size: 13px !important;
  }

  .xxs\:text-normal{
    font-size: 15px !important;
  }

  .xxs\:text-x21{
    font-size: 21px !important;
  }

  .xxs\:text-x22{
    font-size: 22px !important;
  }

  .xxs\:text-x23{
    font-size: 23px !important;
  }

  .xxs\:text-x25{
    font-size: 25px !important;
  }

  .xxs\:text-large{
    font-size: 40px !important;
  }

  .xxs\:text-huge{
    font-size: 50px !important;
  }

  .xxs\:leading-3{
    line-height: .75rem !important;
  }

  .xxs\:leading-4{
    line-height: 1rem !important;
  }

  .xxs\:leading-5{
    line-height: 1.25rem !important;
  }

  .xxs\:leading-6{
    line-height: 1.5rem !important;
  }

  .xxs\:leading-7{
    line-height: 1.75rem !important;
  }

  .xxs\:leading-8{
    line-height: 2rem !important;
  }

  .xxs\:leading-9{
    line-height: 2.25rem !important;
  }

  .xxs\:leading-10{
    line-height: 2.5rem !important;
  }

  .xxs\:leading-none{
    line-height: 1 !important;
  }

  .xxs\:leading-tight{
    line-height: 1.25 !important;
  }

  .xxs\:leading-snug{
    line-height: 1.375 !important;
  }

  .xxs\:leading-normal{
    line-height: 1.5 !important;
  }

  .xxs\:leading-relaxed{
    line-height: 1.625 !important;
  }

  .xxs\:leading-loose{
    line-height: 2 !important;
  }

  .xxs\:leading-60px{
    line-height: 60px !important;
  }

  .xxs\:leading-small{
    line-height: 23px !important;
  }

  .xxs\:leading-ordinary{
    line-height: 25px !important;
  }

  .xxs\:list-inside{
    list-style-position: inside !important;
  }

  .xxs\:list-outside{
    list-style-position: outside !important;
  }

  .xxs\:list-none{
    list-style-type: none !important;
  }

  .xxs\:list-disc{
    list-style-type: disc !important;
  }

  .xxs\:list-decimal{
    list-style-type: decimal !important;
  }

  .xxs\:list-line{
    list-style-type: - !important;
  }

  .xxs\:m-0{
    margin: 0 !important;
  }

  .xxs\:m-1{
    margin: 0.25rem !important;
  }

  .xxs\:m-2{
    margin: 0.5rem !important;
  }

  .xxs\:m-3{
    margin: 0.75rem !important;
  }

  .xxs\:m-4{
    margin: 1rem !important;
  }

  .xxs\:m-5{
    margin: 1.25rem !important;
  }

  .xxs\:m-6{
    margin: 1.5rem !important;
  }

  .xxs\:m-8{
    margin: 2rem !important;
  }

  .xxs\:m-10{
    margin: 2.5rem !important;
  }

  .xxs\:m-12{
    margin: 3rem !important;
  }

  .xxs\:m-16{
    margin: 4rem !important;
  }

  .xxs\:m-20{
    margin: 5rem !important;
  }

  .xxs\:m-24{
    margin: 6rem !important;
  }

  .xxs\:m-28{
    margin: 7rem !important;
  }

  .xxs\:m-32{
    margin: 8rem !important;
  }

  .xxs\:m-40{
    margin: 10rem !important;
  }

  .xxs\:m-48{
    margin: 12rem !important;
  }

  .xxs\:m-56{
    margin: 14rem !important;
  }

  .xxs\:m-64{
    margin: 16rem !important;
  }

  .xxs\:m-auto{
    margin: auto !important;
  }

  .xxs\:m-px{
    margin: 1px !important;
  }

  .xxs\:m-2px{
    margin: 2px !important;
  }

  .xxs\:m-3px{
    margin: 3px !important;
  }

  .xxs\:m-5px{
    margin: 5px !important;
  }

  .xxs\:m-10px{
    margin: 10px !important;
  }

  .xxs\:m-15px{
    margin: 15px !important;
  }

  .xxs\:m-20px{
    margin: 20px !important;
  }

  .xxs\:m-25px{
    margin: 25px !important;
  }

  .xxs\:m-30px{
    margin: 30px !important;
  }

  .xxs\:m-36px{
    margin: 36px !important;
  }

  .xxs\:m-50px{
    margin: 50px !important;
  }

  .xxs\:m-60px{
    margin: 60px !important;
  }

  .xxs\:m-120px{
    margin: 120px !important;
  }

  .xxs\:-m-1{
    margin: -0.25rem !important;
  }

  .xxs\:-m-2{
    margin: -0.5rem !important;
  }

  .xxs\:-m-3{
    margin: -0.75rem !important;
  }

  .xxs\:-m-4{
    margin: -1rem !important;
  }

  .xxs\:-m-5{
    margin: -1.25rem !important;
  }

  .xxs\:-m-6{
    margin: -1.5rem !important;
  }

  .xxs\:-m-8{
    margin: -2rem !important;
  }

  .xxs\:-m-10{
    margin: -2.5rem !important;
  }

  .xxs\:-m-12{
    margin: -3rem !important;
  }

  .xxs\:-m-16{
    margin: -4rem !important;
  }

  .xxs\:-m-20{
    margin: -5rem !important;
  }

  .xxs\:-m-24{
    margin: -6rem !important;
  }

  .xxs\:-m-28{
    margin: -7rem !important;
  }

  .xxs\:-m-32{
    margin: -8rem !important;
  }

  .xxs\:-m-40{
    margin: -10rem !important;
  }

  .xxs\:-m-48{
    margin: -12rem !important;
  }

  .xxs\:-m-56{
    margin: -14rem !important;
  }

  .xxs\:-m-64{
    margin: -16rem !important;
  }

  .xxs\:-m-px{
    margin: -1px !important;
  }

  .xxs\:-m-2px{
    margin: -2px !important;
  }

  .xxs\:-m-3px{
    margin: -3px !important;
  }

  .xxs\:-m-5px{
    margin: -5px !important;
  }

  .xxs\:-m-10px{
    margin: -10px !important;
  }

  .xxs\:-m-15px{
    margin: -15px !important;
  }

  .xxs\:-m-20px{
    margin: -20px !important;
  }

  .xxs\:-m-25px{
    margin: -25px !important;
  }

  .xxs\:-m-30px{
    margin: -30px !important;
  }

  .xxs\:-m-36px{
    margin: -36px !important;
  }

  .xxs\:-m-50px{
    margin: -50px !important;
  }

  .xxs\:-m-60px{
    margin: -60px !important;
  }

  .xxs\:-m-120px{
    margin: -120px !important;
  }

  .xxs\:my-0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .xxs\:mx-0{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .xxs\:my-1{
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .xxs\:mx-1{
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .xxs\:my-2{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .xxs\:mx-2{
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .xxs\:my-3{
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .xxs\:mx-3{
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  .xxs\:my-4{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .xxs\:mx-4{
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .xxs\:my-5{
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .xxs\:mx-5{
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }

  .xxs\:my-6{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .xxs\:mx-6{
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .xxs\:my-8{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .xxs\:mx-8{
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .xxs\:my-10{
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .xxs\:mx-10{
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .xxs\:my-12{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .xxs\:mx-12{
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .xxs\:my-16{
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .xxs\:mx-16{
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .xxs\:my-20{
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .xxs\:mx-20{
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .xxs\:my-24{
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .xxs\:mx-24{
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .xxs\:my-28{
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .xxs\:mx-28{
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .xxs\:my-32{
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .xxs\:mx-32{
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .xxs\:my-40{
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .xxs\:mx-40{
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .xxs\:my-48{
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .xxs\:mx-48{
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .xxs\:my-56{
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }

  .xxs\:mx-56{
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }

  .xxs\:my-64{
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }

  .xxs\:mx-64{
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }

  .xxs\:my-auto{
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .xxs\:mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .xxs\:my-px{
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .xxs\:mx-px{
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .xxs\:my-2px{
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .xxs\:mx-2px{
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .xxs\:my-3px{
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .xxs\:mx-3px{
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .xxs\:my-5px{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .xxs\:mx-5px{
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .xxs\:my-10px{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .xxs\:mx-10px{
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .xxs\:my-15px{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .xxs\:mx-15px{
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .xxs\:my-20px{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .xxs\:mx-20px{
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .xxs\:my-25px{
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .xxs\:mx-25px{
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .xxs\:my-30px{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .xxs\:mx-30px{
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .xxs\:my-36px{
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }

  .xxs\:mx-36px{
    margin-left: 36px !important;
    margin-right: 36px !important;
  }

  .xxs\:my-50px{
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .xxs\:mx-50px{
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .xxs\:my-60px{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .xxs\:mx-60px{
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .xxs\:my-120px{
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .xxs\:mx-120px{
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .xxs\:-my-1{
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .xxs\:-mx-1{
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }

  .xxs\:-my-2{
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .xxs\:-mx-2{
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }

  .xxs\:-my-3{
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }

  .xxs\:-mx-3{
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
  }

  .xxs\:-my-4{
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .xxs\:-mx-4{
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  .xxs\:-my-5{
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }

  .xxs\:-mx-5{
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
  }

  .xxs\:-my-6{
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .xxs\:-mx-6{
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }

  .xxs\:-my-8{
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }

  .xxs\:-mx-8{
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }

  .xxs\:-my-10{
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }

  .xxs\:-mx-10{
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important;
  }

  .xxs\:-my-12{
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .xxs\:-mx-12{
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }

  .xxs\:-my-16{
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }

  .xxs\:-mx-16{
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }

  .xxs\:-my-20{
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }

  .xxs\:-mx-20{
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }

  .xxs\:-my-24{
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }

  .xxs\:-mx-24{
    margin-left: -6rem !important;
    margin-right: -6rem !important;
  }

  .xxs\:-my-28{
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }

  .xxs\:-mx-28{
    margin-left: -7rem !important;
    margin-right: -7rem !important;
  }

  .xxs\:-my-32{
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }

  .xxs\:-mx-32{
    margin-left: -8rem !important;
    margin-right: -8rem !important;
  }

  .xxs\:-my-40{
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }

  .xxs\:-mx-40{
    margin-left: -10rem !important;
    margin-right: -10rem !important;
  }

  .xxs\:-my-48{
    margin-top: -12rem !important;
    margin-bottom: -12rem !important;
  }

  .xxs\:-mx-48{
    margin-left: -12rem !important;
    margin-right: -12rem !important;
  }

  .xxs\:-my-56{
    margin-top: -14rem !important;
    margin-bottom: -14rem !important;
  }

  .xxs\:-mx-56{
    margin-left: -14rem !important;
    margin-right: -14rem !important;
  }

  .xxs\:-my-64{
    margin-top: -16rem !important;
    margin-bottom: -16rem !important;
  }

  .xxs\:-mx-64{
    margin-left: -16rem !important;
    margin-right: -16rem !important;
  }

  .xxs\:-my-px{
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .xxs\:-mx-px{
    margin-left: -1px !important;
    margin-right: -1px !important;
  }

  .xxs\:-my-2px{
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }

  .xxs\:-mx-2px{
    margin-left: -2px !important;
    margin-right: -2px !important;
  }

  .xxs\:-my-3px{
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }

  .xxs\:-mx-3px{
    margin-left: -3px !important;
    margin-right: -3px !important;
  }

  .xxs\:-my-5px{
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }

  .xxs\:-mx-5px{
    margin-left: -5px !important;
    margin-right: -5px !important;
  }

  .xxs\:-my-10px{
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .xxs\:-mx-10px{
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .xxs\:-my-15px{
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }

  .xxs\:-mx-15px{
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .xxs\:-my-20px{
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .xxs\:-mx-20px{
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .xxs\:-my-25px{
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }

  .xxs\:-mx-25px{
    margin-left: -25px !important;
    margin-right: -25px !important;
  }

  .xxs\:-my-30px{
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .xxs\:-mx-30px{
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .xxs\:-my-36px{
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }

  .xxs\:-mx-36px{
    margin-left: -36px !important;
    margin-right: -36px !important;
  }

  .xxs\:-my-50px{
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .xxs\:-mx-50px{
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .xxs\:-my-60px{
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .xxs\:-mx-60px{
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .xxs\:-my-120px{
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }

  .xxs\:-mx-120px{
    margin-left: -120px !important;
    margin-right: -120px !important;
  }

  .xxs\:mt-0{
    margin-top: 0 !important;
  }

  .xxs\:mr-0{
    margin-right: 0 !important;
  }

  .xxs\:mb-0{
    margin-bottom: 0 !important;
  }

  .xxs\:ml-0{
    margin-left: 0 !important;
  }

  .xxs\:mt-1{
    margin-top: 0.25rem !important;
  }

  .xxs\:mr-1{
    margin-right: 0.25rem !important;
  }

  .xxs\:mb-1{
    margin-bottom: 0.25rem !important;
  }

  .xxs\:ml-1{
    margin-left: 0.25rem !important;
  }

  .xxs\:mt-2{
    margin-top: 0.5rem !important;
  }

  .xxs\:mr-2{
    margin-right: 0.5rem !important;
  }

  .xxs\:mb-2{
    margin-bottom: 0.5rem !important;
  }

  .xxs\:ml-2{
    margin-left: 0.5rem !important;
  }

  .xxs\:mt-3{
    margin-top: 0.75rem !important;
  }

  .xxs\:mr-3{
    margin-right: 0.75rem !important;
  }

  .xxs\:mb-3{
    margin-bottom: 0.75rem !important;
  }

  .xxs\:ml-3{
    margin-left: 0.75rem !important;
  }

  .xxs\:mt-4{
    margin-top: 1rem !important;
  }

  .xxs\:mr-4{
    margin-right: 1rem !important;
  }

  .xxs\:mb-4{
    margin-bottom: 1rem !important;
  }

  .xxs\:ml-4{
    margin-left: 1rem !important;
  }

  .xxs\:mt-5{
    margin-top: 1.25rem !important;
  }

  .xxs\:mr-5{
    margin-right: 1.25rem !important;
  }

  .xxs\:mb-5{
    margin-bottom: 1.25rem !important;
  }

  .xxs\:ml-5{
    margin-left: 1.25rem !important;
  }

  .xxs\:mt-6{
    margin-top: 1.5rem !important;
  }

  .xxs\:mr-6{
    margin-right: 1.5rem !important;
  }

  .xxs\:mb-6{
    margin-bottom: 1.5rem !important;
  }

  .xxs\:ml-6{
    margin-left: 1.5rem !important;
  }

  .xxs\:mt-8{
    margin-top: 2rem !important;
  }

  .xxs\:mr-8{
    margin-right: 2rem !important;
  }

  .xxs\:mb-8{
    margin-bottom: 2rem !important;
  }

  .xxs\:ml-8{
    margin-left: 2rem !important;
  }

  .xxs\:mt-10{
    margin-top: 2.5rem !important;
  }

  .xxs\:mr-10{
    margin-right: 2.5rem !important;
  }

  .xxs\:mb-10{
    margin-bottom: 2.5rem !important;
  }

  .xxs\:ml-10{
    margin-left: 2.5rem !important;
  }

  .xxs\:mt-12{
    margin-top: 3rem !important;
  }

  .xxs\:mr-12{
    margin-right: 3rem !important;
  }

  .xxs\:mb-12{
    margin-bottom: 3rem !important;
  }

  .xxs\:ml-12{
    margin-left: 3rem !important;
  }

  .xxs\:mt-16{
    margin-top: 4rem !important;
  }

  .xxs\:mr-16{
    margin-right: 4rem !important;
  }

  .xxs\:mb-16{
    margin-bottom: 4rem !important;
  }

  .xxs\:ml-16{
    margin-left: 4rem !important;
  }

  .xxs\:mt-20{
    margin-top: 5rem !important;
  }

  .xxs\:mr-20{
    margin-right: 5rem !important;
  }

  .xxs\:mb-20{
    margin-bottom: 5rem !important;
  }

  .xxs\:ml-20{
    margin-left: 5rem !important;
  }

  .xxs\:mt-24{
    margin-top: 6rem !important;
  }

  .xxs\:mr-24{
    margin-right: 6rem !important;
  }

  .xxs\:mb-24{
    margin-bottom: 6rem !important;
  }

  .xxs\:ml-24{
    margin-left: 6rem !important;
  }

  .xxs\:mt-28{
    margin-top: 7rem !important;
  }

  .xxs\:mr-28{
    margin-right: 7rem !important;
  }

  .xxs\:mb-28{
    margin-bottom: 7rem !important;
  }

  .xxs\:ml-28{
    margin-left: 7rem !important;
  }

  .xxs\:mt-32{
    margin-top: 8rem !important;
  }

  .xxs\:mr-32{
    margin-right: 8rem !important;
  }

  .xxs\:mb-32{
    margin-bottom: 8rem !important;
  }

  .xxs\:ml-32{
    margin-left: 8rem !important;
  }

  .xxs\:mt-40{
    margin-top: 10rem !important;
  }

  .xxs\:mr-40{
    margin-right: 10rem !important;
  }

  .xxs\:mb-40{
    margin-bottom: 10rem !important;
  }

  .xxs\:ml-40{
    margin-left: 10rem !important;
  }

  .xxs\:mt-48{
    margin-top: 12rem !important;
  }

  .xxs\:mr-48{
    margin-right: 12rem !important;
  }

  .xxs\:mb-48{
    margin-bottom: 12rem !important;
  }

  .xxs\:ml-48{
    margin-left: 12rem !important;
  }

  .xxs\:mt-56{
    margin-top: 14rem !important;
  }

  .xxs\:mr-56{
    margin-right: 14rem !important;
  }

  .xxs\:mb-56{
    margin-bottom: 14rem !important;
  }

  .xxs\:ml-56{
    margin-left: 14rem !important;
  }

  .xxs\:mt-64{
    margin-top: 16rem !important;
  }

  .xxs\:mr-64{
    margin-right: 16rem !important;
  }

  .xxs\:mb-64{
    margin-bottom: 16rem !important;
  }

  .xxs\:ml-64{
    margin-left: 16rem !important;
  }

  .xxs\:mt-auto{
    margin-top: auto !important;
  }

  .xxs\:mr-auto{
    margin-right: auto !important;
  }

  .xxs\:mb-auto{
    margin-bottom: auto !important;
  }

  .xxs\:ml-auto{
    margin-left: auto !important;
  }

  .xxs\:mt-px{
    margin-top: 1px !important;
  }

  .xxs\:mr-px{
    margin-right: 1px !important;
  }

  .xxs\:mb-px{
    margin-bottom: 1px !important;
  }

  .xxs\:ml-px{
    margin-left: 1px !important;
  }

  .xxs\:mt-2px{
    margin-top: 2px !important;
  }

  .xxs\:mr-2px{
    margin-right: 2px !important;
  }

  .xxs\:mb-2px{
    margin-bottom: 2px !important;
  }

  .xxs\:ml-2px{
    margin-left: 2px !important;
  }

  .xxs\:mt-3px{
    margin-top: 3px !important;
  }

  .xxs\:mr-3px{
    margin-right: 3px !important;
  }

  .xxs\:mb-3px{
    margin-bottom: 3px !important;
  }

  .xxs\:ml-3px{
    margin-left: 3px !important;
  }

  .xxs\:mt-5px{
    margin-top: 5px !important;
  }

  .xxs\:mr-5px{
    margin-right: 5px !important;
  }

  .xxs\:mb-5px{
    margin-bottom: 5px !important;
  }

  .xxs\:ml-5px{
    margin-left: 5px !important;
  }

  .xxs\:mt-10px{
    margin-top: 10px !important;
  }

  .xxs\:mr-10px{
    margin-right: 10px !important;
  }

  .xxs\:mb-10px{
    margin-bottom: 10px !important;
  }

  .xxs\:ml-10px{
    margin-left: 10px !important;
  }

  .xxs\:mt-15px{
    margin-top: 15px !important;
  }

  .xxs\:mr-15px{
    margin-right: 15px !important;
  }

  .xxs\:mb-15px{
    margin-bottom: 15px !important;
  }

  .xxs\:ml-15px{
    margin-left: 15px !important;
  }

  .xxs\:mt-20px{
    margin-top: 20px !important;
  }

  .xxs\:mr-20px{
    margin-right: 20px !important;
  }

  .xxs\:mb-20px{
    margin-bottom: 20px !important;
  }

  .xxs\:ml-20px{
    margin-left: 20px !important;
  }

  .xxs\:mt-25px{
    margin-top: 25px !important;
  }

  .xxs\:mr-25px{
    margin-right: 25px !important;
  }

  .xxs\:mb-25px{
    margin-bottom: 25px !important;
  }

  .xxs\:ml-25px{
    margin-left: 25px !important;
  }

  .xxs\:mt-30px{
    margin-top: 30px !important;
  }

  .xxs\:mr-30px{
    margin-right: 30px !important;
  }

  .xxs\:mb-30px{
    margin-bottom: 30px !important;
  }

  .xxs\:ml-30px{
    margin-left: 30px !important;
  }

  .xxs\:mt-36px{
    margin-top: 36px !important;
  }

  .xxs\:mr-36px{
    margin-right: 36px !important;
  }

  .xxs\:mb-36px{
    margin-bottom: 36px !important;
  }

  .xxs\:ml-36px{
    margin-left: 36px !important;
  }

  .xxs\:mt-50px{
    margin-top: 50px !important;
  }

  .xxs\:mr-50px{
    margin-right: 50px !important;
  }

  .xxs\:mb-50px{
    margin-bottom: 50px !important;
  }

  .xxs\:ml-50px{
    margin-left: 50px !important;
  }

  .xxs\:mt-60px{
    margin-top: 60px !important;
  }

  .xxs\:mr-60px{
    margin-right: 60px !important;
  }

  .xxs\:mb-60px{
    margin-bottom: 60px !important;
  }

  .xxs\:ml-60px{
    margin-left: 60px !important;
  }

  .xxs\:mt-120px{
    margin-top: 120px !important;
  }

  .xxs\:mr-120px{
    margin-right: 120px !important;
  }

  .xxs\:mb-120px{
    margin-bottom: 120px !important;
  }

  .xxs\:ml-120px{
    margin-left: 120px !important;
  }

  .xxs\:-mt-1{
    margin-top: -0.25rem !important;
  }

  .xxs\:-mr-1{
    margin-right: -0.25rem !important;
  }

  .xxs\:-mb-1{
    margin-bottom: -0.25rem !important;
  }

  .xxs\:-ml-1{
    margin-left: -0.25rem !important;
  }

  .xxs\:-mt-2{
    margin-top: -0.5rem !important;
  }

  .xxs\:-mr-2{
    margin-right: -0.5rem !important;
  }

  .xxs\:-mb-2{
    margin-bottom: -0.5rem !important;
  }

  .xxs\:-ml-2{
    margin-left: -0.5rem !important;
  }

  .xxs\:-mt-3{
    margin-top: -0.75rem !important;
  }

  .xxs\:-mr-3{
    margin-right: -0.75rem !important;
  }

  .xxs\:-mb-3{
    margin-bottom: -0.75rem !important;
  }

  .xxs\:-ml-3{
    margin-left: -0.75rem !important;
  }

  .xxs\:-mt-4{
    margin-top: -1rem !important;
  }

  .xxs\:-mr-4{
    margin-right: -1rem !important;
  }

  .xxs\:-mb-4{
    margin-bottom: -1rem !important;
  }

  .xxs\:-ml-4{
    margin-left: -1rem !important;
  }

  .xxs\:-mt-5{
    margin-top: -1.25rem !important;
  }

  .xxs\:-mr-5{
    margin-right: -1.25rem !important;
  }

  .xxs\:-mb-5{
    margin-bottom: -1.25rem !important;
  }

  .xxs\:-ml-5{
    margin-left: -1.25rem !important;
  }

  .xxs\:-mt-6{
    margin-top: -1.5rem !important;
  }

  .xxs\:-mr-6{
    margin-right: -1.5rem !important;
  }

  .xxs\:-mb-6{
    margin-bottom: -1.5rem !important;
  }

  .xxs\:-ml-6{
    margin-left: -1.5rem !important;
  }

  .xxs\:-mt-8{
    margin-top: -2rem !important;
  }

  .xxs\:-mr-8{
    margin-right: -2rem !important;
  }

  .xxs\:-mb-8{
    margin-bottom: -2rem !important;
  }

  .xxs\:-ml-8{
    margin-left: -2rem !important;
  }

  .xxs\:-mt-10{
    margin-top: -2.5rem !important;
  }

  .xxs\:-mr-10{
    margin-right: -2.5rem !important;
  }

  .xxs\:-mb-10{
    margin-bottom: -2.5rem !important;
  }

  .xxs\:-ml-10{
    margin-left: -2.5rem !important;
  }

  .xxs\:-mt-12{
    margin-top: -3rem !important;
  }

  .xxs\:-mr-12{
    margin-right: -3rem !important;
  }

  .xxs\:-mb-12{
    margin-bottom: -3rem !important;
  }

  .xxs\:-ml-12{
    margin-left: -3rem !important;
  }

  .xxs\:-mt-16{
    margin-top: -4rem !important;
  }

  .xxs\:-mr-16{
    margin-right: -4rem !important;
  }

  .xxs\:-mb-16{
    margin-bottom: -4rem !important;
  }

  .xxs\:-ml-16{
    margin-left: -4rem !important;
  }

  .xxs\:-mt-20{
    margin-top: -5rem !important;
  }

  .xxs\:-mr-20{
    margin-right: -5rem !important;
  }

  .xxs\:-mb-20{
    margin-bottom: -5rem !important;
  }

  .xxs\:-ml-20{
    margin-left: -5rem !important;
  }

  .xxs\:-mt-24{
    margin-top: -6rem !important;
  }

  .xxs\:-mr-24{
    margin-right: -6rem !important;
  }

  .xxs\:-mb-24{
    margin-bottom: -6rem !important;
  }

  .xxs\:-ml-24{
    margin-left: -6rem !important;
  }

  .xxs\:-mt-28{
    margin-top: -7rem !important;
  }

  .xxs\:-mr-28{
    margin-right: -7rem !important;
  }

  .xxs\:-mb-28{
    margin-bottom: -7rem !important;
  }

  .xxs\:-ml-28{
    margin-left: -7rem !important;
  }

  .xxs\:-mt-32{
    margin-top: -8rem !important;
  }

  .xxs\:-mr-32{
    margin-right: -8rem !important;
  }

  .xxs\:-mb-32{
    margin-bottom: -8rem !important;
  }

  .xxs\:-ml-32{
    margin-left: -8rem !important;
  }

  .xxs\:-mt-40{
    margin-top: -10rem !important;
  }

  .xxs\:-mr-40{
    margin-right: -10rem !important;
  }

  .xxs\:-mb-40{
    margin-bottom: -10rem !important;
  }

  .xxs\:-ml-40{
    margin-left: -10rem !important;
  }

  .xxs\:-mt-48{
    margin-top: -12rem !important;
  }

  .xxs\:-mr-48{
    margin-right: -12rem !important;
  }

  .xxs\:-mb-48{
    margin-bottom: -12rem !important;
  }

  .xxs\:-ml-48{
    margin-left: -12rem !important;
  }

  .xxs\:-mt-56{
    margin-top: -14rem !important;
  }

  .xxs\:-mr-56{
    margin-right: -14rem !important;
  }

  .xxs\:-mb-56{
    margin-bottom: -14rem !important;
  }

  .xxs\:-ml-56{
    margin-left: -14rem !important;
  }

  .xxs\:-mt-64{
    margin-top: -16rem !important;
  }

  .xxs\:-mr-64{
    margin-right: -16rem !important;
  }

  .xxs\:-mb-64{
    margin-bottom: -16rem !important;
  }

  .xxs\:-ml-64{
    margin-left: -16rem !important;
  }

  .xxs\:-mt-px{
    margin-top: -1px !important;
  }

  .xxs\:-mr-px{
    margin-right: -1px !important;
  }

  .xxs\:-mb-px{
    margin-bottom: -1px !important;
  }

  .xxs\:-ml-px{
    margin-left: -1px !important;
  }

  .xxs\:-mt-2px{
    margin-top: -2px !important;
  }

  .xxs\:-mr-2px{
    margin-right: -2px !important;
  }

  .xxs\:-mb-2px{
    margin-bottom: -2px !important;
  }

  .xxs\:-ml-2px{
    margin-left: -2px !important;
  }

  .xxs\:-mt-3px{
    margin-top: -3px !important;
  }

  .xxs\:-mr-3px{
    margin-right: -3px !important;
  }

  .xxs\:-mb-3px{
    margin-bottom: -3px !important;
  }

  .xxs\:-ml-3px{
    margin-left: -3px !important;
  }

  .xxs\:-mt-5px{
    margin-top: -5px !important;
  }

  .xxs\:-mr-5px{
    margin-right: -5px !important;
  }

  .xxs\:-mb-5px{
    margin-bottom: -5px !important;
  }

  .xxs\:-ml-5px{
    margin-left: -5px !important;
  }

  .xxs\:-mt-10px{
    margin-top: -10px !important;
  }

  .xxs\:-mr-10px{
    margin-right: -10px !important;
  }

  .xxs\:-mb-10px{
    margin-bottom: -10px !important;
  }

  .xxs\:-ml-10px{
    margin-left: -10px !important;
  }

  .xxs\:-mt-15px{
    margin-top: -15px !important;
  }

  .xxs\:-mr-15px{
    margin-right: -15px !important;
  }

  .xxs\:-mb-15px{
    margin-bottom: -15px !important;
  }

  .xxs\:-ml-15px{
    margin-left: -15px !important;
  }

  .xxs\:-mt-20px{
    margin-top: -20px !important;
  }

  .xxs\:-mr-20px{
    margin-right: -20px !important;
  }

  .xxs\:-mb-20px{
    margin-bottom: -20px !important;
  }

  .xxs\:-ml-20px{
    margin-left: -20px !important;
  }

  .xxs\:-mt-25px{
    margin-top: -25px !important;
  }

  .xxs\:-mr-25px{
    margin-right: -25px !important;
  }

  .xxs\:-mb-25px{
    margin-bottom: -25px !important;
  }

  .xxs\:-ml-25px{
    margin-left: -25px !important;
  }

  .xxs\:-mt-30px{
    margin-top: -30px !important;
  }

  .xxs\:-mr-30px{
    margin-right: -30px !important;
  }

  .xxs\:-mb-30px{
    margin-bottom: -30px !important;
  }

  .xxs\:-ml-30px{
    margin-left: -30px !important;
  }

  .xxs\:-mt-36px{
    margin-top: -36px !important;
  }

  .xxs\:-mr-36px{
    margin-right: -36px !important;
  }

  .xxs\:-mb-36px{
    margin-bottom: -36px !important;
  }

  .xxs\:-ml-36px{
    margin-left: -36px !important;
  }

  .xxs\:-mt-50px{
    margin-top: -50px !important;
  }

  .xxs\:-mr-50px{
    margin-right: -50px !important;
  }

  .xxs\:-mb-50px{
    margin-bottom: -50px !important;
  }

  .xxs\:-ml-50px{
    margin-left: -50px !important;
  }

  .xxs\:-mt-60px{
    margin-top: -60px !important;
  }

  .xxs\:-mr-60px{
    margin-right: -60px !important;
  }

  .xxs\:-mb-60px{
    margin-bottom: -60px !important;
  }

  .xxs\:-ml-60px{
    margin-left: -60px !important;
  }

  .xxs\:-mt-120px{
    margin-top: -120px !important;
  }

  .xxs\:-mr-120px{
    margin-right: -120px !important;
  }

  .xxs\:-mb-120px{
    margin-bottom: -120px !important;
  }

  .xxs\:-ml-120px{
    margin-left: -120px !important;
  }

  .xxs\:max-h-full{
    max-height: 100% !important;
  }

  .xxs\:max-h-screen{
    max-height: 100vh !important;
  }

  .xxs\:max-h-3\/4{
    max-height: 75% !important;
  }

  .xxs\:max-w-250{
    max-width: 250px !important;
  }

  .xxs\:max-w-440{
    max-width: 440px !important;
  }

  .xxs\:max-w-none{
    max-width: none !important;
  }

  .xxs\:max-w-xs{
    max-width: 20rem !important;
  }

  .xxs\:max-w-sm{
    max-width: 24rem !important;
  }

  .xxs\:max-w-md{
    max-width: 28rem !important;
  }

  .xxs\:max-w-lg{
    max-width: 32rem !important;
  }

  .xxs\:max-w-xl{
    max-width: 36rem !important;
  }

  .xxs\:max-w-2xl{
    max-width: 42rem !important;
  }

  .xxs\:max-w-3xl{
    max-width: 48rem !important;
  }

  .xxs\:max-w-4xl{
    max-width: 56rem !important;
  }

  .xxs\:max-w-5xl{
    max-width: 64rem !important;
  }

  .xxs\:max-w-6xl{
    max-width: 72rem !important;
  }

  .xxs\:max-w-full{
    max-width: 100% !important;
  }

  .xxs\:max-w-screen-sm{
    max-width: 560px !important;
  }

  .xxs\:max-w-screen-md{
    max-width: 768px !important;
  }

  .xxs\:max-w-screen-lg{
    max-width: 1024px !important;
  }

  .xxs\:max-w-screen-xl{
    max-width: 1280px !important;
  }

  .xxs\:max-w-screen-xxs{
    max-width: 320px !important;
  }

  .xxs\:max-w-screen-xs{
    max-width: 360px !important;
  }

  .xxs\:max-w-screen-xxl{
    max-width: 1920px !important;
  }

  .xxs\:min-h-0{
    min-height: 0 !important;
  }

  .xxs\:min-h-full{
    min-height: 100% !important;
  }

  .xxs\:min-h-screen{
    min-height: 100vh !important;
  }

  .xxs\:min-w-0{
    min-width: 0 !important;
  }

  .xxs\:min-w-full{
    min-width: 100% !important;
  }

  .xxs\:object-contain{
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .xxs\:object-cover{
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .xxs\:object-fill{
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .xxs\:object-none{
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .xxs\:object-scale-down{
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .xxs\:object-bottom{
    -o-object-position: bottom !important;
    object-position: bottom !important;
  }

  .xxs\:object-center{
    -o-object-position: center !important;
    object-position: center !important;
  }

  .xxs\:object-left{
    -o-object-position: left !important;
    object-position: left !important;
  }

  .xxs\:object-left-bottom{
    -o-object-position: left bottom !important;
    object-position: left bottom !important;
  }

  .xxs\:object-left-top{
    -o-object-position: left top !important;
    object-position: left top !important;
  }

  .xxs\:object-right{
    -o-object-position: right !important;
    object-position: right !important;
  }

  .xxs\:object-right-bottom{
    -o-object-position: right bottom !important;
    object-position: right bottom !important;
  }

  .xxs\:object-right-top{
    -o-object-position: right top !important;
    object-position: right top !important;
  }

  .xxs\:object-top{
    -o-object-position: top !important;
    object-position: top !important;
  }

  .xxs\:opacity-0{
    opacity: 0 !important;
  }

  .xxs\:opacity-25{
    opacity: 0.25 !important;
  }

  .xxs\:opacity-50{
    opacity: 0.5 !important;
  }

  .xxs\:opacity-75{
    opacity: 0.75 !important;
  }

  .xxs\:opacity-100{
    opacity: 1 !important;
  }

  .xxs\:hover\:opacity-0:hover{
    opacity: 0 !important;
  }

  .xxs\:hover\:opacity-25:hover{
    opacity: 0.25 !important;
  }

  .xxs\:hover\:opacity-50:hover{
    opacity: 0.5 !important;
  }

  .xxs\:hover\:opacity-75:hover{
    opacity: 0.75 !important;
  }

  .xxs\:hover\:opacity-100:hover{
    opacity: 1 !important;
  }

  .xxs\:focus\:opacity-0:focus{
    opacity: 0 !important;
  }

  .xxs\:focus\:opacity-25:focus{
    opacity: 0.25 !important;
  }

  .xxs\:focus\:opacity-50:focus{
    opacity: 0.5 !important;
  }

  .xxs\:focus\:opacity-75:focus{
    opacity: 0.75 !important;
  }

  .xxs\:focus\:opacity-100:focus{
    opacity: 1 !important;
  }

  .xxs\:outline-none{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .xxs\:outline-white{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .xxs\:outline-black{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .xxs\:focus\:outline-none:focus{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .xxs\:focus\:outline-white:focus{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .xxs\:focus\:outline-black:focus{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .xxs\:overflow-auto{
    overflow: auto !important;
  }

  .xxs\:overflow-hidden{
    overflow: hidden !important;
  }

  .xxs\:overflow-visible{
    overflow: visible !important;
  }

  .xxs\:overflow-scroll{
    overflow: scroll !important;
  }

  .xxs\:overflow-x-auto{
    overflow-x: auto !important;
  }

  .xxs\:overflow-y-auto{
    overflow-y: auto !important;
  }

  .xxs\:overflow-x-hidden{
    overflow-x: hidden !important;
  }

  .xxs\:overflow-y-hidden{
    overflow-y: hidden !important;
  }

  .xxs\:overflow-x-visible{
    overflow-x: visible !important;
  }

  .xxs\:overflow-y-visible{
    overflow-y: visible !important;
  }

  .xxs\:overflow-x-scroll{
    overflow-x: scroll !important;
  }

  .xxs\:overflow-y-scroll{
    overflow-y: scroll !important;
  }

  .xxs\:scrolling-touch{
    -webkit-overflow-scrolling: touch !important;
  }

  .xxs\:scrolling-auto{
    -webkit-overflow-scrolling: auto !important;
  }

  .xxs\:overscroll-auto{
    -ms-scroll-chaining: chained !important;
    overscroll-behavior: auto !important;
  }

  .xxs\:overscroll-contain{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: contain !important;
  }

  .xxs\:overscroll-none{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: none !important;
  }

  .xxs\:overscroll-y-auto{
    overscroll-behavior-y: auto !important;
  }

  .xxs\:overscroll-y-contain{
    overscroll-behavior-y: contain !important;
  }

  .xxs\:overscroll-y-none{
    overscroll-behavior-y: none !important;
  }

  .xxs\:overscroll-x-auto{
    overscroll-behavior-x: auto !important;
  }

  .xxs\:overscroll-x-contain{
    overscroll-behavior-x: contain !important;
  }

  .xxs\:overscroll-x-none{
    overscroll-behavior-x: none !important;
  }

  .xxs\:p-0{
    padding: 0 !important;
  }

  .xxs\:p-1{
    padding: 0.25rem !important;
  }

  .xxs\:p-2{
    padding: 0.5rem !important;
  }

  .xxs\:p-3{
    padding: 0.75rem !important;
  }

  .xxs\:p-4{
    padding: 1rem !important;
  }

  .xxs\:p-5{
    padding: 1.25rem !important;
  }

  .xxs\:p-6{
    padding: 1.5rem !important;
  }

  .xxs\:p-8{
    padding: 2rem !important;
  }

  .xxs\:p-10{
    padding: 2.5rem !important;
  }

  .xxs\:p-12{
    padding: 3rem !important;
  }

  .xxs\:p-16{
    padding: 4rem !important;
  }

  .xxs\:p-20{
    padding: 5rem !important;
  }

  .xxs\:p-24{
    padding: 6rem !important;
  }

  .xxs\:p-28{
    padding: 7rem !important;
  }

  .xxs\:p-32{
    padding: 8rem !important;
  }

  .xxs\:p-40{
    padding: 10rem !important;
  }

  .xxs\:p-48{
    padding: 12rem !important;
  }

  .xxs\:p-56{
    padding: 14rem !important;
  }

  .xxs\:p-64{
    padding: 16rem !important;
  }

  .xxs\:p-px{
    padding: 1px !important;
  }

  .xxs\:p-2px{
    padding: 2px !important;
  }

  .xxs\:p-3px{
    padding: 3px !important;
  }

  .xxs\:p-5px{
    padding: 5px !important;
  }

  .xxs\:p-10px{
    padding: 10px !important;
  }

  .xxs\:p-15px{
    padding: 15px !important;
  }

  .xxs\:p-20px{
    padding: 20px !important;
  }

  .xxs\:p-25px{
    padding: 25px !important;
  }

  .xxs\:p-30px{
    padding: 30px !important;
  }

  .xxs\:p-36px{
    padding: 36px !important;
  }

  .xxs\:p-50px{
    padding: 50px !important;
  }

  .xxs\:p-60px{
    padding: 60px !important;
  }

  .xxs\:p-120px{
    padding: 120px !important;
  }

  .xxs\:py-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .xxs\:px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .xxs\:py-1{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .xxs\:px-1{
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .xxs\:py-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .xxs\:px-2{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .xxs\:py-3{
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .xxs\:px-3{
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .xxs\:py-4{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .xxs\:px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .xxs\:py-5{
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .xxs\:px-5{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .xxs\:py-6{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .xxs\:px-6{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .xxs\:py-8{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .xxs\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .xxs\:py-10{
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .xxs\:px-10{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .xxs\:py-12{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .xxs\:px-12{
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .xxs\:py-16{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .xxs\:px-16{
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .xxs\:py-20{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .xxs\:px-20{
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .xxs\:py-24{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .xxs\:px-24{
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .xxs\:py-28{
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .xxs\:px-28{
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .xxs\:py-32{
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .xxs\:px-32{
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .xxs\:py-40{
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .xxs\:px-40{
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .xxs\:py-48{
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .xxs\:px-48{
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .xxs\:py-56{
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }

  .xxs\:px-56{
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .xxs\:py-64{
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }

  .xxs\:px-64{
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .xxs\:py-px{
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .xxs\:px-px{
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .xxs\:py-2px{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .xxs\:px-2px{
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .xxs\:py-3px{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .xxs\:px-3px{
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .xxs\:py-5px{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .xxs\:px-5px{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .xxs\:py-10px{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .xxs\:px-10px{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .xxs\:py-15px{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .xxs\:px-15px{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .xxs\:py-20px{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .xxs\:px-20px{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .xxs\:py-25px{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .xxs\:px-25px{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .xxs\:py-30px{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .xxs\:px-30px{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .xxs\:py-36px{
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .xxs\:px-36px{
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  .xxs\:py-50px{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .xxs\:px-50px{
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .xxs\:py-60px{
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .xxs\:px-60px{
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .xxs\:py-120px{
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .xxs\:px-120px{
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .xxs\:pt-0{
    padding-top: 0 !important;
  }

  .xxs\:pr-0{
    padding-right: 0 !important;
  }

  .xxs\:pb-0{
    padding-bottom: 0 !important;
  }

  .xxs\:pl-0{
    padding-left: 0 !important;
  }

  .xxs\:pt-1{
    padding-top: 0.25rem !important;
  }

  .xxs\:pr-1{
    padding-right: 0.25rem !important;
  }

  .xxs\:pb-1{
    padding-bottom: 0.25rem !important;
  }

  .xxs\:pl-1{
    padding-left: 0.25rem !important;
  }

  .xxs\:pt-2{
    padding-top: 0.5rem !important;
  }

  .xxs\:pr-2{
    padding-right: 0.5rem !important;
  }

  .xxs\:pb-2{
    padding-bottom: 0.5rem !important;
  }

  .xxs\:pl-2{
    padding-left: 0.5rem !important;
  }

  .xxs\:pt-3{
    padding-top: 0.75rem !important;
  }

  .xxs\:pr-3{
    padding-right: 0.75rem !important;
  }

  .xxs\:pb-3{
    padding-bottom: 0.75rem !important;
  }

  .xxs\:pl-3{
    padding-left: 0.75rem !important;
  }

  .xxs\:pt-4{
    padding-top: 1rem !important;
  }

  .xxs\:pr-4{
    padding-right: 1rem !important;
  }

  .xxs\:pb-4{
    padding-bottom: 1rem !important;
  }

  .xxs\:pl-4{
    padding-left: 1rem !important;
  }

  .xxs\:pt-5{
    padding-top: 1.25rem !important;
  }

  .xxs\:pr-5{
    padding-right: 1.25rem !important;
  }

  .xxs\:pb-5{
    padding-bottom: 1.25rem !important;
  }

  .xxs\:pl-5{
    padding-left: 1.25rem !important;
  }

  .xxs\:pt-6{
    padding-top: 1.5rem !important;
  }

  .xxs\:pr-6{
    padding-right: 1.5rem !important;
  }

  .xxs\:pb-6{
    padding-bottom: 1.5rem !important;
  }

  .xxs\:pl-6{
    padding-left: 1.5rem !important;
  }

  .xxs\:pt-8{
    padding-top: 2rem !important;
  }

  .xxs\:pr-8{
    padding-right: 2rem !important;
  }

  .xxs\:pb-8{
    padding-bottom: 2rem !important;
  }

  .xxs\:pl-8{
    padding-left: 2rem !important;
  }

  .xxs\:pt-10{
    padding-top: 2.5rem !important;
  }

  .xxs\:pr-10{
    padding-right: 2.5rem !important;
  }

  .xxs\:pb-10{
    padding-bottom: 2.5rem !important;
  }

  .xxs\:pl-10{
    padding-left: 2.5rem !important;
  }

  .xxs\:pt-12{
    padding-top: 3rem !important;
  }

  .xxs\:pr-12{
    padding-right: 3rem !important;
  }

  .xxs\:pb-12{
    padding-bottom: 3rem !important;
  }

  .xxs\:pl-12{
    padding-left: 3rem !important;
  }

  .xxs\:pt-16{
    padding-top: 4rem !important;
  }

  .xxs\:pr-16{
    padding-right: 4rem !important;
  }

  .xxs\:pb-16{
    padding-bottom: 4rem !important;
  }

  .xxs\:pl-16{
    padding-left: 4rem !important;
  }

  .xxs\:pt-20{
    padding-top: 5rem !important;
  }

  .xxs\:pr-20{
    padding-right: 5rem !important;
  }

  .xxs\:pb-20{
    padding-bottom: 5rem !important;
  }

  .xxs\:pl-20{
    padding-left: 5rem !important;
  }

  .xxs\:pt-24{
    padding-top: 6rem !important;
  }

  .xxs\:pr-24{
    padding-right: 6rem !important;
  }

  .xxs\:pb-24{
    padding-bottom: 6rem !important;
  }

  .xxs\:pl-24{
    padding-left: 6rem !important;
  }

  .xxs\:pt-28{
    padding-top: 7rem !important;
  }

  .xxs\:pr-28{
    padding-right: 7rem !important;
  }

  .xxs\:pb-28{
    padding-bottom: 7rem !important;
  }

  .xxs\:pl-28{
    padding-left: 7rem !important;
  }

  .xxs\:pt-32{
    padding-top: 8rem !important;
  }

  .xxs\:pr-32{
    padding-right: 8rem !important;
  }

  .xxs\:pb-32{
    padding-bottom: 8rem !important;
  }

  .xxs\:pl-32{
    padding-left: 8rem !important;
  }

  .xxs\:pt-40{
    padding-top: 10rem !important;
  }

  .xxs\:pr-40{
    padding-right: 10rem !important;
  }

  .xxs\:pb-40{
    padding-bottom: 10rem !important;
  }

  .xxs\:pl-40{
    padding-left: 10rem !important;
  }

  .xxs\:pt-48{
    padding-top: 12rem !important;
  }

  .xxs\:pr-48{
    padding-right: 12rem !important;
  }

  .xxs\:pb-48{
    padding-bottom: 12rem !important;
  }

  .xxs\:pl-48{
    padding-left: 12rem !important;
  }

  .xxs\:pt-56{
    padding-top: 14rem !important;
  }

  .xxs\:pr-56{
    padding-right: 14rem !important;
  }

  .xxs\:pb-56{
    padding-bottom: 14rem !important;
  }

  .xxs\:pl-56{
    padding-left: 14rem !important;
  }

  .xxs\:pt-64{
    padding-top: 16rem !important;
  }

  .xxs\:pr-64{
    padding-right: 16rem !important;
  }

  .xxs\:pb-64{
    padding-bottom: 16rem !important;
  }

  .xxs\:pl-64{
    padding-left: 16rem !important;
  }

  .xxs\:pt-px{
    padding-top: 1px !important;
  }

  .xxs\:pr-px{
    padding-right: 1px !important;
  }

  .xxs\:pb-px{
    padding-bottom: 1px !important;
  }

  .xxs\:pl-px{
    padding-left: 1px !important;
  }

  .xxs\:pt-2px{
    padding-top: 2px !important;
  }

  .xxs\:pr-2px{
    padding-right: 2px !important;
  }

  .xxs\:pb-2px{
    padding-bottom: 2px !important;
  }

  .xxs\:pl-2px{
    padding-left: 2px !important;
  }

  .xxs\:pt-3px{
    padding-top: 3px !important;
  }

  .xxs\:pr-3px{
    padding-right: 3px !important;
  }

  .xxs\:pb-3px{
    padding-bottom: 3px !important;
  }

  .xxs\:pl-3px{
    padding-left: 3px !important;
  }

  .xxs\:pt-5px{
    padding-top: 5px !important;
  }

  .xxs\:pr-5px{
    padding-right: 5px !important;
  }

  .xxs\:pb-5px{
    padding-bottom: 5px !important;
  }

  .xxs\:pl-5px{
    padding-left: 5px !important;
  }

  .xxs\:pt-10px{
    padding-top: 10px !important;
  }

  .xxs\:pr-10px{
    padding-right: 10px !important;
  }

  .xxs\:pb-10px{
    padding-bottom: 10px !important;
  }

  .xxs\:pl-10px{
    padding-left: 10px !important;
  }

  .xxs\:pt-15px{
    padding-top: 15px !important;
  }

  .xxs\:pr-15px{
    padding-right: 15px !important;
  }

  .xxs\:pb-15px{
    padding-bottom: 15px !important;
  }

  .xxs\:pl-15px{
    padding-left: 15px !important;
  }

  .xxs\:pt-20px{
    padding-top: 20px !important;
  }

  .xxs\:pr-20px{
    padding-right: 20px !important;
  }

  .xxs\:pb-20px{
    padding-bottom: 20px !important;
  }

  .xxs\:pl-20px{
    padding-left: 20px !important;
  }

  .xxs\:pt-25px{
    padding-top: 25px !important;
  }

  .xxs\:pr-25px{
    padding-right: 25px !important;
  }

  .xxs\:pb-25px{
    padding-bottom: 25px !important;
  }

  .xxs\:pl-25px{
    padding-left: 25px !important;
  }

  .xxs\:pt-30px{
    padding-top: 30px !important;
  }

  .xxs\:pr-30px{
    padding-right: 30px !important;
  }

  .xxs\:pb-30px{
    padding-bottom: 30px !important;
  }

  .xxs\:pl-30px{
    padding-left: 30px !important;
  }

  .xxs\:pt-36px{
    padding-top: 36px !important;
  }

  .xxs\:pr-36px{
    padding-right: 36px !important;
  }

  .xxs\:pb-36px{
    padding-bottom: 36px !important;
  }

  .xxs\:pl-36px{
    padding-left: 36px !important;
  }

  .xxs\:pt-50px{
    padding-top: 50px !important;
  }

  .xxs\:pr-50px{
    padding-right: 50px !important;
  }

  .xxs\:pb-50px{
    padding-bottom: 50px !important;
  }

  .xxs\:pl-50px{
    padding-left: 50px !important;
  }

  .xxs\:pt-60px{
    padding-top: 60px !important;
  }

  .xxs\:pr-60px{
    padding-right: 60px !important;
  }

  .xxs\:pb-60px{
    padding-bottom: 60px !important;
  }

  .xxs\:pl-60px{
    padding-left: 60px !important;
  }

  .xxs\:pt-120px{
    padding-top: 120px !important;
  }

  .xxs\:pr-120px{
    padding-right: 120px !important;
  }

  .xxs\:pb-120px{
    padding-bottom: 120px !important;
  }

  .xxs\:pl-120px{
    padding-left: 120px !important;
  }

  .xxs\:placeholder-transparent::-webkit-input-placeholder{
    color: transparent !important;
  }

  .xxs\:placeholder-transparent::-moz-placeholder{
    color: transparent !important;
  }

  .xxs\:placeholder-transparent:-ms-input-placeholder{
    color: transparent !important;
  }

  .xxs\:placeholder-transparent::-ms-input-placeholder{
    color: transparent !important;
  }

  .xxs\:placeholder-transparent::placeholder{
    color: transparent !important;
  }

  .xxs\:placeholder-current::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .xxs\:placeholder-current::-moz-placeholder{
    color: currentColor !important;
  }

  .xxs\:placeholder-current:-ms-input-placeholder{
    color: currentColor !important;
  }

  .xxs\:placeholder-current::-ms-input-placeholder{
    color: currentColor !important;
  }

  .xxs\:placeholder-current::placeholder{
    color: currentColor !important;
  }

  .xxs\:placeholder-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-white::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-white:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-white::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-white::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-red::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-red::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-red:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-red::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-red::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-orange-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-yellow-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-teal-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-blue-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-indigo-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-purple-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-pink-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-primary-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:placeholder-primary-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:placeholder-primary-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:placeholder-primary-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:placeholder-primary-color::placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:placeholder-primary-hover-color::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xxs\:placeholder-primary-hover-color::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .xxs\:placeholder-primary-hover-color:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xxs\:placeholder-primary-hover-color::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xxs\:placeholder-primary-hover-color::placeholder{
    color: var(--hover-color) !important;
  }

  .xxs\:placeholder-gray-body::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-body::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-body:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-body::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-body::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-333::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-333::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-333:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-333::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-333::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-666::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-666::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-666:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-666::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-666::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-888::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-888::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-888:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-888::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-888::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-999::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-999::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-999:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-999::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-999::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-icon::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-icon::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-icon:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-icon::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-icon::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-features::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-features::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-features:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-features::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-features::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-slide-border::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-slide-border::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-slide-border:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-slide-border::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-slide-border::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-sale-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:placeholder-sale-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:placeholder-sale-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:placeholder-sale-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:placeholder-sale-color::placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:placeholder-hit-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-hit-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-hit-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-hit-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-hit-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-new-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-new-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-new-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-new-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-new-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-fb-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-fb-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-fb-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-fb-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-fb-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-fb-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-fb-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-fb-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-fb-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-fb-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-vk-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-vk-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-vk-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-vk-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-vk-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-vk-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-vk-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-vk-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-vk-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-vk-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-insta-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-insta-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-insta-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-insta-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-insta-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-insta-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-insta-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-insta-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-insta-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-insta-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-dc::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-dc::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-dc:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-dc::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-dc::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-cd::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-cd::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-cd:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-cd::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-cd::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-e7::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-e7::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-e7:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-e7::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-gray-e7::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-check-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-check-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-check-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-check-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-check-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-docx-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-docx-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-docx-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-docx-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-docx-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-dark-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-dark-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-dark-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-dark-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-dark-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-green-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-transparent:focus::-webkit-input-placeholder{
    color: transparent !important;
  }

  .xxs\:focus\:placeholder-transparent:focus::-moz-placeholder{
    color: transparent !important;
  }

  .xxs\:focus\:placeholder-transparent:focus:-ms-input-placeholder{
    color: transparent !important;
  }

  .xxs\:focus\:placeholder-transparent:focus::-ms-input-placeholder{
    color: transparent !important;
  }

  .xxs\:focus\:placeholder-transparent:focus::placeholder{
    color: transparent !important;
  }

  .xxs\:focus\:placeholder-current:focus::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .xxs\:focus\:placeholder-current:focus::-moz-placeholder{
    color: currentColor !important;
  }

  .xxs\:focus\:placeholder-current:focus:-ms-input-placeholder{
    color: currentColor !important;
  }

  .xxs\:focus\:placeholder-current:focus::-ms-input-placeholder{
    color: currentColor !important;
  }

  .xxs\:focus\:placeholder-current:focus::placeholder{
    color: currentColor !important;
  }

  .xxs\:focus\:placeholder-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-white:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-white:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-red:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-red:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-red:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-red:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-orange-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-teal-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-blue-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-indigo-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-purple-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-pink-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-primary-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:focus\:placeholder-primary-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:focus\:placeholder-primary-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:focus\:placeholder-primary-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:focus\:placeholder-primary-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:focus\:placeholder-primary-hover-color:focus::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xxs\:focus\:placeholder-primary-hover-color:focus::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .xxs\:focus\:placeholder-primary-hover-color:focus:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xxs\:focus\:placeholder-primary-hover-color:focus::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xxs\:focus\:placeholder-primary-hover-color:focus::placeholder{
    color: var(--hover-color) !important;
  }

  .xxs\:focus\:placeholder-gray-body:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-body:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-body:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-body:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-body:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-333:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-333:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-333:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-333:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-333:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-666:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-666:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-666:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-666:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-666:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-888:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-888:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-888:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-888:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-888:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-999:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-999:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-999:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-999:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-999:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-icon:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-icon:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-icon:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-icon:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-icon:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-features:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-features:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-features:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-features:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-features:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-slide-border:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-slide-border:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-slide-border:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-slide-border:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-slide-border:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-sale-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:focus\:placeholder-sale-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:focus\:placeholder-sale-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:focus\:placeholder-sale-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:focus\:placeholder-sale-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .xxs\:focus\:placeholder-hit-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-hit-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-hit-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-hit-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-hit-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-new-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-new-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-new-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-new-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-new-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-fb-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-fb-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-fb-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-fb-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-fb-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-fb-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-fb-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-fb-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-fb-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-fb-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-vk-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-vk-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-vk-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-vk-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-vk-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-vk-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-vk-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-vk-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-vk-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-vk-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-insta-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-insta-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-insta-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-insta-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-insta-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-insta-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-insta-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-insta-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-insta-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-insta-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-dc:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-dc:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-dc:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-dc:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-dc:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-cd:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-cd:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-cd:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-cd:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-cd:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-e7:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-e7:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-e7:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-e7:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-gray-e7:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-check-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-check-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-check-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-check-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-check-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-docx-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-docx-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-docx-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-docx-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-docx-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-dark-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-dark-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-dark-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-dark-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-dark-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxs\:focus\:placeholder-green-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxs\:placeholder-opacity-0::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxs\:placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxs\:placeholder-opacity-0:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxs\:placeholder-opacity-0::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxs\:placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxs\:placeholder-opacity-25::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxs\:placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxs\:placeholder-opacity-25:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxs\:placeholder-opacity-25::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxs\:placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxs\:placeholder-opacity-50::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxs\:placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxs\:placeholder-opacity-50:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxs\:placeholder-opacity-50::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxs\:placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxs\:placeholder-opacity-75::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxs\:placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxs\:placeholder-opacity-75:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxs\:placeholder-opacity-75::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxs\:placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxs\:placeholder-opacity-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxs\:placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxs\:placeholder-opacity-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxs\:placeholder-opacity-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxs\:placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxs\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxs\:focus\:placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxs\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxs\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxs\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxs\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxs\:focus\:placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxs\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxs\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxs\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxs\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxs\:focus\:placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxs\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxs\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxs\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxs\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxs\:focus\:placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxs\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxs\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxs\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxs\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxs\:focus\:placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxs\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxs\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxs\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxs\:pointer-events-none{
    pointer-events: none !important;
  }

  .xxs\:pointer-events-auto{
    pointer-events: auto !important;
  }

  .xxs\:static{
    position: static !important;
  }

  .xxs\:fixed{
    position: fixed !important;
  }

  .xxs\:absolute{
    position: absolute !important;
  }

  .xxs\:relative{
    position: relative !important;
  }

  .xxs\:sticky{
    position: sticky !important;
  }

  .xxs\:inset-0{
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }

  .xxs\:inset-auto{
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }

  .xxs\:inset-1\/2{
    top: 50% !important;
    right: 50% !important;
    bottom: 50% !important;
    left: 50% !important;
  }

  .xxs\:inset-100\%{
    top: 100% !important;
    right: 100% !important;
    bottom: 100% !important;
    left: 100% !important;
  }

  .xxs\:inset-px{
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
  }

  .xxs\:inset-2px{
    top: 2px !important;
    right: 2px !important;
    bottom: 2px !important;
    left: 2px !important;
  }

  .xxs\:inset-4px{
    top: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    left: 4px !important;
  }

  .xxs\:inset-10px{
    top: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
  }

  .xxs\:inset-y-0{
    top: 0 !important;
    bottom: 0 !important;
  }

  .xxs\:inset-x-0{
    right: 0 !important;
    left: 0 !important;
  }

  .xxs\:inset-y-auto{
    top: auto !important;
    bottom: auto !important;
  }

  .xxs\:inset-x-auto{
    right: auto !important;
    left: auto !important;
  }

  .xxs\:inset-y-1\/2{
    top: 50% !important;
    bottom: 50% !important;
  }

  .xxs\:inset-x-1\/2{
    right: 50% !important;
    left: 50% !important;
  }

  .xxs\:inset-y-100\%{
    top: 100% !important;
    bottom: 100% !important;
  }

  .xxs\:inset-x-100\%{
    right: 100% !important;
    left: 100% !important;
  }

  .xxs\:inset-y-px{
    top: 1px !important;
    bottom: 1px !important;
  }

  .xxs\:inset-x-px{
    right: 1px !important;
    left: 1px !important;
  }

  .xxs\:inset-y-2px{
    top: 2px !important;
    bottom: 2px !important;
  }

  .xxs\:inset-x-2px{
    right: 2px !important;
    left: 2px !important;
  }

  .xxs\:inset-y-4px{
    top: 4px !important;
    bottom: 4px !important;
  }

  .xxs\:inset-x-4px{
    right: 4px !important;
    left: 4px !important;
  }

  .xxs\:inset-y-10px{
    top: 10px !important;
    bottom: 10px !important;
  }

  .xxs\:inset-x-10px{
    right: 10px !important;
    left: 10px !important;
  }

  .xxs\:top-0{
    top: 0 !important;
  }

  .xxs\:right-0{
    right: 0 !important;
  }

  .xxs\:bottom-0{
    bottom: 0 !important;
  }

  .xxs\:left-0{
    left: 0 !important;
  }

  .xxs\:top-auto{
    top: auto !important;
  }

  .xxs\:right-auto{
    right: auto !important;
  }

  .xxs\:bottom-auto{
    bottom: auto !important;
  }

  .xxs\:left-auto{
    left: auto !important;
  }

  .xxs\:top-1\/2{
    top: 50% !important;
  }

  .xxs\:right-1\/2{
    right: 50% !important;
  }

  .xxs\:bottom-1\/2{
    bottom: 50% !important;
  }

  .xxs\:left-1\/2{
    left: 50% !important;
  }

  .xxs\:top-100\%{
    top: 100% !important;
  }

  .xxs\:right-100\%{
    right: 100% !important;
  }

  .xxs\:bottom-100\%{
    bottom: 100% !important;
  }

  .xxs\:left-100\%{
    left: 100% !important;
  }

  .xxs\:top-px{
    top: 1px !important;
  }

  .xxs\:right-px{
    right: 1px !important;
  }

  .xxs\:bottom-px{
    bottom: 1px !important;
  }

  .xxs\:left-px{
    left: 1px !important;
  }

  .xxs\:top-2px{
    top: 2px !important;
  }

  .xxs\:right-2px{
    right: 2px !important;
  }

  .xxs\:bottom-2px{
    bottom: 2px !important;
  }

  .xxs\:left-2px{
    left: 2px !important;
  }

  .xxs\:top-4px{
    top: 4px !important;
  }

  .xxs\:right-4px{
    right: 4px !important;
  }

  .xxs\:bottom-4px{
    bottom: 4px !important;
  }

  .xxs\:left-4px{
    left: 4px !important;
  }

  .xxs\:top-10px{
    top: 10px !important;
  }

  .xxs\:right-10px{
    right: 10px !important;
  }

  .xxs\:bottom-10px{
    bottom: 10px !important;
  }

  .xxs\:left-10px{
    left: 10px !important;
  }

  .xxs\:resize-none{
    resize: none !important;
  }

  .xxs\:resize-y{
    resize: vertical !important;
  }

  .xxs\:resize-x{
    resize: horizontal !important;
  }

  .xxs\:resize{
    resize: both !important;
  }

  .xxs\:shadow-xs{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .xxs\:shadow-sm{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .xxs\:shadow{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xxs\:shadow-md{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .xxs\:shadow-lg{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .xxs\:shadow-xl{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .xxs\:shadow-2xl{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .xxs\:shadow-inner{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xxs\:shadow-outline{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .xxs\:shadow-none{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .xxs\:shadow-btn-hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .xxs\:shadow-hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .xxs\:shadow-filter{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .xxs\:shadow-menu{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .xxs\:hover\:shadow-xs:hover{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .xxs\:hover\:shadow-sm:hover{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .xxs\:hover\:shadow:hover{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xxs\:hover\:shadow-md:hover{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .xxs\:hover\:shadow-lg:hover{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .xxs\:hover\:shadow-xl:hover{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .xxs\:hover\:shadow-2xl:hover{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .xxs\:hover\:shadow-inner:hover{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xxs\:hover\:shadow-outline:hover{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .xxs\:hover\:shadow-none:hover{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .xxs\:hover\:shadow-btn-hover:hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .xxs\:hover\:shadow-hover:hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .xxs\:hover\:shadow-filter:hover{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .xxs\:hover\:shadow-menu:hover{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .xxs\:focus\:shadow-xs:focus{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .xxs\:focus\:shadow-sm:focus{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .xxs\:focus\:shadow:focus{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xxs\:focus\:shadow-md:focus{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .xxs\:focus\:shadow-lg:focus{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .xxs\:focus\:shadow-xl:focus{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .xxs\:focus\:shadow-2xl:focus{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .xxs\:focus\:shadow-inner:focus{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xxs\:focus\:shadow-outline:focus{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .xxs\:focus\:shadow-none:focus{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .xxs\:focus\:shadow-btn-hover:focus{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .xxs\:focus\:shadow-hover:focus{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .xxs\:focus\:shadow-filter:focus{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .xxs\:focus\:shadow-menu:focus{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .xxs\:fill-current{
    fill: currentColor !important;
  }

  .xxs\:fill-primary-color{
    fill: var(--primary-color) !important;
  }

  .xxs\:fill-primary-hover-color{
    fill: var(--hover-color) !important;
  }

  .xxs\:fill-ordinary{
    fill: #333333 !important;
  }

  .xxs\:fill-no-active{
    fill: #888888 !important;
  }

  .xxs\:fill-white{
    fill: #ffffff !important;
  }

  .xxs\:stroke-current{
    stroke: currentColor !important;
  }

  .xxs\:stroke-primary-color{
    stroke: var(--primary-color) !important;
  }

  .xxs\:stroke-primary-hover-color{
    stroke: var(--hover-color) !important;
  }

  .xxs\:stroke-0{
    stroke-width: 0 !important;
  }

  .xxs\:stroke-1{
    stroke-width: 1 !important;
  }

  .xxs\:stroke-2{
    stroke-width: 2 !important;
  }

  .xxs\:stroke-12{
    stroke-width: 12 !important;
  }

  .xxs\:stroke-20{
    stroke-width: 20 !important;
  }

  .xxs\:table-auto{
    table-layout: auto !important;
  }

  .xxs\:table-fixed{
    table-layout: fixed !important;
  }

  .xxs\:text-left{
    text-align: left !important;
  }

  .xxs\:text-center{
    text-align: center !important;
  }

  .xxs\:text-right{
    text-align: right !important;
  }

  .xxs\:text-justify{
    text-align: justify !important;
  }

  .xxs\:text-transparent{
    color: transparent !important;
  }

  .xxs\:text-current{
    color: currentColor !important;
  }

  .xxs\:text-black{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xxs\:text-white{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-100{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-200{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-300{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-400{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-500{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-600{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-700{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-800{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-900{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .xxs\:text-red{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .xxs\:text-orange-100{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .xxs\:text-orange-200{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .xxs\:text-orange-300{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .xxs\:text-orange-400{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .xxs\:text-orange-500{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .xxs\:text-orange-600{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .xxs\:text-orange-700{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .xxs\:text-orange-800{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .xxs\:text-orange-900{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .xxs\:text-yellow-100{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .xxs\:text-yellow-200{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .xxs\:text-yellow-300{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .xxs\:text-yellow-400{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .xxs\:text-yellow-500{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .xxs\:text-yellow-600{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .xxs\:text-yellow-700{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .xxs\:text-yellow-800{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .xxs\:text-yellow-900{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .xxs\:text-green-100{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .xxs\:text-green-200{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .xxs\:text-green-300{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .xxs\:text-green-400{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .xxs\:text-green-500{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .xxs\:text-green-600{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .xxs\:text-green-700{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .xxs\:text-green-800{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .xxs\:text-green-900{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .xxs\:text-teal-100{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .xxs\:text-teal-200{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .xxs\:text-teal-300{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .xxs\:text-teal-400{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .xxs\:text-teal-500{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .xxs\:text-teal-600{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .xxs\:text-teal-700{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .xxs\:text-teal-800{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .xxs\:text-teal-900{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .xxs\:text-blue-100{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .xxs\:text-blue-200{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .xxs\:text-blue-300{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .xxs\:text-blue-400{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .xxs\:text-blue-500{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .xxs\:text-blue-600{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .xxs\:text-blue-700{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .xxs\:text-blue-800{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .xxs\:text-blue-900{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .xxs\:text-indigo-100{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .xxs\:text-indigo-200{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .xxs\:text-indigo-300{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .xxs\:text-indigo-400{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .xxs\:text-indigo-500{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .xxs\:text-indigo-600{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .xxs\:text-indigo-700{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .xxs\:text-indigo-800{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .xxs\:text-indigo-900{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .xxs\:text-purple-100{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .xxs\:text-purple-200{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .xxs\:text-purple-300{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .xxs\:text-purple-400{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .xxs\:text-purple-500{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .xxs\:text-purple-600{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .xxs\:text-purple-700{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .xxs\:text-purple-800{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .xxs\:text-purple-900{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .xxs\:text-pink-100{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .xxs\:text-pink-200{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .xxs\:text-pink-300{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .xxs\:text-pink-400{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .xxs\:text-pink-500{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .xxs\:text-pink-600{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .xxs\:text-pink-700{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .xxs\:text-pink-800{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .xxs\:text-pink-900{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .xxs\:text-primary-color{
    color: var(--primary-color) !important;
  }

  .xxs\:text-primary-hover-color{
    color: var(--hover-color) !important;
  }

  .xxs\:text-gray-body{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-light{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-333{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-666{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-888{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-999{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-icon{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-features{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .xxs\:text-slide-border{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .xxs\:text-sale-color{
    color: var(--primary-color) !important;
  }

  .xxs\:text-hit-color{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .xxs\:text-new-color{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .xxs\:text-fb-hover-color{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .xxs\:text-fb-active-color{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .xxs\:text-vk-hover-color{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .xxs\:text-vk-active-color{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .xxs\:text-insta-hover-color{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .xxs\:text-insta-active-color{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-dc{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-cd{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .xxs\:text-gray-e7{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .xxs\:text-check-color{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .xxs\:text-docx-color{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .xxs\:text-dark-black{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .xxs\:text-green-light{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-transparent:hover{
    color: transparent !important;
  }

  .xxs\:hover\:text-current:hover{
    color: currentColor !important;
  }

  .xxs\:hover\:text-black:hover{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-white:hover{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-100:hover{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-200:hover{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-300:hover{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-400:hover{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-500:hover{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-600:hover{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-700:hover{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-800:hover{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-900:hover{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-red:hover{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-orange-100:hover{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-orange-200:hover{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-orange-300:hover{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-orange-400:hover{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-orange-500:hover{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-orange-600:hover{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-orange-700:hover{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-orange-800:hover{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-orange-900:hover{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-yellow-100:hover{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-yellow-200:hover{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-yellow-300:hover{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-yellow-400:hover{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-yellow-500:hover{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-yellow-600:hover{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-yellow-700:hover{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-yellow-800:hover{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-yellow-900:hover{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-green-100:hover{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-green-200:hover{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-green-300:hover{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-green-400:hover{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-green-500:hover{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-green-600:hover{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-green-700:hover{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-green-800:hover{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-green-900:hover{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-teal-100:hover{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-teal-200:hover{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-teal-300:hover{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-teal-400:hover{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-teal-500:hover{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-teal-600:hover{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-teal-700:hover{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-teal-800:hover{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-teal-900:hover{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-blue-100:hover{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-blue-200:hover{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-blue-300:hover{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-blue-400:hover{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-blue-500:hover{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-blue-600:hover{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-blue-700:hover{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-blue-800:hover{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-blue-900:hover{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-indigo-100:hover{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-indigo-200:hover{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-indigo-300:hover{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-indigo-400:hover{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-indigo-500:hover{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-indigo-600:hover{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-indigo-700:hover{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-indigo-800:hover{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-indigo-900:hover{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-purple-100:hover{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-purple-200:hover{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-purple-300:hover{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-purple-400:hover{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-purple-500:hover{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-purple-600:hover{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-purple-700:hover{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-purple-800:hover{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-purple-900:hover{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-pink-100:hover{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-pink-200:hover{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-pink-300:hover{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-pink-400:hover{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-pink-500:hover{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-pink-600:hover{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-pink-700:hover{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-pink-800:hover{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-pink-900:hover{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-primary-color:hover{
    color: var(--primary-color) !important;
  }

  .xxs\:hover\:text-primary-hover-color:hover{
    color: var(--hover-color) !important;
  }

  .xxs\:hover\:text-gray-body:hover{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-light:hover{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-333:hover{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-666:hover{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-888:hover{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-999:hover{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-icon:hover{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-features:hover{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-slide-border:hover{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-sale-color:hover{
    color: var(--primary-color) !important;
  }

  .xxs\:hover\:text-hit-color:hover{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-new-color:hover{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-fb-hover-color:hover{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-fb-active-color:hover{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-vk-hover-color:hover{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-vk-active-color:hover{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-insta-hover-color:hover{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-insta-active-color:hover{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-dc:hover{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-cd:hover{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-gray-e7:hover{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-check-color:hover{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-docx-color:hover{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-dark-black:hover{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .xxs\:hover\:text-green-light:hover{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-transparent:focus{
    color: transparent !important;
  }

  .xxs\:focus\:text-current:focus{
    color: currentColor !important;
  }

  .xxs\:focus\:text-black:focus{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-white:focus{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-100:focus{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-200:focus{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-300:focus{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-400:focus{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-500:focus{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-600:focus{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-700:focus{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-800:focus{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-900:focus{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-red:focus{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-orange-100:focus{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-orange-200:focus{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-orange-300:focus{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-orange-400:focus{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-orange-500:focus{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-orange-600:focus{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-orange-700:focus{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-orange-800:focus{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-orange-900:focus{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-yellow-100:focus{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-yellow-200:focus{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-yellow-300:focus{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-yellow-400:focus{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-yellow-500:focus{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-yellow-600:focus{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-yellow-700:focus{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-yellow-800:focus{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-yellow-900:focus{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-green-100:focus{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-green-200:focus{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-green-300:focus{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-green-400:focus{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-green-500:focus{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-green-600:focus{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-green-700:focus{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-green-800:focus{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-green-900:focus{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-teal-100:focus{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-teal-200:focus{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-teal-300:focus{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-teal-400:focus{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-teal-500:focus{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-teal-600:focus{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-teal-700:focus{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-teal-800:focus{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-teal-900:focus{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-blue-100:focus{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-blue-200:focus{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-blue-300:focus{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-blue-400:focus{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-blue-500:focus{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-blue-600:focus{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-blue-700:focus{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-blue-800:focus{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-blue-900:focus{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-indigo-100:focus{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-indigo-200:focus{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-indigo-300:focus{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-indigo-400:focus{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-indigo-500:focus{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-indigo-600:focus{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-indigo-700:focus{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-indigo-800:focus{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-indigo-900:focus{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-purple-100:focus{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-purple-200:focus{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-purple-300:focus{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-purple-400:focus{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-purple-500:focus{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-purple-600:focus{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-purple-700:focus{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-purple-800:focus{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-purple-900:focus{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-pink-100:focus{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-pink-200:focus{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-pink-300:focus{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-pink-400:focus{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-pink-500:focus{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-pink-600:focus{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-pink-700:focus{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-pink-800:focus{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-pink-900:focus{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-primary-color:focus{
    color: var(--primary-color) !important;
  }

  .xxs\:focus\:text-primary-hover-color:focus{
    color: var(--hover-color) !important;
  }

  .xxs\:focus\:text-gray-body:focus{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-light:focus{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-333:focus{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-666:focus{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-888:focus{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-999:focus{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-icon:focus{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-features:focus{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-slide-border:focus{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-sale-color:focus{
    color: var(--primary-color) !important;
  }

  .xxs\:focus\:text-hit-color:focus{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-new-color:focus{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-fb-hover-color:focus{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-fb-active-color:focus{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-vk-hover-color:focus{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-vk-active-color:focus{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-insta-hover-color:focus{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-insta-active-color:focus{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-dc:focus{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-cd:focus{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-gray-e7:focus{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-check-color:focus{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-docx-color:focus{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-dark-black:focus{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .xxs\:focus\:text-green-light:focus{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .xxs\:text-opacity-0{
    --text-opacity: 0 !important;
  }

  .xxs\:text-opacity-25{
    --text-opacity: 0.25 !important;
  }

  .xxs\:text-opacity-50{
    --text-opacity: 0.5 !important;
  }

  .xxs\:text-opacity-75{
    --text-opacity: 0.75 !important;
  }

  .xxs\:text-opacity-100{
    --text-opacity: 1 !important;
  }

  .xxs\:hover\:text-opacity-0:hover{
    --text-opacity: 0 !important;
  }

  .xxs\:hover\:text-opacity-25:hover{
    --text-opacity: 0.25 !important;
  }

  .xxs\:hover\:text-opacity-50:hover{
    --text-opacity: 0.5 !important;
  }

  .xxs\:hover\:text-opacity-75:hover{
    --text-opacity: 0.75 !important;
  }

  .xxs\:hover\:text-opacity-100:hover{
    --text-opacity: 1 !important;
  }

  .xxs\:focus\:text-opacity-0:focus{
    --text-opacity: 0 !important;
  }

  .xxs\:focus\:text-opacity-25:focus{
    --text-opacity: 0.25 !important;
  }

  .xxs\:focus\:text-opacity-50:focus{
    --text-opacity: 0.5 !important;
  }

  .xxs\:focus\:text-opacity-75:focus{
    --text-opacity: 0.75 !important;
  }

  .xxs\:focus\:text-opacity-100:focus{
    --text-opacity: 1 !important;
  }

  .xxs\:italic{
    font-style: italic !important;
  }

  .xxs\:not-italic{
    font-style: normal !important;
  }

  .xxs\:uppercase{
    text-transform: uppercase !important;
  }

  .xxs\:lowercase{
    text-transform: lowercase !important;
  }

  .xxs\:capitalize{
    text-transform: capitalize !important;
  }

  .xxs\:normal-case{
    text-transform: none !important;
  }

  .xxs\:underline{
    text-decoration: underline !important;
  }

  .xxs\:line-through{
    text-decoration: line-through !important;
  }

  .xxs\:no-underline{
    text-decoration: none !important;
  }

  .xxs\:hover\:underline:hover{
    text-decoration: underline !important;
  }

  .xxs\:hover\:line-through:hover{
    text-decoration: line-through !important;
  }

  .xxs\:hover\:no-underline:hover{
    text-decoration: none !important;
  }

  .xxs\:focus\:underline:focus{
    text-decoration: underline !important;
  }

  .xxs\:focus\:line-through:focus{
    text-decoration: line-through !important;
  }

  .xxs\:focus\:no-underline:focus{
    text-decoration: none !important;
  }

  .xxs\:antialiased{
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .xxs\:subpixel-antialiased{
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
  }

  .xxs\:ordinal, .xxs\:slashed-zero, .xxs\:lining-nums, .xxs\:oldstyle-nums, .xxs\:proportional-nums, .xxs\:tabular-nums, .xxs\:diagonal-fractions, .xxs\:stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
  }

  .xxs\:normal-nums{
    font-variant-numeric: normal !important;
  }

  .xxs\:ordinal{
    --font-variant-numeric-ordinal: ordinal !important;
  }

  .xxs\:slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero !important;
  }

  .xxs\:lining-nums{
    --font-variant-numeric-figure: lining-nums !important;
  }

  .xxs\:oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums !important;
  }

  .xxs\:proportional-nums{
    --font-variant-numeric-spacing: proportional-nums !important;
  }

  .xxs\:tabular-nums{
    --font-variant-numeric-spacing: tabular-nums !important;
  }

  .xxs\:diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions !important;
  }

  .xxs\:stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions !important;
  }

  .xxs\:tracking-tighter{
    letter-spacing: -0.05em !important;
  }

  .xxs\:tracking-tight{
    letter-spacing: -0.025em !important;
  }

  .xxs\:tracking-normal{
    letter-spacing: 0 !important;
  }

  .xxs\:tracking-wide{
    letter-spacing: 0.025em !important;
  }

  .xxs\:tracking-wider{
    letter-spacing: 0.05em !important;
  }

  .xxs\:tracking-widest{
    letter-spacing: 0.1em !important;
  }

  .xxs\:select-none{
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
  }

  .xxs\:select-text{
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
  }

  .xxs\:select-all{
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
  }

  .xxs\:select-auto{
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
  }

  .xxs\:align-baseline{
    vertical-align: baseline !important;
  }

  .xxs\:align-top{
    vertical-align: top !important;
  }

  .xxs\:align-middle{
    vertical-align: middle !important;
  }

  .xxs\:align-bottom{
    vertical-align: bottom !important;
  }

  .xxs\:align-text-top{
    vertical-align: text-top !important;
  }

  .xxs\:align-text-bottom{
    vertical-align: text-bottom !important;
  }

  .xxs\:visible{
    visibility: visible !important;
  }

  .xxs\:invisible{
    visibility: hidden !important;
  }

  .xxs\:whitespace-normal{
    white-space: normal !important;
  }

  .xxs\:whitespace-no-wrap{
    white-space: nowrap !important;
  }

  .xxs\:whitespace-pre{
    white-space: pre !important;
  }

  .xxs\:whitespace-pre-line{
    white-space: pre-line !important;
  }

  .xxs\:whitespace-pre-wrap{
    white-space: pre-wrap !important;
  }

  .xxs\:break-normal{
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .xxs\:break-words{
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .xxs\:break-all{
    word-break: break-all !important;
  }

  .xxs\:truncate{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .xxs\:w-0{
    width: 0 !important;
  }

  .xxs\:w-1{
    width: 0.25rem !important;
  }

  .xxs\:w-2{
    width: 0.5rem !important;
  }

  .xxs\:w-3{
    width: 0.75rem !important;
  }

  .xxs\:w-4{
    width: 1rem !important;
  }

  .xxs\:w-5{
    width: 1.25rem !important;
  }

  .xxs\:w-6{
    width: 1.5rem !important;
  }

  .xxs\:w-8{
    width: 2rem !important;
  }

  .xxs\:w-10{
    width: 2.5rem !important;
  }

  .xxs\:w-12{
    width: 3rem !important;
  }

  .xxs\:w-16{
    width: 4rem !important;
  }

  .xxs\:w-20{
    width: 5rem !important;
  }

  .xxs\:w-24{
    width: 6rem !important;
  }

  .xxs\:w-28{
    width: 7rem !important;
  }

  .xxs\:w-32{
    width: 8rem !important;
  }

  .xxs\:w-40{
    width: 10rem !important;
  }

  .xxs\:w-48{
    width: 12rem !important;
  }

  .xxs\:w-56{
    width: 14rem !important;
  }

  .xxs\:w-64{
    width: 16rem !important;
  }

  .xxs\:w-auto{
    width: auto !important;
  }

  .xxs\:w-px{
    width: 1px !important;
  }

  .xxs\:w-2px{
    width: 2px !important;
  }

  .xxs\:w-3px{
    width: 3px !important;
  }

  .xxs\:w-5px{
    width: 5px !important;
  }

  .xxs\:w-10px{
    width: 10px !important;
  }

  .xxs\:w-15px{
    width: 15px !important;
  }

  .xxs\:w-20px{
    width: 20px !important;
  }

  .xxs\:w-25px{
    width: 25px !important;
  }

  .xxs\:w-30px{
    width: 30px !important;
  }

  .xxs\:w-36px{
    width: 36px !important;
  }

  .xxs\:w-50px{
    width: 50px !important;
  }

  .xxs\:w-60px{
    width: 60px !important;
  }

  .xxs\:w-120px{
    width: 120px !important;
  }

  .xxs\:w-1\/2{
    width: 50% !important;
  }

  .xxs\:w-1\/3{
    width: 33.333333% !important;
  }

  .xxs\:w-2\/3{
    width: 66.666667% !important;
  }

  .xxs\:w-1\/4{
    width: 25% !important;
  }

  .xxs\:w-2\/4{
    width: 50% !important;
  }

  .xxs\:w-3\/4{
    width: 75% !important;
  }

  .xxs\:w-1\/5{
    width: 20% !important;
  }

  .xxs\:w-2\/5{
    width: 40% !important;
  }

  .xxs\:w-3\/5{
    width: 60% !important;
  }

  .xxs\:w-4\/5{
    width: 80% !important;
  }

  .xxs\:w-1\/6{
    width: 16.666667% !important;
  }

  .xxs\:w-2\/6{
    width: 33.333333% !important;
  }

  .xxs\:w-3\/6{
    width: 50% !important;
  }

  .xxs\:w-4\/6{
    width: 66.666667% !important;
  }

  .xxs\:w-5\/6{
    width: 83.333333% !important;
  }

  .xxs\:w-1\/12{
    width: 8.333333% !important;
  }

  .xxs\:w-2\/12{
    width: 16.666667% !important;
  }

  .xxs\:w-3\/12{
    width: 25% !important;
  }

  .xxs\:w-4\/12{
    width: 33.333333% !important;
  }

  .xxs\:w-5\/12{
    width: 41.666667% !important;
  }

  .xxs\:w-6\/12{
    width: 50% !important;
  }

  .xxs\:w-7\/12{
    width: 58.333333% !important;
  }

  .xxs\:w-8\/12{
    width: 66.666667% !important;
  }

  .xxs\:w-9\/12{
    width: 75% !important;
  }

  .xxs\:w-10\/12{
    width: 83.333333% !important;
  }

  .xxs\:w-11\/12{
    width: 91.666667% !important;
  }

  .xxs\:w-full{
    width: 100% !important;
  }

  .xxs\:w-screen{
    width: 100vw !important;
  }

  .xxs\:z-0{
    z-index: 0 !important;
  }

  .xxs\:z-3{
    z-index: 3 !important;
  }

  .xxs\:z-10{
    z-index: 10 !important;
  }

  .xxs\:z-15{
    z-index: 15 !important;
  }

  .xxs\:z-20{
    z-index: 20 !important;
  }

  .xxs\:z-30{
    z-index: 30 !important;
  }

  .xxs\:z-40{
    z-index: 40 !important;
  }

  .xxs\:z-50{
    z-index: 50 !important;
  }

  .xxs\:z-auto{
    z-index: auto !important;
  }

  .xxs\:gap-0{
    grid-gap: 0 !important;
    gap: 0 !important;
  }

  .xxs\:gap-1{
    grid-gap: 0.25rem !important;
    gap: 0.25rem !important;
  }

  .xxs\:gap-2{
    grid-gap: 0.5rem !important;
    gap: 0.5rem !important;
  }

  .xxs\:gap-3{
    grid-gap: 0.75rem !important;
    gap: 0.75rem !important;
  }

  .xxs\:gap-4{
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }

  .xxs\:gap-5{
    grid-gap: 1.25rem !important;
    gap: 1.25rem !important;
  }

  .xxs\:gap-6{
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important;
  }

  .xxs\:gap-8{
    grid-gap: 2rem !important;
    gap: 2rem !important;
  }

  .xxs\:gap-10{
    grid-gap: 2.5rem !important;
    gap: 2.5rem !important;
  }

  .xxs\:gap-12{
    grid-gap: 3rem !important;
    gap: 3rem !important;
  }

  .xxs\:gap-16{
    grid-gap: 4rem !important;
    gap: 4rem !important;
  }

  .xxs\:gap-20{
    grid-gap: 5rem !important;
    gap: 5rem !important;
  }

  .xxs\:gap-24{
    grid-gap: 6rem !important;
    gap: 6rem !important;
  }

  .xxs\:gap-28{
    grid-gap: 7rem !important;
    gap: 7rem !important;
  }

  .xxs\:gap-32{
    grid-gap: 8rem !important;
    gap: 8rem !important;
  }

  .xxs\:gap-40{
    grid-gap: 10rem !important;
    gap: 10rem !important;
  }

  .xxs\:gap-48{
    grid-gap: 12rem !important;
    gap: 12rem !important;
  }

  .xxs\:gap-56{
    grid-gap: 14rem !important;
    gap: 14rem !important;
  }

  .xxs\:gap-64{
    grid-gap: 16rem !important;
    gap: 16rem !important;
  }

  .xxs\:gap-px{
    grid-gap: 1px !important;
    gap: 1px !important;
  }

  .xxs\:gap-2px{
    grid-gap: 2px !important;
    gap: 2px !important;
  }

  .xxs\:gap-3px{
    grid-gap: 3px !important;
    gap: 3px !important;
  }

  .xxs\:gap-5px{
    grid-gap: 5px !important;
    gap: 5px !important;
  }

  .xxs\:gap-10px{
    grid-gap: 10px !important;
    gap: 10px !important;
  }

  .xxs\:gap-15px{
    grid-gap: 15px !important;
    gap: 15px !important;
  }

  .xxs\:gap-20px{
    grid-gap: 20px !important;
    gap: 20px !important;
  }

  .xxs\:gap-25px{
    grid-gap: 25px !important;
    gap: 25px !important;
  }

  .xxs\:gap-30px{
    grid-gap: 30px !important;
    gap: 30px !important;
  }

  .xxs\:gap-36px{
    grid-gap: 36px !important;
    gap: 36px !important;
  }

  .xxs\:gap-50px{
    grid-gap: 50px !important;
    gap: 50px !important;
  }

  .xxs\:gap-60px{
    grid-gap: 60px !important;
    gap: 60px !important;
  }

  .xxs\:gap-120px{
    grid-gap: 120px !important;
    gap: 120px !important;
  }

  .xxs\:col-gap-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .xxs\:col-gap-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .xxs\:col-gap-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .xxs\:col-gap-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .xxs\:col-gap-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .xxs\:col-gap-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .xxs\:col-gap-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .xxs\:col-gap-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .xxs\:col-gap-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .xxs\:col-gap-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .xxs\:col-gap-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .xxs\:col-gap-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .xxs\:col-gap-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .xxs\:col-gap-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .xxs\:col-gap-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .xxs\:col-gap-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .xxs\:col-gap-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .xxs\:col-gap-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .xxs\:col-gap-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .xxs\:col-gap-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .xxs\:col-gap-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .xxs\:col-gap-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .xxs\:col-gap-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .xxs\:col-gap-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .xxs\:col-gap-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .xxs\:col-gap-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .xxs\:col-gap-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .xxs\:col-gap-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .xxs\:col-gap-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .xxs\:col-gap-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .xxs\:col-gap-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .xxs\:col-gap-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .xxs\:gap-x-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .xxs\:gap-x-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .xxs\:gap-x-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .xxs\:gap-x-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .xxs\:gap-x-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .xxs\:gap-x-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .xxs\:gap-x-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .xxs\:gap-x-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .xxs\:gap-x-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .xxs\:gap-x-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .xxs\:gap-x-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .xxs\:gap-x-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .xxs\:gap-x-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .xxs\:gap-x-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .xxs\:gap-x-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .xxs\:gap-x-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .xxs\:gap-x-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .xxs\:gap-x-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .xxs\:gap-x-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .xxs\:gap-x-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .xxs\:gap-x-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .xxs\:gap-x-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .xxs\:gap-x-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .xxs\:gap-x-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .xxs\:gap-x-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .xxs\:gap-x-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .xxs\:gap-x-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .xxs\:gap-x-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .xxs\:gap-x-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .xxs\:gap-x-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .xxs\:gap-x-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .xxs\:gap-x-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .xxs\:row-gap-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .xxs\:row-gap-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .xxs\:row-gap-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .xxs\:row-gap-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .xxs\:row-gap-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .xxs\:row-gap-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .xxs\:row-gap-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .xxs\:row-gap-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .xxs\:row-gap-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .xxs\:row-gap-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .xxs\:row-gap-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .xxs\:row-gap-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .xxs\:row-gap-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .xxs\:row-gap-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .xxs\:row-gap-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .xxs\:row-gap-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .xxs\:row-gap-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .xxs\:row-gap-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .xxs\:row-gap-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .xxs\:row-gap-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .xxs\:row-gap-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .xxs\:row-gap-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .xxs\:row-gap-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .xxs\:row-gap-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .xxs\:row-gap-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .xxs\:row-gap-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .xxs\:row-gap-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .xxs\:row-gap-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .xxs\:row-gap-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .xxs\:row-gap-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .xxs\:row-gap-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .xxs\:row-gap-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .xxs\:gap-y-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .xxs\:gap-y-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .xxs\:gap-y-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .xxs\:gap-y-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .xxs\:gap-y-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .xxs\:gap-y-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .xxs\:gap-y-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .xxs\:gap-y-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .xxs\:gap-y-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .xxs\:gap-y-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .xxs\:gap-y-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .xxs\:gap-y-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .xxs\:gap-y-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .xxs\:gap-y-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .xxs\:gap-y-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .xxs\:gap-y-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .xxs\:gap-y-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .xxs\:gap-y-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .xxs\:gap-y-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .xxs\:gap-y-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .xxs\:gap-y-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .xxs\:gap-y-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .xxs\:gap-y-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .xxs\:gap-y-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .xxs\:gap-y-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .xxs\:gap-y-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .xxs\:gap-y-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .xxs\:gap-y-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .xxs\:gap-y-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .xxs\:gap-y-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .xxs\:gap-y-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .xxs\:gap-y-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .xxs\:grid-flow-row{
    grid-auto-flow: row !important;
  }

  .xxs\:grid-flow-col{
    grid-auto-flow: column !important;
  }

  .xxs\:grid-flow-row-dense{
    grid-auto-flow: row dense !important;
  }

  .xxs\:grid-flow-col-dense{
    grid-auto-flow: column dense !important;
  }

  .xxs\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-cols-none{
    grid-template-columns: none !important;
  }

  .xxs\:grid-cols-half-col{
    grid-template-columns: repeat(2, 1fr); !important;
  }

  .xxs\:grid-cols-mix-col{
    grid-template-columns: calc(40% - 30px) 60% !important;
  }

  .xxs\:grid-cols-mixInfo-col{
    grid-template-columns: calc(40% - 30px) calc(60% - 30px) !important;
  }

  .xxs\:auto-cols-auto{
    grid-auto-columns: auto !important;
  }

  .xxs\:auto-cols-min{
    grid-auto-columns: -webkit-min-content !important;
    grid-auto-columns: min-content !important;
  }

  .xxs\:auto-cols-max{
    grid-auto-columns: -webkit-max-content !important;
    grid-auto-columns: max-content !important;
  }

  .xxs\:auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr) !important;
  }

  .xxs\:col-auto{
    grid-column: auto !important;
  }

  .xxs\:col-span-1{
    grid-column: span 1 / span 1 !important;
  }

  .xxs\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }

  .xxs\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }

  .xxs\:col-span-4{
    grid-column: span 4 / span 4 !important;
  }

  .xxs\:col-span-5{
    grid-column: span 5 / span 5 !important;
  }

  .xxs\:col-span-6{
    grid-column: span 6 / span 6 !important;
  }

  .xxs\:col-span-7{
    grid-column: span 7 / span 7 !important;
  }

  .xxs\:col-span-8{
    grid-column: span 8 / span 8 !important;
  }

  .xxs\:col-span-9{
    grid-column: span 9 / span 9 !important;
  }

  .xxs\:col-span-10{
    grid-column: span 10 / span 10 !important;
  }

  .xxs\:col-span-11{
    grid-column: span 11 / span 11 !important;
  }

  .xxs\:col-span-12{
    grid-column: span 12 / span 12 !important;
  }

  .xxs\:col-span-full{
    grid-column: 1 / -1 !important;
  }

  .xxs\:col-start-1{
    grid-column-start: 1 !important;
  }

  .xxs\:col-start-2{
    grid-column-start: 2 !important;
  }

  .xxs\:col-start-3{
    grid-column-start: 3 !important;
  }

  .xxs\:col-start-4{
    grid-column-start: 4 !important;
  }

  .xxs\:col-start-5{
    grid-column-start: 5 !important;
  }

  .xxs\:col-start-6{
    grid-column-start: 6 !important;
  }

  .xxs\:col-start-7{
    grid-column-start: 7 !important;
  }

  .xxs\:col-start-8{
    grid-column-start: 8 !important;
  }

  .xxs\:col-start-9{
    grid-column-start: 9 !important;
  }

  .xxs\:col-start-10{
    grid-column-start: 10 !important;
  }

  .xxs\:col-start-11{
    grid-column-start: 11 !important;
  }

  .xxs\:col-start-12{
    grid-column-start: 12 !important;
  }

  .xxs\:col-start-13{
    grid-column-start: 13 !important;
  }

  .xxs\:col-start-auto{
    grid-column-start: auto !important;
  }

  .xxs\:col-end-1{
    grid-column-end: 1 !important;
  }

  .xxs\:col-end-2{
    grid-column-end: 2 !important;
  }

  .xxs\:col-end-3{
    grid-column-end: 3 !important;
  }

  .xxs\:col-end-4{
    grid-column-end: 4 !important;
  }

  .xxs\:col-end-5{
    grid-column-end: 5 !important;
  }

  .xxs\:col-end-6{
    grid-column-end: 6 !important;
  }

  .xxs\:col-end-7{
    grid-column-end: 7 !important;
  }

  .xxs\:col-end-8{
    grid-column-end: 8 !important;
  }

  .xxs\:col-end-9{
    grid-column-end: 9 !important;
  }

  .xxs\:col-end-10{
    grid-column-end: 10 !important;
  }

  .xxs\:col-end-11{
    grid-column-end: 11 !important;
  }

  .xxs\:col-end-12{
    grid-column-end: 12 !important;
  }

  .xxs\:col-end-13{
    grid-column-end: 13 !important;
  }

  .xxs\:col-end-auto{
    grid-column-end: auto !important;
  }

  .xxs\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-rows-4{
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-rows-5{
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-rows-6{
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }

  .xxs\:grid-rows-none{
    grid-template-rows: none !important;
  }

  .xxs\:grid-rows-mix-row{
    grid-template-rows: minmax(100px, auto) auto !important;
  }

  .xxs\:auto-rows-auto{
    grid-auto-rows: auto !important;
  }

  .xxs\:auto-rows-min{
    grid-auto-rows: -webkit-min-content !important;
    grid-auto-rows: min-content !important;
  }

  .xxs\:auto-rows-max{
    grid-auto-rows: -webkit-max-content !important;
    grid-auto-rows: max-content !important;
  }

  .xxs\:auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  .xxs\:row-auto{
    grid-row: auto !important;
  }

  .xxs\:row-span-1{
    grid-row: span 1 / span 1 !important;
  }

  .xxs\:row-span-2{
    grid-row: span 2 / span 2 !important;
  }

  .xxs\:row-span-3{
    grid-row: span 3 / span 3 !important;
  }

  .xxs\:row-span-4{
    grid-row: span 4 / span 4 !important;
  }

  .xxs\:row-span-5{
    grid-row: span 5 / span 5 !important;
  }

  .xxs\:row-span-6{
    grid-row: span 6 / span 6 !important;
  }

  .xxs\:row-span-full{
    grid-row: 1 / -1 !important;
  }

  .xxs\:row-start-1{
    grid-row-start: 1 !important;
  }

  .xxs\:row-start-2{
    grid-row-start: 2 !important;
  }

  .xxs\:row-start-3{
    grid-row-start: 3 !important;
  }

  .xxs\:row-start-4{
    grid-row-start: 4 !important;
  }

  .xxs\:row-start-5{
    grid-row-start: 5 !important;
  }

  .xxs\:row-start-6{
    grid-row-start: 6 !important;
  }

  .xxs\:row-start-7{
    grid-row-start: 7 !important;
  }

  .xxs\:row-start-auto{
    grid-row-start: auto !important;
  }

  .xxs\:row-end-1{
    grid-row-end: 1 !important;
  }

  .xxs\:row-end-2{
    grid-row-end: 2 !important;
  }

  .xxs\:row-end-3{
    grid-row-end: 3 !important;
  }

  .xxs\:row-end-4{
    grid-row-end: 4 !important;
  }

  .xxs\:row-end-5{
    grid-row-end: 5 !important;
  }

  .xxs\:row-end-6{
    grid-row-end: 6 !important;
  }

  .xxs\:row-end-7{
    grid-row-end: 7 !important;
  }

  .xxs\:row-end-auto{
    grid-row-end: auto !important;
  }

  .xxs\:transform{
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
  }

  .xxs\:transform-none{
    -webkit-transform: none !important;
    transform: none !important;
  }

  .xxs\:origin-center{
    -webkit-transform-origin: center !important;
    transform-origin: center !important;
  }

  .xxs\:origin-top{
    -webkit-transform-origin: top !important;
    transform-origin: top !important;
  }

  .xxs\:origin-top-right{
    -webkit-transform-origin: top right !important;
    transform-origin: top right !important;
  }

  .xxs\:origin-right{
    -webkit-transform-origin: right !important;
    transform-origin: right !important;
  }

  .xxs\:origin-bottom-right{
    -webkit-transform-origin: bottom right !important;
    transform-origin: bottom right !important;
  }

  .xxs\:origin-bottom{
    -webkit-transform-origin: bottom !important;
    transform-origin: bottom !important;
  }

  .xxs\:origin-bottom-left{
    -webkit-transform-origin: bottom left !important;
    transform-origin: bottom left !important;
  }

  .xxs\:origin-left{
    -webkit-transform-origin: left !important;
    transform-origin: left !important;
  }

  .xxs\:origin-top-left{
    -webkit-transform-origin: top left !important;
    transform-origin: top left !important;
  }

  .xxs\:scale-0{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xxs\:scale-50{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xxs\:scale-75{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xxs\:scale-90{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xxs\:scale-95{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xxs\:scale-100{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xxs\:scale-105{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xxs\:scale-110{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xxs\:scale-125{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xxs\:scale-150{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xxs\:scale-x-0{
    --transform-scale-x: 0 !important;
  }

  .xxs\:scale-x-50{
    --transform-scale-x: .5 !important;
  }

  .xxs\:scale-x-75{
    --transform-scale-x: .75 !important;
  }

  .xxs\:scale-x-90{
    --transform-scale-x: .9 !important;
  }

  .xxs\:scale-x-95{
    --transform-scale-x: .95 !important;
  }

  .xxs\:scale-x-100{
    --transform-scale-x: 1 !important;
  }

  .xxs\:scale-x-105{
    --transform-scale-x: 1.05 !important;
  }

  .xxs\:scale-x-110{
    --transform-scale-x: 1.1 !important;
  }

  .xxs\:scale-x-125{
    --transform-scale-x: 1.25 !important;
  }

  .xxs\:scale-x-150{
    --transform-scale-x: 1.5 !important;
  }

  .xxs\:scale-y-0{
    --transform-scale-y: 0 !important;
  }

  .xxs\:scale-y-50{
    --transform-scale-y: .5 !important;
  }

  .xxs\:scale-y-75{
    --transform-scale-y: .75 !important;
  }

  .xxs\:scale-y-90{
    --transform-scale-y: .9 !important;
  }

  .xxs\:scale-y-95{
    --transform-scale-y: .95 !important;
  }

  .xxs\:scale-y-100{
    --transform-scale-y: 1 !important;
  }

  .xxs\:scale-y-105{
    --transform-scale-y: 1.05 !important;
  }

  .xxs\:scale-y-110{
    --transform-scale-y: 1.1 !important;
  }

  .xxs\:scale-y-125{
    --transform-scale-y: 1.25 !important;
  }

  .xxs\:scale-y-150{
    --transform-scale-y: 1.5 !important;
  }

  .xxs\:hover\:scale-0:hover{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xxs\:hover\:scale-50:hover{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xxs\:hover\:scale-75:hover{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xxs\:hover\:scale-90:hover{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xxs\:hover\:scale-95:hover{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xxs\:hover\:scale-100:hover{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xxs\:hover\:scale-105:hover{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xxs\:hover\:scale-110:hover{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xxs\:hover\:scale-125:hover{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xxs\:hover\:scale-150:hover{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xxs\:hover\:scale-x-0:hover{
    --transform-scale-x: 0 !important;
  }

  .xxs\:hover\:scale-x-50:hover{
    --transform-scale-x: .5 !important;
  }

  .xxs\:hover\:scale-x-75:hover{
    --transform-scale-x: .75 !important;
  }

  .xxs\:hover\:scale-x-90:hover{
    --transform-scale-x: .9 !important;
  }

  .xxs\:hover\:scale-x-95:hover{
    --transform-scale-x: .95 !important;
  }

  .xxs\:hover\:scale-x-100:hover{
    --transform-scale-x: 1 !important;
  }

  .xxs\:hover\:scale-x-105:hover{
    --transform-scale-x: 1.05 !important;
  }

  .xxs\:hover\:scale-x-110:hover{
    --transform-scale-x: 1.1 !important;
  }

  .xxs\:hover\:scale-x-125:hover{
    --transform-scale-x: 1.25 !important;
  }

  .xxs\:hover\:scale-x-150:hover{
    --transform-scale-x: 1.5 !important;
  }

  .xxs\:hover\:scale-y-0:hover{
    --transform-scale-y: 0 !important;
  }

  .xxs\:hover\:scale-y-50:hover{
    --transform-scale-y: .5 !important;
  }

  .xxs\:hover\:scale-y-75:hover{
    --transform-scale-y: .75 !important;
  }

  .xxs\:hover\:scale-y-90:hover{
    --transform-scale-y: .9 !important;
  }

  .xxs\:hover\:scale-y-95:hover{
    --transform-scale-y: .95 !important;
  }

  .xxs\:hover\:scale-y-100:hover{
    --transform-scale-y: 1 !important;
  }

  .xxs\:hover\:scale-y-105:hover{
    --transform-scale-y: 1.05 !important;
  }

  .xxs\:hover\:scale-y-110:hover{
    --transform-scale-y: 1.1 !important;
  }

  .xxs\:hover\:scale-y-125:hover{
    --transform-scale-y: 1.25 !important;
  }

  .xxs\:hover\:scale-y-150:hover{
    --transform-scale-y: 1.5 !important;
  }

  .xxs\:focus\:scale-0:focus{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xxs\:focus\:scale-50:focus{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xxs\:focus\:scale-75:focus{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xxs\:focus\:scale-90:focus{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xxs\:focus\:scale-95:focus{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xxs\:focus\:scale-100:focus{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xxs\:focus\:scale-105:focus{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xxs\:focus\:scale-110:focus{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xxs\:focus\:scale-125:focus{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xxs\:focus\:scale-150:focus{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xxs\:focus\:scale-x-0:focus{
    --transform-scale-x: 0 !important;
  }

  .xxs\:focus\:scale-x-50:focus{
    --transform-scale-x: .5 !important;
  }

  .xxs\:focus\:scale-x-75:focus{
    --transform-scale-x: .75 !important;
  }

  .xxs\:focus\:scale-x-90:focus{
    --transform-scale-x: .9 !important;
  }

  .xxs\:focus\:scale-x-95:focus{
    --transform-scale-x: .95 !important;
  }

  .xxs\:focus\:scale-x-100:focus{
    --transform-scale-x: 1 !important;
  }

  .xxs\:focus\:scale-x-105:focus{
    --transform-scale-x: 1.05 !important;
  }

  .xxs\:focus\:scale-x-110:focus{
    --transform-scale-x: 1.1 !important;
  }

  .xxs\:focus\:scale-x-125:focus{
    --transform-scale-x: 1.25 !important;
  }

  .xxs\:focus\:scale-x-150:focus{
    --transform-scale-x: 1.5 !important;
  }

  .xxs\:focus\:scale-y-0:focus{
    --transform-scale-y: 0 !important;
  }

  .xxs\:focus\:scale-y-50:focus{
    --transform-scale-y: .5 !important;
  }

  .xxs\:focus\:scale-y-75:focus{
    --transform-scale-y: .75 !important;
  }

  .xxs\:focus\:scale-y-90:focus{
    --transform-scale-y: .9 !important;
  }

  .xxs\:focus\:scale-y-95:focus{
    --transform-scale-y: .95 !important;
  }

  .xxs\:focus\:scale-y-100:focus{
    --transform-scale-y: 1 !important;
  }

  .xxs\:focus\:scale-y-105:focus{
    --transform-scale-y: 1.05 !important;
  }

  .xxs\:focus\:scale-y-110:focus{
    --transform-scale-y: 1.1 !important;
  }

  .xxs\:focus\:scale-y-125:focus{
    --transform-scale-y: 1.25 !important;
  }

  .xxs\:focus\:scale-y-150:focus{
    --transform-scale-y: 1.5 !important;
  }

  .xxs\:rotate-0{
    --transform-rotate: 0 !important;
  }

  .xxs\:rotate-1{
    --transform-rotate: 1deg !important;
  }

  .xxs\:rotate-2{
    --transform-rotate: 2deg !important;
  }

  .xxs\:rotate-3{
    --transform-rotate: 3deg !important;
  }

  .xxs\:rotate-6{
    --transform-rotate: 6deg !important;
  }

  .xxs\:rotate-12{
    --transform-rotate: 12deg !important;
  }

  .xxs\:rotate-45{
    --transform-rotate: 45deg !important;
  }

  .xxs\:rotate-90{
    --transform-rotate: 90deg !important;
  }

  .xxs\:rotate-180{
    --transform-rotate: 180deg !important;
  }

  .xxs\:-rotate-180{
    --transform-rotate: -180deg !important;
  }

  .xxs\:-rotate-90{
    --transform-rotate: -90deg !important;
  }

  .xxs\:-rotate-45{
    --transform-rotate: -45deg !important;
  }

  .xxs\:-rotate-12{
    --transform-rotate: -12deg !important;
  }

  .xxs\:-rotate-6{
    --transform-rotate: -6deg !important;
  }

  .xxs\:-rotate-3{
    --transform-rotate: -3deg !important;
  }

  .xxs\:-rotate-2{
    --transform-rotate: -2deg !important;
  }

  .xxs\:-rotate-1{
    --transform-rotate: -1deg !important;
  }

  .xxs\:hover\:rotate-0:hover{
    --transform-rotate: 0 !important;
  }

  .xxs\:hover\:rotate-1:hover{
    --transform-rotate: 1deg !important;
  }

  .xxs\:hover\:rotate-2:hover{
    --transform-rotate: 2deg !important;
  }

  .xxs\:hover\:rotate-3:hover{
    --transform-rotate: 3deg !important;
  }

  .xxs\:hover\:rotate-6:hover{
    --transform-rotate: 6deg !important;
  }

  .xxs\:hover\:rotate-12:hover{
    --transform-rotate: 12deg !important;
  }

  .xxs\:hover\:rotate-45:hover{
    --transform-rotate: 45deg !important;
  }

  .xxs\:hover\:rotate-90:hover{
    --transform-rotate: 90deg !important;
  }

  .xxs\:hover\:rotate-180:hover{
    --transform-rotate: 180deg !important;
  }

  .xxs\:hover\:-rotate-180:hover{
    --transform-rotate: -180deg !important;
  }

  .xxs\:hover\:-rotate-90:hover{
    --transform-rotate: -90deg !important;
  }

  .xxs\:hover\:-rotate-45:hover{
    --transform-rotate: -45deg !important;
  }

  .xxs\:hover\:-rotate-12:hover{
    --transform-rotate: -12deg !important;
  }

  .xxs\:hover\:-rotate-6:hover{
    --transform-rotate: -6deg !important;
  }

  .xxs\:hover\:-rotate-3:hover{
    --transform-rotate: -3deg !important;
  }

  .xxs\:hover\:-rotate-2:hover{
    --transform-rotate: -2deg !important;
  }

  .xxs\:hover\:-rotate-1:hover{
    --transform-rotate: -1deg !important;
  }

  .xxs\:focus\:rotate-0:focus{
    --transform-rotate: 0 !important;
  }

  .xxs\:focus\:rotate-1:focus{
    --transform-rotate: 1deg !important;
  }

  .xxs\:focus\:rotate-2:focus{
    --transform-rotate: 2deg !important;
  }

  .xxs\:focus\:rotate-3:focus{
    --transform-rotate: 3deg !important;
  }

  .xxs\:focus\:rotate-6:focus{
    --transform-rotate: 6deg !important;
  }

  .xxs\:focus\:rotate-12:focus{
    --transform-rotate: 12deg !important;
  }

  .xxs\:focus\:rotate-45:focus{
    --transform-rotate: 45deg !important;
  }

  .xxs\:focus\:rotate-90:focus{
    --transform-rotate: 90deg !important;
  }

  .xxs\:focus\:rotate-180:focus{
    --transform-rotate: 180deg !important;
  }

  .xxs\:focus\:-rotate-180:focus{
    --transform-rotate: -180deg !important;
  }

  .xxs\:focus\:-rotate-90:focus{
    --transform-rotate: -90deg !important;
  }

  .xxs\:focus\:-rotate-45:focus{
    --transform-rotate: -45deg !important;
  }

  .xxs\:focus\:-rotate-12:focus{
    --transform-rotate: -12deg !important;
  }

  .xxs\:focus\:-rotate-6:focus{
    --transform-rotate: -6deg !important;
  }

  .xxs\:focus\:-rotate-3:focus{
    --transform-rotate: -3deg !important;
  }

  .xxs\:focus\:-rotate-2:focus{
    --transform-rotate: -2deg !important;
  }

  .xxs\:focus\:-rotate-1:focus{
    --transform-rotate: -1deg !important;
  }

  .xxs\:translate-x-0{
    --transform-translate-x: 0 !important;
  }

  .xxs\:translate-x-1{
    --transform-translate-x: 0.25rem !important;
  }

  .xxs\:translate-x-2{
    --transform-translate-x: 0.5rem !important;
  }

  .xxs\:translate-x-3{
    --transform-translate-x: 0.75rem !important;
  }

  .xxs\:translate-x-4{
    --transform-translate-x: 1rem !important;
  }

  .xxs\:translate-x-5{
    --transform-translate-x: 1.25rem !important;
  }

  .xxs\:translate-x-6{
    --transform-translate-x: 1.5rem !important;
  }

  .xxs\:translate-x-8{
    --transform-translate-x: 2rem !important;
  }

  .xxs\:translate-x-10{
    --transform-translate-x: 2.5rem !important;
  }

  .xxs\:translate-x-12{
    --transform-translate-x: 3rem !important;
  }

  .xxs\:translate-x-16{
    --transform-translate-x: 4rem !important;
  }

  .xxs\:translate-x-20{
    --transform-translate-x: 5rem !important;
  }

  .xxs\:translate-x-24{
    --transform-translate-x: 6rem !important;
  }

  .xxs\:translate-x-28{
    --transform-translate-x: 7rem !important;
  }

  .xxs\:translate-x-32{
    --transform-translate-x: 8rem !important;
  }

  .xxs\:translate-x-40{
    --transform-translate-x: 10rem !important;
  }

  .xxs\:translate-x-48{
    --transform-translate-x: 12rem !important;
  }

  .xxs\:translate-x-56{
    --transform-translate-x: 14rem !important;
  }

  .xxs\:translate-x-64{
    --transform-translate-x: 16rem !important;
  }

  .xxs\:translate-x-px{
    --transform-translate-x: 1px !important;
  }

  .xxs\:translate-x-2px{
    --transform-translate-x: 2px !important;
  }

  .xxs\:translate-x-3px{
    --transform-translate-x: 3px !important;
  }

  .xxs\:translate-x-5px{
    --transform-translate-x: 5px !important;
  }

  .xxs\:translate-x-10px{
    --transform-translate-x: 10px !important;
  }

  .xxs\:translate-x-15px{
    --transform-translate-x: 15px !important;
  }

  .xxs\:translate-x-20px{
    --transform-translate-x: 20px !important;
  }

  .xxs\:translate-x-25px{
    --transform-translate-x: 25px !important;
  }

  .xxs\:translate-x-30px{
    --transform-translate-x: 30px !important;
  }

  .xxs\:translate-x-36px{
    --transform-translate-x: 36px !important;
  }

  .xxs\:translate-x-50px{
    --transform-translate-x: 50px !important;
  }

  .xxs\:translate-x-60px{
    --transform-translate-x: 60px !important;
  }

  .xxs\:translate-x-120px{
    --transform-translate-x: 120px !important;
  }

  .xxs\:-translate-x-1{
    --transform-translate-x: -0.25rem !important;
  }

  .xxs\:-translate-x-2{
    --transform-translate-x: -0.5rem !important;
  }

  .xxs\:-translate-x-3{
    --transform-translate-x: -0.75rem !important;
  }

  .xxs\:-translate-x-4{
    --transform-translate-x: -1rem !important;
  }

  .xxs\:-translate-x-5{
    --transform-translate-x: -1.25rem !important;
  }

  .xxs\:-translate-x-6{
    --transform-translate-x: -1.5rem !important;
  }

  .xxs\:-translate-x-8{
    --transform-translate-x: -2rem !important;
  }

  .xxs\:-translate-x-10{
    --transform-translate-x: -2.5rem !important;
  }

  .xxs\:-translate-x-12{
    --transform-translate-x: -3rem !important;
  }

  .xxs\:-translate-x-16{
    --transform-translate-x: -4rem !important;
  }

  .xxs\:-translate-x-20{
    --transform-translate-x: -5rem !important;
  }

  .xxs\:-translate-x-24{
    --transform-translate-x: -6rem !important;
  }

  .xxs\:-translate-x-28{
    --transform-translate-x: -7rem !important;
  }

  .xxs\:-translate-x-32{
    --transform-translate-x: -8rem !important;
  }

  .xxs\:-translate-x-40{
    --transform-translate-x: -10rem !important;
  }

  .xxs\:-translate-x-48{
    --transform-translate-x: -12rem !important;
  }

  .xxs\:-translate-x-56{
    --transform-translate-x: -14rem !important;
  }

  .xxs\:-translate-x-64{
    --transform-translate-x: -16rem !important;
  }

  .xxs\:-translate-x-px{
    --transform-translate-x: -1px !important;
  }

  .xxs\:-translate-x-2px{
    --transform-translate-x: -2px !important;
  }

  .xxs\:-translate-x-3px{
    --transform-translate-x: -3px !important;
  }

  .xxs\:-translate-x-5px{
    --transform-translate-x: -5px !important;
  }

  .xxs\:-translate-x-10px{
    --transform-translate-x: -10px !important;
  }

  .xxs\:-translate-x-15px{
    --transform-translate-x: -15px !important;
  }

  .xxs\:-translate-x-20px{
    --transform-translate-x: -20px !important;
  }

  .xxs\:-translate-x-25px{
    --transform-translate-x: -25px !important;
  }

  .xxs\:-translate-x-30px{
    --transform-translate-x: -30px !important;
  }

  .xxs\:-translate-x-36px{
    --transform-translate-x: -36px !important;
  }

  .xxs\:-translate-x-50px{
    --transform-translate-x: -50px !important;
  }

  .xxs\:-translate-x-60px{
    --transform-translate-x: -60px !important;
  }

  .xxs\:-translate-x-120px{
    --transform-translate-x: -120px !important;
  }

  .xxs\:-translate-x-full{
    --transform-translate-x: -100% !important;
  }

  .xxs\:-translate-x-1\/2{
    --transform-translate-x: -50% !important;
  }

  .xxs\:translate-x-1\/2{
    --transform-translate-x: 50% !important;
  }

  .xxs\:translate-x-full{
    --transform-translate-x: 100% !important;
  }

  .xxs\:translate-y-0{
    --transform-translate-y: 0 !important;
  }

  .xxs\:translate-y-1{
    --transform-translate-y: 0.25rem !important;
  }

  .xxs\:translate-y-2{
    --transform-translate-y: 0.5rem !important;
  }

  .xxs\:translate-y-3{
    --transform-translate-y: 0.75rem !important;
  }

  .xxs\:translate-y-4{
    --transform-translate-y: 1rem !important;
  }

  .xxs\:translate-y-5{
    --transform-translate-y: 1.25rem !important;
  }

  .xxs\:translate-y-6{
    --transform-translate-y: 1.5rem !important;
  }

  .xxs\:translate-y-8{
    --transform-translate-y: 2rem !important;
  }

  .xxs\:translate-y-10{
    --transform-translate-y: 2.5rem !important;
  }

  .xxs\:translate-y-12{
    --transform-translate-y: 3rem !important;
  }

  .xxs\:translate-y-16{
    --transform-translate-y: 4rem !important;
  }

  .xxs\:translate-y-20{
    --transform-translate-y: 5rem !important;
  }

  .xxs\:translate-y-24{
    --transform-translate-y: 6rem !important;
  }

  .xxs\:translate-y-28{
    --transform-translate-y: 7rem !important;
  }

  .xxs\:translate-y-32{
    --transform-translate-y: 8rem !important;
  }

  .xxs\:translate-y-40{
    --transform-translate-y: 10rem !important;
  }

  .xxs\:translate-y-48{
    --transform-translate-y: 12rem !important;
  }

  .xxs\:translate-y-56{
    --transform-translate-y: 14rem !important;
  }

  .xxs\:translate-y-64{
    --transform-translate-y: 16rem !important;
  }

  .xxs\:translate-y-px{
    --transform-translate-y: 1px !important;
  }

  .xxs\:translate-y-2px{
    --transform-translate-y: 2px !important;
  }

  .xxs\:translate-y-3px{
    --transform-translate-y: 3px !important;
  }

  .xxs\:translate-y-5px{
    --transform-translate-y: 5px !important;
  }

  .xxs\:translate-y-10px{
    --transform-translate-y: 10px !important;
  }

  .xxs\:translate-y-15px{
    --transform-translate-y: 15px !important;
  }

  .xxs\:translate-y-20px{
    --transform-translate-y: 20px !important;
  }

  .xxs\:translate-y-25px{
    --transform-translate-y: 25px !important;
  }

  .xxs\:translate-y-30px{
    --transform-translate-y: 30px !important;
  }

  .xxs\:translate-y-36px{
    --transform-translate-y: 36px !important;
  }

  .xxs\:translate-y-50px{
    --transform-translate-y: 50px !important;
  }

  .xxs\:translate-y-60px{
    --transform-translate-y: 60px !important;
  }

  .xxs\:translate-y-120px{
    --transform-translate-y: 120px !important;
  }

  .xxs\:-translate-y-1{
    --transform-translate-y: -0.25rem !important;
  }

  .xxs\:-translate-y-2{
    --transform-translate-y: -0.5rem !important;
  }

  .xxs\:-translate-y-3{
    --transform-translate-y: -0.75rem !important;
  }

  .xxs\:-translate-y-4{
    --transform-translate-y: -1rem !important;
  }

  .xxs\:-translate-y-5{
    --transform-translate-y: -1.25rem !important;
  }

  .xxs\:-translate-y-6{
    --transform-translate-y: -1.5rem !important;
  }

  .xxs\:-translate-y-8{
    --transform-translate-y: -2rem !important;
  }

  .xxs\:-translate-y-10{
    --transform-translate-y: -2.5rem !important;
  }

  .xxs\:-translate-y-12{
    --transform-translate-y: -3rem !important;
  }

  .xxs\:-translate-y-16{
    --transform-translate-y: -4rem !important;
  }

  .xxs\:-translate-y-20{
    --transform-translate-y: -5rem !important;
  }

  .xxs\:-translate-y-24{
    --transform-translate-y: -6rem !important;
  }

  .xxs\:-translate-y-28{
    --transform-translate-y: -7rem !important;
  }

  .xxs\:-translate-y-32{
    --transform-translate-y: -8rem !important;
  }

  .xxs\:-translate-y-40{
    --transform-translate-y: -10rem !important;
  }

  .xxs\:-translate-y-48{
    --transform-translate-y: -12rem !important;
  }

  .xxs\:-translate-y-56{
    --transform-translate-y: -14rem !important;
  }

  .xxs\:-translate-y-64{
    --transform-translate-y: -16rem !important;
  }

  .xxs\:-translate-y-px{
    --transform-translate-y: -1px !important;
  }

  .xxs\:-translate-y-2px{
    --transform-translate-y: -2px !important;
  }

  .xxs\:-translate-y-3px{
    --transform-translate-y: -3px !important;
  }

  .xxs\:-translate-y-5px{
    --transform-translate-y: -5px !important;
  }

  .xxs\:-translate-y-10px{
    --transform-translate-y: -10px !important;
  }

  .xxs\:-translate-y-15px{
    --transform-translate-y: -15px !important;
  }

  .xxs\:-translate-y-20px{
    --transform-translate-y: -20px !important;
  }

  .xxs\:-translate-y-25px{
    --transform-translate-y: -25px !important;
  }

  .xxs\:-translate-y-30px{
    --transform-translate-y: -30px !important;
  }

  .xxs\:-translate-y-36px{
    --transform-translate-y: -36px !important;
  }

  .xxs\:-translate-y-50px{
    --transform-translate-y: -50px !important;
  }

  .xxs\:-translate-y-60px{
    --transform-translate-y: -60px !important;
  }

  .xxs\:-translate-y-120px{
    --transform-translate-y: -120px !important;
  }

  .xxs\:-translate-y-full{
    --transform-translate-y: -100% !important;
  }

  .xxs\:-translate-y-1\/2{
    --transform-translate-y: -50% !important;
  }

  .xxs\:translate-y-1\/2{
    --transform-translate-y: 50% !important;
  }

  .xxs\:translate-y-full{
    --transform-translate-y: 100% !important;
  }

  .xxs\:hover\:translate-x-0:hover{
    --transform-translate-x: 0 !important;
  }

  .xxs\:hover\:translate-x-1:hover{
    --transform-translate-x: 0.25rem !important;
  }

  .xxs\:hover\:translate-x-2:hover{
    --transform-translate-x: 0.5rem !important;
  }

  .xxs\:hover\:translate-x-3:hover{
    --transform-translate-x: 0.75rem !important;
  }

  .xxs\:hover\:translate-x-4:hover{
    --transform-translate-x: 1rem !important;
  }

  .xxs\:hover\:translate-x-5:hover{
    --transform-translate-x: 1.25rem !important;
  }

  .xxs\:hover\:translate-x-6:hover{
    --transform-translate-x: 1.5rem !important;
  }

  .xxs\:hover\:translate-x-8:hover{
    --transform-translate-x: 2rem !important;
  }

  .xxs\:hover\:translate-x-10:hover{
    --transform-translate-x: 2.5rem !important;
  }

  .xxs\:hover\:translate-x-12:hover{
    --transform-translate-x: 3rem !important;
  }

  .xxs\:hover\:translate-x-16:hover{
    --transform-translate-x: 4rem !important;
  }

  .xxs\:hover\:translate-x-20:hover{
    --transform-translate-x: 5rem !important;
  }

  .xxs\:hover\:translate-x-24:hover{
    --transform-translate-x: 6rem !important;
  }

  .xxs\:hover\:translate-x-28:hover{
    --transform-translate-x: 7rem !important;
  }

  .xxs\:hover\:translate-x-32:hover{
    --transform-translate-x: 8rem !important;
  }

  .xxs\:hover\:translate-x-40:hover{
    --transform-translate-x: 10rem !important;
  }

  .xxs\:hover\:translate-x-48:hover{
    --transform-translate-x: 12rem !important;
  }

  .xxs\:hover\:translate-x-56:hover{
    --transform-translate-x: 14rem !important;
  }

  .xxs\:hover\:translate-x-64:hover{
    --transform-translate-x: 16rem !important;
  }

  .xxs\:hover\:translate-x-px:hover{
    --transform-translate-x: 1px !important;
  }

  .xxs\:hover\:translate-x-2px:hover{
    --transform-translate-x: 2px !important;
  }

  .xxs\:hover\:translate-x-3px:hover{
    --transform-translate-x: 3px !important;
  }

  .xxs\:hover\:translate-x-5px:hover{
    --transform-translate-x: 5px !important;
  }

  .xxs\:hover\:translate-x-10px:hover{
    --transform-translate-x: 10px !important;
  }

  .xxs\:hover\:translate-x-15px:hover{
    --transform-translate-x: 15px !important;
  }

  .xxs\:hover\:translate-x-20px:hover{
    --transform-translate-x: 20px !important;
  }

  .xxs\:hover\:translate-x-25px:hover{
    --transform-translate-x: 25px !important;
  }

  .xxs\:hover\:translate-x-30px:hover{
    --transform-translate-x: 30px !important;
  }

  .xxs\:hover\:translate-x-36px:hover{
    --transform-translate-x: 36px !important;
  }

  .xxs\:hover\:translate-x-50px:hover{
    --transform-translate-x: 50px !important;
  }

  .xxs\:hover\:translate-x-60px:hover{
    --transform-translate-x: 60px !important;
  }

  .xxs\:hover\:translate-x-120px:hover{
    --transform-translate-x: 120px !important;
  }

  .xxs\:hover\:-translate-x-1:hover{
    --transform-translate-x: -0.25rem !important;
  }

  .xxs\:hover\:-translate-x-2:hover{
    --transform-translate-x: -0.5rem !important;
  }

  .xxs\:hover\:-translate-x-3:hover{
    --transform-translate-x: -0.75rem !important;
  }

  .xxs\:hover\:-translate-x-4:hover{
    --transform-translate-x: -1rem !important;
  }

  .xxs\:hover\:-translate-x-5:hover{
    --transform-translate-x: -1.25rem !important;
  }

  .xxs\:hover\:-translate-x-6:hover{
    --transform-translate-x: -1.5rem !important;
  }

  .xxs\:hover\:-translate-x-8:hover{
    --transform-translate-x: -2rem !important;
  }

  .xxs\:hover\:-translate-x-10:hover{
    --transform-translate-x: -2.5rem !important;
  }

  .xxs\:hover\:-translate-x-12:hover{
    --transform-translate-x: -3rem !important;
  }

  .xxs\:hover\:-translate-x-16:hover{
    --transform-translate-x: -4rem !important;
  }

  .xxs\:hover\:-translate-x-20:hover{
    --transform-translate-x: -5rem !important;
  }

  .xxs\:hover\:-translate-x-24:hover{
    --transform-translate-x: -6rem !important;
  }

  .xxs\:hover\:-translate-x-28:hover{
    --transform-translate-x: -7rem !important;
  }

  .xxs\:hover\:-translate-x-32:hover{
    --transform-translate-x: -8rem !important;
  }

  .xxs\:hover\:-translate-x-40:hover{
    --transform-translate-x: -10rem !important;
  }

  .xxs\:hover\:-translate-x-48:hover{
    --transform-translate-x: -12rem !important;
  }

  .xxs\:hover\:-translate-x-56:hover{
    --transform-translate-x: -14rem !important;
  }

  .xxs\:hover\:-translate-x-64:hover{
    --transform-translate-x: -16rem !important;
  }

  .xxs\:hover\:-translate-x-px:hover{
    --transform-translate-x: -1px !important;
  }

  .xxs\:hover\:-translate-x-2px:hover{
    --transform-translate-x: -2px !important;
  }

  .xxs\:hover\:-translate-x-3px:hover{
    --transform-translate-x: -3px !important;
  }

  .xxs\:hover\:-translate-x-5px:hover{
    --transform-translate-x: -5px !important;
  }

  .xxs\:hover\:-translate-x-10px:hover{
    --transform-translate-x: -10px !important;
  }

  .xxs\:hover\:-translate-x-15px:hover{
    --transform-translate-x: -15px !important;
  }

  .xxs\:hover\:-translate-x-20px:hover{
    --transform-translate-x: -20px !important;
  }

  .xxs\:hover\:-translate-x-25px:hover{
    --transform-translate-x: -25px !important;
  }

  .xxs\:hover\:-translate-x-30px:hover{
    --transform-translate-x: -30px !important;
  }

  .xxs\:hover\:-translate-x-36px:hover{
    --transform-translate-x: -36px !important;
  }

  .xxs\:hover\:-translate-x-50px:hover{
    --transform-translate-x: -50px !important;
  }

  .xxs\:hover\:-translate-x-60px:hover{
    --transform-translate-x: -60px !important;
  }

  .xxs\:hover\:-translate-x-120px:hover{
    --transform-translate-x: -120px !important;
  }

  .xxs\:hover\:-translate-x-full:hover{
    --transform-translate-x: -100% !important;
  }

  .xxs\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x: -50% !important;
  }

  .xxs\:hover\:translate-x-1\/2:hover{
    --transform-translate-x: 50% !important;
  }

  .xxs\:hover\:translate-x-full:hover{
    --transform-translate-x: 100% !important;
  }

  .xxs\:hover\:translate-y-0:hover{
    --transform-translate-y: 0 !important;
  }

  .xxs\:hover\:translate-y-1:hover{
    --transform-translate-y: 0.25rem !important;
  }

  .xxs\:hover\:translate-y-2:hover{
    --transform-translate-y: 0.5rem !important;
  }

  .xxs\:hover\:translate-y-3:hover{
    --transform-translate-y: 0.75rem !important;
  }

  .xxs\:hover\:translate-y-4:hover{
    --transform-translate-y: 1rem !important;
  }

  .xxs\:hover\:translate-y-5:hover{
    --transform-translate-y: 1.25rem !important;
  }

  .xxs\:hover\:translate-y-6:hover{
    --transform-translate-y: 1.5rem !important;
  }

  .xxs\:hover\:translate-y-8:hover{
    --transform-translate-y: 2rem !important;
  }

  .xxs\:hover\:translate-y-10:hover{
    --transform-translate-y: 2.5rem !important;
  }

  .xxs\:hover\:translate-y-12:hover{
    --transform-translate-y: 3rem !important;
  }

  .xxs\:hover\:translate-y-16:hover{
    --transform-translate-y: 4rem !important;
  }

  .xxs\:hover\:translate-y-20:hover{
    --transform-translate-y: 5rem !important;
  }

  .xxs\:hover\:translate-y-24:hover{
    --transform-translate-y: 6rem !important;
  }

  .xxs\:hover\:translate-y-28:hover{
    --transform-translate-y: 7rem !important;
  }

  .xxs\:hover\:translate-y-32:hover{
    --transform-translate-y: 8rem !important;
  }

  .xxs\:hover\:translate-y-40:hover{
    --transform-translate-y: 10rem !important;
  }

  .xxs\:hover\:translate-y-48:hover{
    --transform-translate-y: 12rem !important;
  }

  .xxs\:hover\:translate-y-56:hover{
    --transform-translate-y: 14rem !important;
  }

  .xxs\:hover\:translate-y-64:hover{
    --transform-translate-y: 16rem !important;
  }

  .xxs\:hover\:translate-y-px:hover{
    --transform-translate-y: 1px !important;
  }

  .xxs\:hover\:translate-y-2px:hover{
    --transform-translate-y: 2px !important;
  }

  .xxs\:hover\:translate-y-3px:hover{
    --transform-translate-y: 3px !important;
  }

  .xxs\:hover\:translate-y-5px:hover{
    --transform-translate-y: 5px !important;
  }

  .xxs\:hover\:translate-y-10px:hover{
    --transform-translate-y: 10px !important;
  }

  .xxs\:hover\:translate-y-15px:hover{
    --transform-translate-y: 15px !important;
  }

  .xxs\:hover\:translate-y-20px:hover{
    --transform-translate-y: 20px !important;
  }

  .xxs\:hover\:translate-y-25px:hover{
    --transform-translate-y: 25px !important;
  }

  .xxs\:hover\:translate-y-30px:hover{
    --transform-translate-y: 30px !important;
  }

  .xxs\:hover\:translate-y-36px:hover{
    --transform-translate-y: 36px !important;
  }

  .xxs\:hover\:translate-y-50px:hover{
    --transform-translate-y: 50px !important;
  }

  .xxs\:hover\:translate-y-60px:hover{
    --transform-translate-y: 60px !important;
  }

  .xxs\:hover\:translate-y-120px:hover{
    --transform-translate-y: 120px !important;
  }

  .xxs\:hover\:-translate-y-1:hover{
    --transform-translate-y: -0.25rem !important;
  }

  .xxs\:hover\:-translate-y-2:hover{
    --transform-translate-y: -0.5rem !important;
  }

  .xxs\:hover\:-translate-y-3:hover{
    --transform-translate-y: -0.75rem !important;
  }

  .xxs\:hover\:-translate-y-4:hover{
    --transform-translate-y: -1rem !important;
  }

  .xxs\:hover\:-translate-y-5:hover{
    --transform-translate-y: -1.25rem !important;
  }

  .xxs\:hover\:-translate-y-6:hover{
    --transform-translate-y: -1.5rem !important;
  }

  .xxs\:hover\:-translate-y-8:hover{
    --transform-translate-y: -2rem !important;
  }

  .xxs\:hover\:-translate-y-10:hover{
    --transform-translate-y: -2.5rem !important;
  }

  .xxs\:hover\:-translate-y-12:hover{
    --transform-translate-y: -3rem !important;
  }

  .xxs\:hover\:-translate-y-16:hover{
    --transform-translate-y: -4rem !important;
  }

  .xxs\:hover\:-translate-y-20:hover{
    --transform-translate-y: -5rem !important;
  }

  .xxs\:hover\:-translate-y-24:hover{
    --transform-translate-y: -6rem !important;
  }

  .xxs\:hover\:-translate-y-28:hover{
    --transform-translate-y: -7rem !important;
  }

  .xxs\:hover\:-translate-y-32:hover{
    --transform-translate-y: -8rem !important;
  }

  .xxs\:hover\:-translate-y-40:hover{
    --transform-translate-y: -10rem !important;
  }

  .xxs\:hover\:-translate-y-48:hover{
    --transform-translate-y: -12rem !important;
  }

  .xxs\:hover\:-translate-y-56:hover{
    --transform-translate-y: -14rem !important;
  }

  .xxs\:hover\:-translate-y-64:hover{
    --transform-translate-y: -16rem !important;
  }

  .xxs\:hover\:-translate-y-px:hover{
    --transform-translate-y: -1px !important;
  }

  .xxs\:hover\:-translate-y-2px:hover{
    --transform-translate-y: -2px !important;
  }

  .xxs\:hover\:-translate-y-3px:hover{
    --transform-translate-y: -3px !important;
  }

  .xxs\:hover\:-translate-y-5px:hover{
    --transform-translate-y: -5px !important;
  }

  .xxs\:hover\:-translate-y-10px:hover{
    --transform-translate-y: -10px !important;
  }

  .xxs\:hover\:-translate-y-15px:hover{
    --transform-translate-y: -15px !important;
  }

  .xxs\:hover\:-translate-y-20px:hover{
    --transform-translate-y: -20px !important;
  }

  .xxs\:hover\:-translate-y-25px:hover{
    --transform-translate-y: -25px !important;
  }

  .xxs\:hover\:-translate-y-30px:hover{
    --transform-translate-y: -30px !important;
  }

  .xxs\:hover\:-translate-y-36px:hover{
    --transform-translate-y: -36px !important;
  }

  .xxs\:hover\:-translate-y-50px:hover{
    --transform-translate-y: -50px !important;
  }

  .xxs\:hover\:-translate-y-60px:hover{
    --transform-translate-y: -60px !important;
  }

  .xxs\:hover\:-translate-y-120px:hover{
    --transform-translate-y: -120px !important;
  }

  .xxs\:hover\:-translate-y-full:hover{
    --transform-translate-y: -100% !important;
  }

  .xxs\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y: -50% !important;
  }

  .xxs\:hover\:translate-y-1\/2:hover{
    --transform-translate-y: 50% !important;
  }

  .xxs\:hover\:translate-y-full:hover{
    --transform-translate-y: 100% !important;
  }

  .xxs\:focus\:translate-x-0:focus{
    --transform-translate-x: 0 !important;
  }

  .xxs\:focus\:translate-x-1:focus{
    --transform-translate-x: 0.25rem !important;
  }

  .xxs\:focus\:translate-x-2:focus{
    --transform-translate-x: 0.5rem !important;
  }

  .xxs\:focus\:translate-x-3:focus{
    --transform-translate-x: 0.75rem !important;
  }

  .xxs\:focus\:translate-x-4:focus{
    --transform-translate-x: 1rem !important;
  }

  .xxs\:focus\:translate-x-5:focus{
    --transform-translate-x: 1.25rem !important;
  }

  .xxs\:focus\:translate-x-6:focus{
    --transform-translate-x: 1.5rem !important;
  }

  .xxs\:focus\:translate-x-8:focus{
    --transform-translate-x: 2rem !important;
  }

  .xxs\:focus\:translate-x-10:focus{
    --transform-translate-x: 2.5rem !important;
  }

  .xxs\:focus\:translate-x-12:focus{
    --transform-translate-x: 3rem !important;
  }

  .xxs\:focus\:translate-x-16:focus{
    --transform-translate-x: 4rem !important;
  }

  .xxs\:focus\:translate-x-20:focus{
    --transform-translate-x: 5rem !important;
  }

  .xxs\:focus\:translate-x-24:focus{
    --transform-translate-x: 6rem !important;
  }

  .xxs\:focus\:translate-x-28:focus{
    --transform-translate-x: 7rem !important;
  }

  .xxs\:focus\:translate-x-32:focus{
    --transform-translate-x: 8rem !important;
  }

  .xxs\:focus\:translate-x-40:focus{
    --transform-translate-x: 10rem !important;
  }

  .xxs\:focus\:translate-x-48:focus{
    --transform-translate-x: 12rem !important;
  }

  .xxs\:focus\:translate-x-56:focus{
    --transform-translate-x: 14rem !important;
  }

  .xxs\:focus\:translate-x-64:focus{
    --transform-translate-x: 16rem !important;
  }

  .xxs\:focus\:translate-x-px:focus{
    --transform-translate-x: 1px !important;
  }

  .xxs\:focus\:translate-x-2px:focus{
    --transform-translate-x: 2px !important;
  }

  .xxs\:focus\:translate-x-3px:focus{
    --transform-translate-x: 3px !important;
  }

  .xxs\:focus\:translate-x-5px:focus{
    --transform-translate-x: 5px !important;
  }

  .xxs\:focus\:translate-x-10px:focus{
    --transform-translate-x: 10px !important;
  }

  .xxs\:focus\:translate-x-15px:focus{
    --transform-translate-x: 15px !important;
  }

  .xxs\:focus\:translate-x-20px:focus{
    --transform-translate-x: 20px !important;
  }

  .xxs\:focus\:translate-x-25px:focus{
    --transform-translate-x: 25px !important;
  }

  .xxs\:focus\:translate-x-30px:focus{
    --transform-translate-x: 30px !important;
  }

  .xxs\:focus\:translate-x-36px:focus{
    --transform-translate-x: 36px !important;
  }

  .xxs\:focus\:translate-x-50px:focus{
    --transform-translate-x: 50px !important;
  }

  .xxs\:focus\:translate-x-60px:focus{
    --transform-translate-x: 60px !important;
  }

  .xxs\:focus\:translate-x-120px:focus{
    --transform-translate-x: 120px !important;
  }

  .xxs\:focus\:-translate-x-1:focus{
    --transform-translate-x: -0.25rem !important;
  }

  .xxs\:focus\:-translate-x-2:focus{
    --transform-translate-x: -0.5rem !important;
  }

  .xxs\:focus\:-translate-x-3:focus{
    --transform-translate-x: -0.75rem !important;
  }

  .xxs\:focus\:-translate-x-4:focus{
    --transform-translate-x: -1rem !important;
  }

  .xxs\:focus\:-translate-x-5:focus{
    --transform-translate-x: -1.25rem !important;
  }

  .xxs\:focus\:-translate-x-6:focus{
    --transform-translate-x: -1.5rem !important;
  }

  .xxs\:focus\:-translate-x-8:focus{
    --transform-translate-x: -2rem !important;
  }

  .xxs\:focus\:-translate-x-10:focus{
    --transform-translate-x: -2.5rem !important;
  }

  .xxs\:focus\:-translate-x-12:focus{
    --transform-translate-x: -3rem !important;
  }

  .xxs\:focus\:-translate-x-16:focus{
    --transform-translate-x: -4rem !important;
  }

  .xxs\:focus\:-translate-x-20:focus{
    --transform-translate-x: -5rem !important;
  }

  .xxs\:focus\:-translate-x-24:focus{
    --transform-translate-x: -6rem !important;
  }

  .xxs\:focus\:-translate-x-28:focus{
    --transform-translate-x: -7rem !important;
  }

  .xxs\:focus\:-translate-x-32:focus{
    --transform-translate-x: -8rem !important;
  }

  .xxs\:focus\:-translate-x-40:focus{
    --transform-translate-x: -10rem !important;
  }

  .xxs\:focus\:-translate-x-48:focus{
    --transform-translate-x: -12rem !important;
  }

  .xxs\:focus\:-translate-x-56:focus{
    --transform-translate-x: -14rem !important;
  }

  .xxs\:focus\:-translate-x-64:focus{
    --transform-translate-x: -16rem !important;
  }

  .xxs\:focus\:-translate-x-px:focus{
    --transform-translate-x: -1px !important;
  }

  .xxs\:focus\:-translate-x-2px:focus{
    --transform-translate-x: -2px !important;
  }

  .xxs\:focus\:-translate-x-3px:focus{
    --transform-translate-x: -3px !important;
  }

  .xxs\:focus\:-translate-x-5px:focus{
    --transform-translate-x: -5px !important;
  }

  .xxs\:focus\:-translate-x-10px:focus{
    --transform-translate-x: -10px !important;
  }

  .xxs\:focus\:-translate-x-15px:focus{
    --transform-translate-x: -15px !important;
  }

  .xxs\:focus\:-translate-x-20px:focus{
    --transform-translate-x: -20px !important;
  }

  .xxs\:focus\:-translate-x-25px:focus{
    --transform-translate-x: -25px !important;
  }

  .xxs\:focus\:-translate-x-30px:focus{
    --transform-translate-x: -30px !important;
  }

  .xxs\:focus\:-translate-x-36px:focus{
    --transform-translate-x: -36px !important;
  }

  .xxs\:focus\:-translate-x-50px:focus{
    --transform-translate-x: -50px !important;
  }

  .xxs\:focus\:-translate-x-60px:focus{
    --transform-translate-x: -60px !important;
  }

  .xxs\:focus\:-translate-x-120px:focus{
    --transform-translate-x: -120px !important;
  }

  .xxs\:focus\:-translate-x-full:focus{
    --transform-translate-x: -100% !important;
  }

  .xxs\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x: -50% !important;
  }

  .xxs\:focus\:translate-x-1\/2:focus{
    --transform-translate-x: 50% !important;
  }

  .xxs\:focus\:translate-x-full:focus{
    --transform-translate-x: 100% !important;
  }

  .xxs\:focus\:translate-y-0:focus{
    --transform-translate-y: 0 !important;
  }

  .xxs\:focus\:translate-y-1:focus{
    --transform-translate-y: 0.25rem !important;
  }

  .xxs\:focus\:translate-y-2:focus{
    --transform-translate-y: 0.5rem !important;
  }

  .xxs\:focus\:translate-y-3:focus{
    --transform-translate-y: 0.75rem !important;
  }

  .xxs\:focus\:translate-y-4:focus{
    --transform-translate-y: 1rem !important;
  }

  .xxs\:focus\:translate-y-5:focus{
    --transform-translate-y: 1.25rem !important;
  }

  .xxs\:focus\:translate-y-6:focus{
    --transform-translate-y: 1.5rem !important;
  }

  .xxs\:focus\:translate-y-8:focus{
    --transform-translate-y: 2rem !important;
  }

  .xxs\:focus\:translate-y-10:focus{
    --transform-translate-y: 2.5rem !important;
  }

  .xxs\:focus\:translate-y-12:focus{
    --transform-translate-y: 3rem !important;
  }

  .xxs\:focus\:translate-y-16:focus{
    --transform-translate-y: 4rem !important;
  }

  .xxs\:focus\:translate-y-20:focus{
    --transform-translate-y: 5rem !important;
  }

  .xxs\:focus\:translate-y-24:focus{
    --transform-translate-y: 6rem !important;
  }

  .xxs\:focus\:translate-y-28:focus{
    --transform-translate-y: 7rem !important;
  }

  .xxs\:focus\:translate-y-32:focus{
    --transform-translate-y: 8rem !important;
  }

  .xxs\:focus\:translate-y-40:focus{
    --transform-translate-y: 10rem !important;
  }

  .xxs\:focus\:translate-y-48:focus{
    --transform-translate-y: 12rem !important;
  }

  .xxs\:focus\:translate-y-56:focus{
    --transform-translate-y: 14rem !important;
  }

  .xxs\:focus\:translate-y-64:focus{
    --transform-translate-y: 16rem !important;
  }

  .xxs\:focus\:translate-y-px:focus{
    --transform-translate-y: 1px !important;
  }

  .xxs\:focus\:translate-y-2px:focus{
    --transform-translate-y: 2px !important;
  }

  .xxs\:focus\:translate-y-3px:focus{
    --transform-translate-y: 3px !important;
  }

  .xxs\:focus\:translate-y-5px:focus{
    --transform-translate-y: 5px !important;
  }

  .xxs\:focus\:translate-y-10px:focus{
    --transform-translate-y: 10px !important;
  }

  .xxs\:focus\:translate-y-15px:focus{
    --transform-translate-y: 15px !important;
  }

  .xxs\:focus\:translate-y-20px:focus{
    --transform-translate-y: 20px !important;
  }

  .xxs\:focus\:translate-y-25px:focus{
    --transform-translate-y: 25px !important;
  }

  .xxs\:focus\:translate-y-30px:focus{
    --transform-translate-y: 30px !important;
  }

  .xxs\:focus\:translate-y-36px:focus{
    --transform-translate-y: 36px !important;
  }

  .xxs\:focus\:translate-y-50px:focus{
    --transform-translate-y: 50px !important;
  }

  .xxs\:focus\:translate-y-60px:focus{
    --transform-translate-y: 60px !important;
  }

  .xxs\:focus\:translate-y-120px:focus{
    --transform-translate-y: 120px !important;
  }

  .xxs\:focus\:-translate-y-1:focus{
    --transform-translate-y: -0.25rem !important;
  }

  .xxs\:focus\:-translate-y-2:focus{
    --transform-translate-y: -0.5rem !important;
  }

  .xxs\:focus\:-translate-y-3:focus{
    --transform-translate-y: -0.75rem !important;
  }

  .xxs\:focus\:-translate-y-4:focus{
    --transform-translate-y: -1rem !important;
  }

  .xxs\:focus\:-translate-y-5:focus{
    --transform-translate-y: -1.25rem !important;
  }

  .xxs\:focus\:-translate-y-6:focus{
    --transform-translate-y: -1.5rem !important;
  }

  .xxs\:focus\:-translate-y-8:focus{
    --transform-translate-y: -2rem !important;
  }

  .xxs\:focus\:-translate-y-10:focus{
    --transform-translate-y: -2.5rem !important;
  }

  .xxs\:focus\:-translate-y-12:focus{
    --transform-translate-y: -3rem !important;
  }

  .xxs\:focus\:-translate-y-16:focus{
    --transform-translate-y: -4rem !important;
  }

  .xxs\:focus\:-translate-y-20:focus{
    --transform-translate-y: -5rem !important;
  }

  .xxs\:focus\:-translate-y-24:focus{
    --transform-translate-y: -6rem !important;
  }

  .xxs\:focus\:-translate-y-28:focus{
    --transform-translate-y: -7rem !important;
  }

  .xxs\:focus\:-translate-y-32:focus{
    --transform-translate-y: -8rem !important;
  }

  .xxs\:focus\:-translate-y-40:focus{
    --transform-translate-y: -10rem !important;
  }

  .xxs\:focus\:-translate-y-48:focus{
    --transform-translate-y: -12rem !important;
  }

  .xxs\:focus\:-translate-y-56:focus{
    --transform-translate-y: -14rem !important;
  }

  .xxs\:focus\:-translate-y-64:focus{
    --transform-translate-y: -16rem !important;
  }

  .xxs\:focus\:-translate-y-px:focus{
    --transform-translate-y: -1px !important;
  }

  .xxs\:focus\:-translate-y-2px:focus{
    --transform-translate-y: -2px !important;
  }

  .xxs\:focus\:-translate-y-3px:focus{
    --transform-translate-y: -3px !important;
  }

  .xxs\:focus\:-translate-y-5px:focus{
    --transform-translate-y: -5px !important;
  }

  .xxs\:focus\:-translate-y-10px:focus{
    --transform-translate-y: -10px !important;
  }

  .xxs\:focus\:-translate-y-15px:focus{
    --transform-translate-y: -15px !important;
  }

  .xxs\:focus\:-translate-y-20px:focus{
    --transform-translate-y: -20px !important;
  }

  .xxs\:focus\:-translate-y-25px:focus{
    --transform-translate-y: -25px !important;
  }

  .xxs\:focus\:-translate-y-30px:focus{
    --transform-translate-y: -30px !important;
  }

  .xxs\:focus\:-translate-y-36px:focus{
    --transform-translate-y: -36px !important;
  }

  .xxs\:focus\:-translate-y-50px:focus{
    --transform-translate-y: -50px !important;
  }

  .xxs\:focus\:-translate-y-60px:focus{
    --transform-translate-y: -60px !important;
  }

  .xxs\:focus\:-translate-y-120px:focus{
    --transform-translate-y: -120px !important;
  }

  .xxs\:focus\:-translate-y-full:focus{
    --transform-translate-y: -100% !important;
  }

  .xxs\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y: -50% !important;
  }

  .xxs\:focus\:translate-y-1\/2:focus{
    --transform-translate-y: 50% !important;
  }

  .xxs\:focus\:translate-y-full:focus{
    --transform-translate-y: 100% !important;
  }

  .xxs\:skew-x-0{
    --transform-skew-x: 0 !important;
  }

  .xxs\:skew-x-1{
    --transform-skew-x: 1deg !important;
  }

  .xxs\:skew-x-2{
    --transform-skew-x: 2deg !important;
  }

  .xxs\:skew-x-3{
    --transform-skew-x: 3deg !important;
  }

  .xxs\:skew-x-6{
    --transform-skew-x: 6deg !important;
  }

  .xxs\:skew-x-12{
    --transform-skew-x: 12deg !important;
  }

  .xxs\:-skew-x-12{
    --transform-skew-x: -12deg !important;
  }

  .xxs\:-skew-x-6{
    --transform-skew-x: -6deg !important;
  }

  .xxs\:-skew-x-3{
    --transform-skew-x: -3deg !important;
  }

  .xxs\:-skew-x-2{
    --transform-skew-x: -2deg !important;
  }

  .xxs\:-skew-x-1{
    --transform-skew-x: -1deg !important;
  }

  .xxs\:skew-y-0{
    --transform-skew-y: 0 !important;
  }

  .xxs\:skew-y-1{
    --transform-skew-y: 1deg !important;
  }

  .xxs\:skew-y-2{
    --transform-skew-y: 2deg !important;
  }

  .xxs\:skew-y-3{
    --transform-skew-y: 3deg !important;
  }

  .xxs\:skew-y-6{
    --transform-skew-y: 6deg !important;
  }

  .xxs\:skew-y-12{
    --transform-skew-y: 12deg !important;
  }

  .xxs\:-skew-y-12{
    --transform-skew-y: -12deg !important;
  }

  .xxs\:-skew-y-6{
    --transform-skew-y: -6deg !important;
  }

  .xxs\:-skew-y-3{
    --transform-skew-y: -3deg !important;
  }

  .xxs\:-skew-y-2{
    --transform-skew-y: -2deg !important;
  }

  .xxs\:-skew-y-1{
    --transform-skew-y: -1deg !important;
  }

  .xxs\:hover\:skew-x-0:hover{
    --transform-skew-x: 0 !important;
  }

  .xxs\:hover\:skew-x-1:hover{
    --transform-skew-x: 1deg !important;
  }

  .xxs\:hover\:skew-x-2:hover{
    --transform-skew-x: 2deg !important;
  }

  .xxs\:hover\:skew-x-3:hover{
    --transform-skew-x: 3deg !important;
  }

  .xxs\:hover\:skew-x-6:hover{
    --transform-skew-x: 6deg !important;
  }

  .xxs\:hover\:skew-x-12:hover{
    --transform-skew-x: 12deg !important;
  }

  .xxs\:hover\:-skew-x-12:hover{
    --transform-skew-x: -12deg !important;
  }

  .xxs\:hover\:-skew-x-6:hover{
    --transform-skew-x: -6deg !important;
  }

  .xxs\:hover\:-skew-x-3:hover{
    --transform-skew-x: -3deg !important;
  }

  .xxs\:hover\:-skew-x-2:hover{
    --transform-skew-x: -2deg !important;
  }

  .xxs\:hover\:-skew-x-1:hover{
    --transform-skew-x: -1deg !important;
  }

  .xxs\:hover\:skew-y-0:hover{
    --transform-skew-y: 0 !important;
  }

  .xxs\:hover\:skew-y-1:hover{
    --transform-skew-y: 1deg !important;
  }

  .xxs\:hover\:skew-y-2:hover{
    --transform-skew-y: 2deg !important;
  }

  .xxs\:hover\:skew-y-3:hover{
    --transform-skew-y: 3deg !important;
  }

  .xxs\:hover\:skew-y-6:hover{
    --transform-skew-y: 6deg !important;
  }

  .xxs\:hover\:skew-y-12:hover{
    --transform-skew-y: 12deg !important;
  }

  .xxs\:hover\:-skew-y-12:hover{
    --transform-skew-y: -12deg !important;
  }

  .xxs\:hover\:-skew-y-6:hover{
    --transform-skew-y: -6deg !important;
  }

  .xxs\:hover\:-skew-y-3:hover{
    --transform-skew-y: -3deg !important;
  }

  .xxs\:hover\:-skew-y-2:hover{
    --transform-skew-y: -2deg !important;
  }

  .xxs\:hover\:-skew-y-1:hover{
    --transform-skew-y: -1deg !important;
  }

  .xxs\:focus\:skew-x-0:focus{
    --transform-skew-x: 0 !important;
  }

  .xxs\:focus\:skew-x-1:focus{
    --transform-skew-x: 1deg !important;
  }

  .xxs\:focus\:skew-x-2:focus{
    --transform-skew-x: 2deg !important;
  }

  .xxs\:focus\:skew-x-3:focus{
    --transform-skew-x: 3deg !important;
  }

  .xxs\:focus\:skew-x-6:focus{
    --transform-skew-x: 6deg !important;
  }

  .xxs\:focus\:skew-x-12:focus{
    --transform-skew-x: 12deg !important;
  }

  .xxs\:focus\:-skew-x-12:focus{
    --transform-skew-x: -12deg !important;
  }

  .xxs\:focus\:-skew-x-6:focus{
    --transform-skew-x: -6deg !important;
  }

  .xxs\:focus\:-skew-x-3:focus{
    --transform-skew-x: -3deg !important;
  }

  .xxs\:focus\:-skew-x-2:focus{
    --transform-skew-x: -2deg !important;
  }

  .xxs\:focus\:-skew-x-1:focus{
    --transform-skew-x: -1deg !important;
  }

  .xxs\:focus\:skew-y-0:focus{
    --transform-skew-y: 0 !important;
  }

  .xxs\:focus\:skew-y-1:focus{
    --transform-skew-y: 1deg !important;
  }

  .xxs\:focus\:skew-y-2:focus{
    --transform-skew-y: 2deg !important;
  }

  .xxs\:focus\:skew-y-3:focus{
    --transform-skew-y: 3deg !important;
  }

  .xxs\:focus\:skew-y-6:focus{
    --transform-skew-y: 6deg !important;
  }

  .xxs\:focus\:skew-y-12:focus{
    --transform-skew-y: 12deg !important;
  }

  .xxs\:focus\:-skew-y-12:focus{
    --transform-skew-y: -12deg !important;
  }

  .xxs\:focus\:-skew-y-6:focus{
    --transform-skew-y: -6deg !important;
  }

  .xxs\:focus\:-skew-y-3:focus{
    --transform-skew-y: -3deg !important;
  }

  .xxs\:focus\:-skew-y-2:focus{
    --transform-skew-y: -2deg !important;
  }

  .xxs\:focus\:-skew-y-1:focus{
    --transform-skew-y: -1deg !important;
  }

  .xxs\:transition-0{
    -webkit-transition-property: hover !important;
    transition-property: hover !important;
  }

  .xxs\:transition-1{
    -webkit-transition-property: focus !important;
    transition-property: focus !important;
  }

  .xxs\:transition-none{
    -webkit-transition-property: none !important;
    transition-property: none !important;
  }

  .xxs\:transition-all{
    -webkit-transition-property: all !important;
    transition-property: all !important;
  }

  .xxs\:transition{
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform !important;
  }

  .xxs\:transition-colors{
    -webkit-transition-property: background-color, border-color, color, fill, stroke !important;
    transition-property: background-color, border-color, color, fill, stroke !important;
  }

  .xxs\:transition-opacity{
    -webkit-transition-property: opacity !important;
    transition-property: opacity !important;
  }

  .xxs\:transition-shadow{
    -webkit-transition-property: -webkit-box-shadow !important;
    transition-property: -webkit-box-shadow !important;
    transition-property: box-shadow !important;
    transition-property: box-shadow, -webkit-box-shadow !important;
  }

  .xxs\:transition-transform{
    -webkit-transition-property: -webkit-transform !important;
    transition-property: -webkit-transform !important;
    transition-property: transform !important;
    transition-property: transform, -webkit-transform !important;
  }

  .xxs\:ease-linear{
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
  }

  .xxs\:ease-in{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }

  .xxs\:ease-out{
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }

  .xxs\:ease-in-out{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .xxs\:duration-75{
    -webkit-transition-duration: 75ms !important;
    transition-duration: 75ms !important;
  }

  .xxs\:duration-100{
    -webkit-transition-duration: 100ms !important;
    transition-duration: 100ms !important;
  }

  .xxs\:duration-150{
    -webkit-transition-duration: 150ms !important;
    transition-duration: 150ms !important;
  }

  .xxs\:duration-200{
    -webkit-transition-duration: 200ms !important;
    transition-duration: 200ms !important;
  }

  .xxs\:duration-300{
    -webkit-transition-duration: 300ms !important;
    transition-duration: 300ms !important;
  }

  .xxs\:duration-500{
    -webkit-transition-duration: 500ms !important;
    transition-duration: 500ms !important;
  }

  .xxs\:duration-700{
    -webkit-transition-duration: 700ms !important;
    transition-duration: 700ms !important;
  }

  .xxs\:duration-1000{
    -webkit-transition-duration: 1000ms !important;
    transition-duration: 1000ms !important;
  }

  .xxs\:delay-75{
    -webkit-transition-delay: 75ms !important;
    transition-delay: 75ms !important;
  }

  .xxs\:delay-100{
    -webkit-transition-delay: 100ms !important;
    transition-delay: 100ms !important;
  }

  .xxs\:delay-150{
    -webkit-transition-delay: 150ms !important;
    transition-delay: 150ms !important;
  }

  .xxs\:delay-200{
    -webkit-transition-delay: 200ms !important;
    transition-delay: 200ms !important;
  }

  .xxs\:delay-300{
    -webkit-transition-delay: 300ms !important;
    transition-delay: 300ms !important;
  }

  .xxs\:delay-500{
    -webkit-transition-delay: 500ms !important;
    transition-delay: 500ms !important;
  }

  .xxs\:delay-700{
    -webkit-transition-delay: 700ms !important;
    transition-delay: 700ms !important;
  }

  .xxs\:delay-1000{
    -webkit-transition-delay: 1000ms !important;
    transition-delay: 1000ms !important;
  }

  .xxs\:animate-none{
    -webkit-animation: none !important;
    animation: none !important;
  }

  .xxs\:animate-spin{
    -webkit-animation: spin 1s linear infinite !important;
    animation: spin 1s linear infinite !important;
  }

  .xxs\:animate-ping{
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  }

  .xxs\:animate-pulse{
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }

  .xxs\:animate-bounce{
    -webkit-animation: bounce 1s infinite !important;
    animation: bounce 1s infinite !important;
  }
}

@media (min-width: 360px){
  .xs\:container{
    width: 100%;
  }

  @media (min-width: 320px){
    .xs\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 360px){
    .xs\:container{
      max-width: 360px;
    }
  }

  @media (min-width: 560px){
    .xs\:container{
      max-width: 560px;
    }
  }

  @media (min-width: 768px){
    .xs\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .xs\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .xs\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 1920px){
    .xs\:container{
      max-width: 1920px;
    }
  }

  .xs\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1rem * var(--space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2rem * var(--space-x-reverse)) !important;
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3rem * var(--space-x-reverse)) !important;
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(4rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(4rem * var(--space-x-reverse)) !important;
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5rem * var(--space-x-reverse)) !important;
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(6rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(6rem * var(--space-x-reverse)) !important;
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(7rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(7rem * var(--space-x-reverse)) !important;
    margin-left: calc(7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(8rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(8rem * var(--space-x-reverse)) !important;
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10rem * var(--space-x-reverse)) !important;
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(12rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(12rem * var(--space-x-reverse)) !important;
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(14rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(14rem * var(--space-x-reverse)) !important;
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(16rem * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(16rem * var(--space-x-reverse)) !important;
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1px * var(--space-x-reverse)) !important;
    margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2px * var(--space-x-reverse)) !important;
    margin-left: calc(2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3px * var(--space-x-reverse)) !important;
    margin-left: calc(3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5px * var(--space-x-reverse)) !important;
    margin-left: calc(5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10px * var(--space-x-reverse)) !important;
    margin-left: calc(10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(15px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(15px * var(--space-x-reverse)) !important;
    margin-left: calc(15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(20px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(20px * var(--space-x-reverse)) !important;
    margin-left: calc(20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(25px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(25px * var(--space-x-reverse)) !important;
    margin-left: calc(25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(30px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(30px * var(--space-x-reverse)) !important;
    margin-left: calc(30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(36px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(36px * var(--space-x-reverse)) !important;
    margin-left: calc(36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(50px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(50px * var(--space-x-reverse)) !important;
    margin-left: calc(50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(60px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(60px * var(--space-x-reverse)) !important;
    margin-left: calc(60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(120px * var(--space-y-reverse)) !important;
  }

  .xs\:space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(120px * var(--space-x-reverse)) !important;
    margin-left: calc(120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3rem * var(--space-x-reverse)) !important;
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-4rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-4rem * var(--space-x-reverse)) !important;
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-6rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-6rem * var(--space-x-reverse)) !important;
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-7rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-7rem * var(--space-x-reverse)) !important;
    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-8rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-8rem * var(--space-x-reverse)) !important;
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10rem * var(--space-x-reverse)) !important;
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-12rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-12rem * var(--space-x-reverse)) !important;
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-14rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-14rem * var(--space-x-reverse)) !important;
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-16rem * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-16rem * var(--space-x-reverse)) !important;
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1px * var(--space-x-reverse)) !important;
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2px * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2px * var(--space-x-reverse)) !important;
    margin-left: calc(-2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3px * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3px * var(--space-x-reverse)) !important;
    margin-left: calc(-3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5px * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5px * var(--space-x-reverse)) !important;
    margin-left: calc(-5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10px * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10px * var(--space-x-reverse)) !important;
    margin-left: calc(-10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-15px * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-15px * var(--space-x-reverse)) !important;
    margin-left: calc(-15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-20px * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-20px * var(--space-x-reverse)) !important;
    margin-left: calc(-20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-25px * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-25px * var(--space-x-reverse)) !important;
    margin-left: calc(-25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-30px * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-30px * var(--space-x-reverse)) !important;
    margin-left: calc(-30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-36px * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-36px * var(--space-x-reverse)) !important;
    margin-left: calc(-36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-50px * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-50px * var(--space-x-reverse)) !important;
    margin-left: calc(-50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-60px * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-60px * var(--space-x-reverse)) !important;
    margin-left: calc(-60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:-space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-120px * var(--space-y-reverse)) !important;
  }

  .xs\:-space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-120px * var(--space-x-reverse)) !important;
    margin-left: calc(-120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xs\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1 !important;
  }

  .xs\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1 !important;
  }

  .xs\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
  }

  .xs\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(0px * var(--divide-x-reverse)) !important;
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xs\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
  }

  .xs\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(2px * var(--divide-x-reverse)) !important;
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xs\:divide-y-3 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(3px * var(--divide-y-reverse)) !important;
  }

  .xs\:divide-x-3 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(3px * var(--divide-x-reverse)) !important;
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xs\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
  }

  .xs\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(4px * var(--divide-x-reverse)) !important;
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xs\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
  }

  .xs\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(8px * var(--divide-x-reverse)) !important;
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xs\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
  }

  .xs\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xs\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1 !important;
  }

  .xs\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1 !important;
  }

  .xs\:divide-transparent > :not(template) ~ :not(template){
    border-color: transparent !important;
  }

  .xs\:divide-current > :not(template) ~ :not(template){
    border-color: currentColor !important;
  }

  .xs\:divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
  }

  .xs\:divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
  }

  .xs\:divide-red > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--divide-opacity)) !important;
  }

  .xs\:divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
  }

  .xs\:divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
  }

  .xs\:divide-orange-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
  }

  .xs\:divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
  }

  .xs\:divide-orange-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
  }

  .xs\:divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
  }

  .xs\:divide-orange-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
  }

  .xs\:divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
  }

  .xs\:divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
  }

  .xs\:divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
  }

  .xs\:divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
  }

  .xs\:divide-yellow-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
  }

  .xs\:divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
  }

  .xs\:divide-yellow-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
  }

  .xs\:divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
  }

  .xs\:divide-yellow-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
  }

  .xs\:divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
  }

  .xs\:divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
  }

  .xs\:divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
  }

  .xs\:divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
  }

  .xs\:divide-green-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
  }

  .xs\:divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
  }

  .xs\:divide-green-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
  }

  .xs\:divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
  }

  .xs\:divide-green-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
  }

  .xs\:divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
  }

  .xs\:divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
  }

  .xs\:divide-teal-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
  }

  .xs\:divide-teal-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
  }

  .xs\:divide-teal-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
  }

  .xs\:divide-teal-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
  }

  .xs\:divide-teal-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
  }

  .xs\:divide-teal-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
  }

  .xs\:divide-teal-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
  }

  .xs\:divide-teal-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
  }

  .xs\:divide-teal-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
  }

  .xs\:divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
  }

  .xs\:divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
  }

  .xs\:divide-blue-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
  }

  .xs\:divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
  }

  .xs\:divide-blue-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
  }

  .xs\:divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
  }

  .xs\:divide-blue-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
  }

  .xs\:divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
  }

  .xs\:divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
  }

  .xs\:divide-indigo-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
  }

  .xs\:divide-indigo-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
  }

  .xs\:divide-indigo-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
  }

  .xs\:divide-indigo-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
  }

  .xs\:divide-indigo-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
  }

  .xs\:divide-indigo-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
  }

  .xs\:divide-indigo-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
  }

  .xs\:divide-indigo-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
  }

  .xs\:divide-indigo-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
  }

  .xs\:divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
  }

  .xs\:divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
  }

  .xs\:divide-purple-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
  }

  .xs\:divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
  }

  .xs\:divide-purple-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
  }

  .xs\:divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
  }

  .xs\:divide-purple-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
  }

  .xs\:divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
  }

  .xs\:divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
  }

  .xs\:divide-pink-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
  }

  .xs\:divide-pink-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
  }

  .xs\:divide-pink-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
  }

  .xs\:divide-pink-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
  }

  .xs\:divide-pink-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
  }

  .xs\:divide-pink-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
  }

  .xs\:divide-pink-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
  }

  .xs\:divide-pink-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
  }

  .xs\:divide-pink-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
  }

  .xs\:divide-primary-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .xs\:divide-primary-hover-color > :not(template) ~ :not(template){
    border-color: var(--hover-color) !important;
  }

  .xs\:divide-gray-body > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-333 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-666 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-888 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-999 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-icon > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-features > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--divide-opacity)) !important;
  }

  .xs\:divide-slide-border > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--divide-opacity)) !important;
  }

  .xs\:divide-sale-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .xs\:divide-hit-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--divide-opacity)) !important;
  }

  .xs\:divide-new-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--divide-opacity)) !important;
  }

  .xs\:divide-fb-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--divide-opacity)) !important;
  }

  .xs\:divide-fb-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--divide-opacity)) !important;
  }

  .xs\:divide-vk-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--divide-opacity)) !important;
  }

  .xs\:divide-vk-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--divide-opacity)) !important;
  }

  .xs\:divide-insta-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--divide-opacity)) !important;
  }

  .xs\:divide-insta-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-dc > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-cd > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--divide-opacity)) !important;
  }

  .xs\:divide-gray-e7 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--divide-opacity)) !important;
  }

  .xs\:divide-check-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--divide-opacity)) !important;
  }

  .xs\:divide-docx-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--divide-opacity)) !important;
  }

  .xs\:divide-dark-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--divide-opacity)) !important;
  }

  .xs\:divide-green-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--divide-opacity)) !important;
  }

  .xs\:divide-solid > :not(template) ~ :not(template){
    border-style: solid !important;
  }

  .xs\:divide-dashed > :not(template) ~ :not(template){
    border-style: dashed !important;
  }

  .xs\:divide-dotted > :not(template) ~ :not(template){
    border-style: dotted !important;
  }

  .xs\:divide-double > :not(template) ~ :not(template){
    border-style: double !important;
  }

  .xs\:divide-none > :not(template) ~ :not(template){
    border-style: none !important;
  }

  .xs\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0 !important;
  }

  .xs\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25 !important;
  }

  .xs\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5 !important;
  }

  .xs\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75 !important;
  }

  .xs\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
  }

  .xs\:sr-only{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .xs\:not-sr-only{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .xs\:focus\:sr-only:focus{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .xs\:focus\:not-sr-only:focus{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .xs\:appearance-none{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }

  .xs\:bg-fixed{
    background-attachment: fixed !important;
  }

  .xs\:bg-local{
    background-attachment: local !important;
  }

  .xs\:bg-scroll{
    background-attachment: scroll !important;
  }

  .xs\:bg-clip-border{
    background-clip: border-box !important;
  }

  .xs\:bg-clip-padding{
    background-clip: padding-box !important;
  }

  .xs\:bg-clip-content{
    background-clip: content-box !important;
  }

  .xs\:bg-clip-text{
    -webkit-background-clip: text !important;
    background-clip: text !important;
  }

  .xs\:bg-transparent{
    background-color: transparent !important;
  }

  .xs\:bg-current{
    background-color: currentColor !important;
  }

  .xs\:bg-black{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xs\:bg-white{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-100{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-200{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-300{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-400{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-500{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-600{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-700{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-800{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-900{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .xs\:bg-red{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .xs\:bg-orange-100{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .xs\:bg-orange-200{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .xs\:bg-orange-300{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .xs\:bg-orange-400{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .xs\:bg-orange-500{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .xs\:bg-orange-600{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .xs\:bg-orange-700{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .xs\:bg-orange-800{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .xs\:bg-orange-900{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .xs\:bg-yellow-100{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .xs\:bg-yellow-200{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .xs\:bg-yellow-300{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .xs\:bg-yellow-400{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .xs\:bg-yellow-500{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .xs\:bg-yellow-600{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .xs\:bg-yellow-700{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .xs\:bg-yellow-800{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .xs\:bg-yellow-900{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .xs\:bg-green-100{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .xs\:bg-green-200{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .xs\:bg-green-300{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .xs\:bg-green-400{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .xs\:bg-green-500{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .xs\:bg-green-600{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .xs\:bg-green-700{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .xs\:bg-green-800{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .xs\:bg-green-900{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .xs\:bg-teal-100{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .xs\:bg-teal-200{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .xs\:bg-teal-300{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .xs\:bg-teal-400{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .xs\:bg-teal-500{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .xs\:bg-teal-600{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .xs\:bg-teal-700{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .xs\:bg-teal-800{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .xs\:bg-teal-900{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .xs\:bg-blue-100{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .xs\:bg-blue-200{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .xs\:bg-blue-300{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .xs\:bg-blue-400{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .xs\:bg-blue-500{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .xs\:bg-blue-600{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .xs\:bg-blue-700{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .xs\:bg-blue-800{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .xs\:bg-blue-900{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .xs\:bg-indigo-100{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .xs\:bg-indigo-200{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .xs\:bg-indigo-300{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .xs\:bg-indigo-400{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .xs\:bg-indigo-500{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .xs\:bg-indigo-600{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .xs\:bg-indigo-700{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .xs\:bg-indigo-800{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .xs\:bg-indigo-900{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .xs\:bg-purple-100{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .xs\:bg-purple-200{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .xs\:bg-purple-300{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .xs\:bg-purple-400{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .xs\:bg-purple-500{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .xs\:bg-purple-600{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .xs\:bg-purple-700{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .xs\:bg-purple-800{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .xs\:bg-purple-900{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .xs\:bg-pink-100{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .xs\:bg-pink-200{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .xs\:bg-pink-300{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .xs\:bg-pink-400{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .xs\:bg-pink-500{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .xs\:bg-pink-600{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .xs\:bg-pink-700{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .xs\:bg-pink-800{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .xs\:bg-pink-900{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .xs\:bg-primary-color{
    background-color: var(--primary-color) !important;
  }

  .xs\:bg-primary-hover-color{
    background-color: var(--hover-color) !important;
  }

  .xs\:bg-gray-body{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-light{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-333{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-666{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-888{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-999{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-icon{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-features{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .xs\:bg-slide-border{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .xs\:bg-sale-color{
    background-color: var(--primary-color) !important;
  }

  .xs\:bg-hit-color{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .xs\:bg-new-color{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .xs\:bg-fb-hover-color{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .xs\:bg-fb-active-color{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .xs\:bg-vk-hover-color{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .xs\:bg-vk-active-color{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .xs\:bg-insta-hover-color{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .xs\:bg-insta-active-color{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-dc{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-cd{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .xs\:bg-gray-e7{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .xs\:bg-check-color{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .xs\:bg-docx-color{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .xs\:bg-dark-black{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .xs\:bg-green-light{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-transparent:hover{
    background-color: transparent !important;
  }

  .xs\:hover\:bg-current:hover{
    background-color: currentColor !important;
  }

  .xs\:hover\:bg-black:hover{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-white:hover{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-200:hover{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-300:hover{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-400:hover{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-500:hover{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-600:hover{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-900:hover{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-red:hover{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-orange-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-orange-200:hover{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-orange-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-orange-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-orange-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-orange-600:hover{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-orange-700:hover{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-orange-800:hover{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-orange-900:hover{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-yellow-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-yellow-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-yellow-300:hover{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-yellow-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-yellow-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-yellow-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-yellow-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-yellow-800:hover{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-yellow-900:hover{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-green-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-green-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-green-300:hover{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-green-400:hover{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-green-500:hover{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-green-600:hover{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-green-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-green-800:hover{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-green-900:hover{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-teal-100:hover{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-teal-200:hover{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-teal-300:hover{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-teal-400:hover{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-teal-500:hover{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-teal-600:hover{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-teal-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-teal-800:hover{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-teal-900:hover{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-blue-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-blue-200:hover{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-blue-300:hover{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-blue-400:hover{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-blue-500:hover{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-blue-600:hover{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-blue-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-blue-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-blue-900:hover{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-indigo-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-indigo-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-indigo-300:hover{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-indigo-400:hover{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-indigo-500:hover{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-indigo-600:hover{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-indigo-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-indigo-800:hover{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-indigo-900:hover{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-purple-100:hover{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-purple-200:hover{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-purple-300:hover{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-purple-400:hover{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-purple-500:hover{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-purple-600:hover{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-purple-700:hover{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-purple-800:hover{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-purple-900:hover{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-pink-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-pink-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-pink-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-pink-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-pink-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-pink-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-pink-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-pink-800:hover{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-pink-900:hover{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-primary-color:hover{
    background-color: var(--primary-color) !important;
  }

  .xs\:hover\:bg-primary-hover-color:hover{
    background-color: var(--hover-color) !important;
  }

  .xs\:hover\:bg-gray-body:hover{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-light:hover{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-333:hover{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-666:hover{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-888:hover{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-999:hover{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-icon:hover{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-features:hover{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-slide-border:hover{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-sale-color:hover{
    background-color: var(--primary-color) !important;
  }

  .xs\:hover\:bg-hit-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-new-color:hover{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-fb-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-fb-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-vk-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-vk-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-insta-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-insta-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-dc:hover{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-cd:hover{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-gray-e7:hover{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-check-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-docx-color:hover{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-dark-black:hover{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .xs\:hover\:bg-green-light:hover{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-transparent:focus{
    background-color: transparent !important;
  }

  .xs\:focus\:bg-current:focus{
    background-color: currentColor !important;
  }

  .xs\:focus\:bg-black:focus{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-white:focus{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-200:focus{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-300:focus{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-400:focus{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-500:focus{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-600:focus{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-900:focus{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-red:focus{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-orange-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-orange-200:focus{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-orange-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-orange-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-orange-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-orange-600:focus{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-orange-700:focus{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-orange-800:focus{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-orange-900:focus{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-yellow-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-yellow-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-yellow-300:focus{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-yellow-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-yellow-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-yellow-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-yellow-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-yellow-800:focus{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-yellow-900:focus{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-green-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-green-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-green-300:focus{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-green-400:focus{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-green-500:focus{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-green-600:focus{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-green-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-green-800:focus{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-green-900:focus{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-teal-100:focus{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-teal-200:focus{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-teal-300:focus{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-teal-400:focus{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-teal-500:focus{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-teal-600:focus{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-teal-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-teal-800:focus{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-teal-900:focus{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-blue-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-blue-200:focus{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-blue-300:focus{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-blue-400:focus{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-blue-500:focus{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-blue-600:focus{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-blue-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-blue-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-blue-900:focus{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-indigo-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-indigo-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-indigo-300:focus{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-indigo-400:focus{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-indigo-500:focus{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-indigo-600:focus{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-indigo-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-indigo-800:focus{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-indigo-900:focus{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-purple-100:focus{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-purple-200:focus{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-purple-300:focus{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-purple-400:focus{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-purple-500:focus{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-purple-600:focus{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-purple-700:focus{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-purple-800:focus{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-purple-900:focus{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-pink-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-pink-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-pink-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-pink-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-pink-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-pink-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-pink-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-pink-800:focus{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-pink-900:focus{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-primary-color:focus{
    background-color: var(--primary-color) !important;
  }

  .xs\:focus\:bg-primary-hover-color:focus{
    background-color: var(--hover-color) !important;
  }

  .xs\:focus\:bg-gray-body:focus{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-light:focus{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-333:focus{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-666:focus{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-888:focus{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-999:focus{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-icon:focus{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-features:focus{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-slide-border:focus{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-sale-color:focus{
    background-color: var(--primary-color) !important;
  }

  .xs\:focus\:bg-hit-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-new-color:focus{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-fb-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-fb-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-vk-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-vk-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-insta-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-insta-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-dc:focus{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-cd:focus{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-gray-e7:focus{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-check-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-docx-color:focus{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-dark-black:focus{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .xs\:focus\:bg-green-light:focus{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .xs\:bg-none{
    background-image: none !important;
  }

  .xs\:bg-gradient-to-t{
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
  }

  .xs\:bg-gradient-to-tr{
    background-image: -webkit-gradient(linear, left bottom, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
  }

  .xs\:bg-gradient-to-r{
    background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
  }

  .xs\:bg-gradient-to-br{
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
  }

  .xs\:bg-gradient-to-b{
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
  }

  .xs\:bg-gradient-to-bl{
    background-image: -webkit-gradient(linear, right top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
  }

  .xs\:bg-gradient-to-l{
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
  }

  .xs\:bg-gradient-to-tl{
    background-image: -webkit-gradient(linear, right bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
  }

  .xs\:from-transparent{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xs\:from-current{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:from-black{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xs\:from-white{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:from-gray-100{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xs\:from-gray-200{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xs\:from-gray-300{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xs\:from-gray-400{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xs\:from-gray-500{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xs\:from-gray-600{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xs\:from-gray-700{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xs\:from-gray-800{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xs\:from-gray-900{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xs\:from-red{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xs\:from-orange-100{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xs\:from-orange-200{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xs\:from-orange-300{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xs\:from-orange-400{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xs\:from-orange-500{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xs\:from-orange-600{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xs\:from-orange-700{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xs\:from-orange-800{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xs\:from-orange-900{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xs\:from-yellow-100{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xs\:from-yellow-200{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xs\:from-yellow-300{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xs\:from-yellow-400{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xs\:from-yellow-500{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xs\:from-yellow-600{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xs\:from-yellow-700{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xs\:from-yellow-800{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xs\:from-yellow-900{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xs\:from-green-100{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xs\:from-green-200{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xs\:from-green-300{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xs\:from-green-400{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xs\:from-green-500{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xs\:from-green-600{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xs\:from-green-700{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xs\:from-green-800{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xs\:from-green-900{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xs\:from-teal-100{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xs\:from-teal-200{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xs\:from-teal-300{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xs\:from-teal-400{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xs\:from-teal-500{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xs\:from-teal-600{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xs\:from-teal-700{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xs\:from-teal-800{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xs\:from-teal-900{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xs\:from-blue-100{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xs\:from-blue-200{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xs\:from-blue-300{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xs\:from-blue-400{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xs\:from-blue-500{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xs\:from-blue-600{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xs\:from-blue-700{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xs\:from-blue-800{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xs\:from-blue-900{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xs\:from-indigo-100{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xs\:from-indigo-200{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xs\:from-indigo-300{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xs\:from-indigo-400{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xs\:from-indigo-500{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xs\:from-indigo-600{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xs\:from-indigo-700{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xs\:from-indigo-800{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xs\:from-indigo-900{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xs\:from-purple-100{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xs\:from-purple-200{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xs\:from-purple-300{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xs\:from-purple-400{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xs\:from-purple-500{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xs\:from-purple-600{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xs\:from-purple-700{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xs\:from-purple-800{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xs\:from-purple-900{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xs\:from-pink-100{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xs\:from-pink-200{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xs\:from-pink-300{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xs\:from-pink-400{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xs\:from-pink-500{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xs\:from-pink-600{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xs\:from-pink-700{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xs\:from-pink-800{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xs\:from-pink-900{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xs\:from-primary-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:from-primary-hover-color{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:from-gray-body{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xs\:from-gray-light{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xs\:from-gray-333{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xs\:from-gray-666{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xs\:from-gray-888{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xs\:from-gray-999{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xs\:from-gray-icon{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xs\:from-gray-features{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xs\:from-slide-border{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xs\:from-sale-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:from-hit-color{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xs\:from-new-color{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xs\:from-fb-hover-color{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xs\:from-fb-active-color{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xs\:from-vk-hover-color{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xs\:from-vk-active-color{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xs\:from-insta-hover-color{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xs\:from-insta-active-color{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xs\:from-gray-dc{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xs\:from-gray-cd{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xs\:from-gray-e7{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xs\:from-check-color{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xs\:from-docx-color{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xs\:from-dark-black{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xs\:from-green-light{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xs\:via-transparent{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xs\:via-current{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:via-black{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xs\:via-white{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:via-gray-100{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xs\:via-gray-200{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xs\:via-gray-300{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xs\:via-gray-400{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xs\:via-gray-500{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xs\:via-gray-600{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xs\:via-gray-700{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xs\:via-gray-800{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xs\:via-gray-900{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xs\:via-red{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xs\:via-orange-100{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xs\:via-orange-200{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xs\:via-orange-300{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xs\:via-orange-400{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xs\:via-orange-500{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xs\:via-orange-600{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xs\:via-orange-700{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xs\:via-orange-800{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xs\:via-orange-900{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xs\:via-yellow-100{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xs\:via-yellow-200{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xs\:via-yellow-300{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xs\:via-yellow-400{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xs\:via-yellow-500{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xs\:via-yellow-600{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xs\:via-yellow-700{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xs\:via-yellow-800{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xs\:via-yellow-900{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xs\:via-green-100{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xs\:via-green-200{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xs\:via-green-300{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xs\:via-green-400{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xs\:via-green-500{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xs\:via-green-600{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xs\:via-green-700{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xs\:via-green-800{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xs\:via-green-900{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xs\:via-teal-100{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xs\:via-teal-200{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xs\:via-teal-300{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xs\:via-teal-400{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xs\:via-teal-500{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xs\:via-teal-600{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xs\:via-teal-700{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xs\:via-teal-800{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xs\:via-teal-900{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xs\:via-blue-100{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xs\:via-blue-200{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xs\:via-blue-300{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xs\:via-blue-400{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xs\:via-blue-500{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xs\:via-blue-600{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xs\:via-blue-700{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xs\:via-blue-800{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xs\:via-blue-900{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xs\:via-indigo-100{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xs\:via-indigo-200{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xs\:via-indigo-300{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xs\:via-indigo-400{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xs\:via-indigo-500{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xs\:via-indigo-600{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xs\:via-indigo-700{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xs\:via-indigo-800{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xs\:via-indigo-900{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xs\:via-purple-100{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xs\:via-purple-200{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xs\:via-purple-300{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xs\:via-purple-400{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xs\:via-purple-500{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xs\:via-purple-600{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xs\:via-purple-700{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xs\:via-purple-800{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xs\:via-purple-900{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xs\:via-pink-100{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xs\:via-pink-200{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xs\:via-pink-300{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xs\:via-pink-400{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xs\:via-pink-500{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xs\:via-pink-600{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xs\:via-pink-700{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xs\:via-pink-800{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xs\:via-pink-900{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xs\:via-primary-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:via-primary-hover-color{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:via-gray-body{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xs\:via-gray-light{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xs\:via-gray-333{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xs\:via-gray-666{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xs\:via-gray-888{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xs\:via-gray-999{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xs\:via-gray-icon{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xs\:via-gray-features{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xs\:via-slide-border{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xs\:via-sale-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:via-hit-color{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xs\:via-new-color{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xs\:via-fb-hover-color{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xs\:via-fb-active-color{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xs\:via-vk-hover-color{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xs\:via-vk-active-color{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xs\:via-insta-hover-color{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xs\:via-insta-active-color{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xs\:via-gray-dc{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xs\:via-gray-cd{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xs\:via-gray-e7{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xs\:via-check-color{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xs\:via-docx-color{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xs\:via-dark-black{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xs\:via-green-light{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xs\:to-transparent{
    --gradient-to-color: transparent !important;
  }

  .xs\:to-current{
    --gradient-to-color: currentColor !important;
  }

  .xs\:to-black{
    --gradient-to-color: #000 !important;
  }

  .xs\:to-white{
    --gradient-to-color: #fff !important;
  }

  .xs\:to-gray-100{
    --gradient-to-color: #f7fafc !important;
  }

  .xs\:to-gray-200{
    --gradient-to-color: #edf2f7 !important;
  }

  .xs\:to-gray-300{
    --gradient-to-color: #e2e8f0 !important;
  }

  .xs\:to-gray-400{
    --gradient-to-color: #cbd5e0 !important;
  }

  .xs\:to-gray-500{
    --gradient-to-color: #a0aec0 !important;
  }

  .xs\:to-gray-600{
    --gradient-to-color: #718096 !important;
  }

  .xs\:to-gray-700{
    --gradient-to-color: #4a5568 !important;
  }

  .xs\:to-gray-800{
    --gradient-to-color: #2d3748 !important;
  }

  .xs\:to-gray-900{
    --gradient-to-color: #1a202c !important;
  }

  .xs\:to-red{
    --gradient-to-color: #cc0a0a !important;
  }

  .xs\:to-orange-100{
    --gradient-to-color: #fffaf0 !important;
  }

  .xs\:to-orange-200{
    --gradient-to-color: #feebc8 !important;
  }

  .xs\:to-orange-300{
    --gradient-to-color: #fbd38d !important;
  }

  .xs\:to-orange-400{
    --gradient-to-color: #f6ad55 !important;
  }

  .xs\:to-orange-500{
    --gradient-to-color: #ed8936 !important;
  }

  .xs\:to-orange-600{
    --gradient-to-color: #dd6b20 !important;
  }

  .xs\:to-orange-700{
    --gradient-to-color: #c05621 !important;
  }

  .xs\:to-orange-800{
    --gradient-to-color: #9c4221 !important;
  }

  .xs\:to-orange-900{
    --gradient-to-color: #7b341e !important;
  }

  .xs\:to-yellow-100{
    --gradient-to-color: #fffff0 !important;
  }

  .xs\:to-yellow-200{
    --gradient-to-color: #fefcbf !important;
  }

  .xs\:to-yellow-300{
    --gradient-to-color: #faf089 !important;
  }

  .xs\:to-yellow-400{
    --gradient-to-color: #f6e05e !important;
  }

  .xs\:to-yellow-500{
    --gradient-to-color: #ecc94b !important;
  }

  .xs\:to-yellow-600{
    --gradient-to-color: #d69e2e !important;
  }

  .xs\:to-yellow-700{
    --gradient-to-color: #b7791f !important;
  }

  .xs\:to-yellow-800{
    --gradient-to-color: #975a16 !important;
  }

  .xs\:to-yellow-900{
    --gradient-to-color: #744210 !important;
  }

  .xs\:to-green-100{
    --gradient-to-color: #f0fff4 !important;
  }

  .xs\:to-green-200{
    --gradient-to-color: #c6f6d5 !important;
  }

  .xs\:to-green-300{
    --gradient-to-color: #9ae6b4 !important;
  }

  .xs\:to-green-400{
    --gradient-to-color: #68d391 !important;
  }

  .xs\:to-green-500{
    --gradient-to-color: #48bb78 !important;
  }

  .xs\:to-green-600{
    --gradient-to-color: #38a169 !important;
  }

  .xs\:to-green-700{
    --gradient-to-color: #2f855a !important;
  }

  .xs\:to-green-800{
    --gradient-to-color: #276749 !important;
  }

  .xs\:to-green-900{
    --gradient-to-color: #22543d !important;
  }

  .xs\:to-teal-100{
    --gradient-to-color: #e6fffa !important;
  }

  .xs\:to-teal-200{
    --gradient-to-color: #b2f5ea !important;
  }

  .xs\:to-teal-300{
    --gradient-to-color: #81e6d9 !important;
  }

  .xs\:to-teal-400{
    --gradient-to-color: #4fd1c5 !important;
  }

  .xs\:to-teal-500{
    --gradient-to-color: #38b2ac !important;
  }

  .xs\:to-teal-600{
    --gradient-to-color: #319795 !important;
  }

  .xs\:to-teal-700{
    --gradient-to-color: #2c7a7b !important;
  }

  .xs\:to-teal-800{
    --gradient-to-color: #285e61 !important;
  }

  .xs\:to-teal-900{
    --gradient-to-color: #234e52 !important;
  }

  .xs\:to-blue-100{
    --gradient-to-color: #ebf8ff !important;
  }

  .xs\:to-blue-200{
    --gradient-to-color: #bee3f8 !important;
  }

  .xs\:to-blue-300{
    --gradient-to-color: #90cdf4 !important;
  }

  .xs\:to-blue-400{
    --gradient-to-color: #63b3ed !important;
  }

  .xs\:to-blue-500{
    --gradient-to-color: #4299e1 !important;
  }

  .xs\:to-blue-600{
    --gradient-to-color: #3182ce !important;
  }

  .xs\:to-blue-700{
    --gradient-to-color: #2b6cb0 !important;
  }

  .xs\:to-blue-800{
    --gradient-to-color: #2c5282 !important;
  }

  .xs\:to-blue-900{
    --gradient-to-color: #2a4365 !important;
  }

  .xs\:to-indigo-100{
    --gradient-to-color: #ebf4ff !important;
  }

  .xs\:to-indigo-200{
    --gradient-to-color: #c3dafe !important;
  }

  .xs\:to-indigo-300{
    --gradient-to-color: #a3bffa !important;
  }

  .xs\:to-indigo-400{
    --gradient-to-color: #7f9cf5 !important;
  }

  .xs\:to-indigo-500{
    --gradient-to-color: #667eea !important;
  }

  .xs\:to-indigo-600{
    --gradient-to-color: #5a67d8 !important;
  }

  .xs\:to-indigo-700{
    --gradient-to-color: #4c51bf !important;
  }

  .xs\:to-indigo-800{
    --gradient-to-color: #434190 !important;
  }

  .xs\:to-indigo-900{
    --gradient-to-color: #3c366b !important;
  }

  .xs\:to-purple-100{
    --gradient-to-color: #faf5ff !important;
  }

  .xs\:to-purple-200{
    --gradient-to-color: #e9d8fd !important;
  }

  .xs\:to-purple-300{
    --gradient-to-color: #d6bcfa !important;
  }

  .xs\:to-purple-400{
    --gradient-to-color: #b794f4 !important;
  }

  .xs\:to-purple-500{
    --gradient-to-color: #9f7aea !important;
  }

  .xs\:to-purple-600{
    --gradient-to-color: #805ad5 !important;
  }

  .xs\:to-purple-700{
    --gradient-to-color: #6b46c1 !important;
  }

  .xs\:to-purple-800{
    --gradient-to-color: #553c9a !important;
  }

  .xs\:to-purple-900{
    --gradient-to-color: #44337a !important;
  }

  .xs\:to-pink-100{
    --gradient-to-color: #fff5f7 !important;
  }

  .xs\:to-pink-200{
    --gradient-to-color: #fed7e2 !important;
  }

  .xs\:to-pink-300{
    --gradient-to-color: #fbb6ce !important;
  }

  .xs\:to-pink-400{
    --gradient-to-color: #f687b3 !important;
  }

  .xs\:to-pink-500{
    --gradient-to-color: #ed64a6 !important;
  }

  .xs\:to-pink-600{
    --gradient-to-color: #d53f8c !important;
  }

  .xs\:to-pink-700{
    --gradient-to-color: #b83280 !important;
  }

  .xs\:to-pink-800{
    --gradient-to-color: #97266d !important;
  }

  .xs\:to-pink-900{
    --gradient-to-color: #702459 !important;
  }

  .xs\:to-primary-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xs\:to-primary-hover-color{
    --gradient-to-color: var(--hover-color) !important;
  }

  .xs\:to-gray-body{
    --gradient-to-color: #f2f2f2 !important;
  }

  .xs\:to-gray-light{
    --gradient-to-color: #ccc !important;
  }

  .xs\:to-gray-333{
    --gradient-to-color: #333 !important;
  }

  .xs\:to-gray-666{
    --gradient-to-color: #666 !important;
  }

  .xs\:to-gray-888{
    --gradient-to-color: #888 !important;
  }

  .xs\:to-gray-999{
    --gradient-to-color: #999 !important;
  }

  .xs\:to-gray-icon{
    --gradient-to-color: #9a9a9a !important;
  }

  .xs\:to-gray-features{
    --gradient-to-color: #f5f5f5 !important;
  }

  .xs\:to-slide-border{
    --gradient-to-color: #e1e1e1 !important;
  }

  .xs\:to-sale-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xs\:to-hit-color{
    --gradient-to-color: #ff9900 !important;
  }

  .xs\:to-new-color{
    --gradient-to-color: #0fa3c6 !important;
  }

  .xs\:to-fb-hover-color{
    --gradient-to-color: #5959d8 !important;
  }

  .xs\:to-fb-active-color{
    --gradient-to-color: #4040b3 !important;
  }

  .xs\:to-vk-hover-color{
    --gradient-to-color: #628dd3 !important;
  }

  .xs\:to-vk-active-color{
    --gradient-to-color: #3768b9 !important;
  }

  .xs\:to-insta-hover-color{
    --gradient-to-color: #af35d2 !important;
  }

  .xs\:to-insta-active-color{
    --gradient-to-color: #7e47b7 !important;
  }

  .xs\:to-gray-dc{
    --gradient-to-color: #dcdcdc !important;
  }

  .xs\:to-gray-cd{
    --gradient-to-color: #cdcdcd !important;
  }

  .xs\:to-gray-e7{
    --gradient-to-color: #e7e7e7 !important;
  }

  .xs\:to-check-color{
    --gradient-to-color: #ce3a12 !important;
  }

  .xs\:to-docx-color{
    --gradient-to-color: #1789e9 !important;
  }

  .xs\:to-dark-black{
    --gradient-to-color: #010101 !important;
  }

  .xs\:to-green-light{
    --gradient-to-color: #3ab011 !important;
  }

  .xs\:hover\:from-transparent:hover{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xs\:hover\:from-current:hover{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:hover\:from-black:hover{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xs\:hover\:from-white:hover{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:hover\:from-gray-100:hover{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xs\:hover\:from-gray-200:hover{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xs\:hover\:from-gray-300:hover{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xs\:hover\:from-gray-400:hover{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xs\:hover\:from-gray-500:hover{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xs\:hover\:from-gray-600:hover{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xs\:hover\:from-gray-700:hover{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xs\:hover\:from-gray-800:hover{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xs\:hover\:from-gray-900:hover{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xs\:hover\:from-red:hover{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xs\:hover\:from-orange-100:hover{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xs\:hover\:from-orange-200:hover{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xs\:hover\:from-orange-300:hover{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xs\:hover\:from-orange-400:hover{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xs\:hover\:from-orange-500:hover{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xs\:hover\:from-orange-600:hover{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xs\:hover\:from-orange-700:hover{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xs\:hover\:from-orange-800:hover{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xs\:hover\:from-orange-900:hover{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xs\:hover\:from-yellow-100:hover{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xs\:hover\:from-yellow-200:hover{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xs\:hover\:from-yellow-300:hover{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xs\:hover\:from-yellow-400:hover{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xs\:hover\:from-yellow-500:hover{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xs\:hover\:from-yellow-600:hover{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xs\:hover\:from-yellow-700:hover{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xs\:hover\:from-yellow-800:hover{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xs\:hover\:from-yellow-900:hover{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xs\:hover\:from-green-100:hover{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xs\:hover\:from-green-200:hover{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xs\:hover\:from-green-300:hover{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xs\:hover\:from-green-400:hover{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xs\:hover\:from-green-500:hover{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xs\:hover\:from-green-600:hover{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xs\:hover\:from-green-700:hover{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xs\:hover\:from-green-800:hover{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xs\:hover\:from-green-900:hover{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xs\:hover\:from-teal-100:hover{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xs\:hover\:from-teal-200:hover{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xs\:hover\:from-teal-300:hover{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xs\:hover\:from-teal-400:hover{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xs\:hover\:from-teal-500:hover{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xs\:hover\:from-teal-600:hover{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xs\:hover\:from-teal-700:hover{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xs\:hover\:from-teal-800:hover{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xs\:hover\:from-teal-900:hover{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xs\:hover\:from-blue-100:hover{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xs\:hover\:from-blue-200:hover{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xs\:hover\:from-blue-300:hover{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xs\:hover\:from-blue-400:hover{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xs\:hover\:from-blue-500:hover{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xs\:hover\:from-blue-600:hover{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xs\:hover\:from-blue-700:hover{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xs\:hover\:from-blue-800:hover{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xs\:hover\:from-blue-900:hover{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xs\:hover\:from-indigo-100:hover{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xs\:hover\:from-indigo-200:hover{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xs\:hover\:from-indigo-300:hover{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xs\:hover\:from-indigo-400:hover{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xs\:hover\:from-indigo-500:hover{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xs\:hover\:from-indigo-600:hover{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xs\:hover\:from-indigo-700:hover{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xs\:hover\:from-indigo-800:hover{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xs\:hover\:from-indigo-900:hover{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xs\:hover\:from-purple-100:hover{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xs\:hover\:from-purple-200:hover{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xs\:hover\:from-purple-300:hover{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xs\:hover\:from-purple-400:hover{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xs\:hover\:from-purple-500:hover{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xs\:hover\:from-purple-600:hover{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xs\:hover\:from-purple-700:hover{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xs\:hover\:from-purple-800:hover{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xs\:hover\:from-purple-900:hover{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xs\:hover\:from-pink-100:hover{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xs\:hover\:from-pink-200:hover{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xs\:hover\:from-pink-300:hover{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xs\:hover\:from-pink-400:hover{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xs\:hover\:from-pink-500:hover{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xs\:hover\:from-pink-600:hover{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xs\:hover\:from-pink-700:hover{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xs\:hover\:from-pink-800:hover{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xs\:hover\:from-pink-900:hover{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xs\:hover\:from-primary-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:hover\:from-primary-hover-color:hover{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:hover\:from-gray-body:hover{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xs\:hover\:from-gray-light:hover{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xs\:hover\:from-gray-333:hover{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xs\:hover\:from-gray-666:hover{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xs\:hover\:from-gray-888:hover{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xs\:hover\:from-gray-999:hover{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xs\:hover\:from-gray-icon:hover{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xs\:hover\:from-gray-features:hover{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xs\:hover\:from-slide-border:hover{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xs\:hover\:from-sale-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:hover\:from-hit-color:hover{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xs\:hover\:from-new-color:hover{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xs\:hover\:from-fb-hover-color:hover{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xs\:hover\:from-fb-active-color:hover{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xs\:hover\:from-vk-hover-color:hover{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xs\:hover\:from-vk-active-color:hover{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xs\:hover\:from-insta-hover-color:hover{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xs\:hover\:from-insta-active-color:hover{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xs\:hover\:from-gray-dc:hover{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xs\:hover\:from-gray-cd:hover{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xs\:hover\:from-gray-e7:hover{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xs\:hover\:from-check-color:hover{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xs\:hover\:from-docx-color:hover{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xs\:hover\:from-dark-black:hover{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xs\:hover\:from-green-light:hover{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xs\:hover\:via-transparent:hover{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xs\:hover\:via-current:hover{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:hover\:via-black:hover{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xs\:hover\:via-white:hover{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:hover\:via-gray-100:hover{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xs\:hover\:via-gray-200:hover{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xs\:hover\:via-gray-300:hover{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xs\:hover\:via-gray-400:hover{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xs\:hover\:via-gray-500:hover{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xs\:hover\:via-gray-600:hover{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xs\:hover\:via-gray-700:hover{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xs\:hover\:via-gray-800:hover{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xs\:hover\:via-gray-900:hover{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xs\:hover\:via-red:hover{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xs\:hover\:via-orange-100:hover{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xs\:hover\:via-orange-200:hover{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xs\:hover\:via-orange-300:hover{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xs\:hover\:via-orange-400:hover{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xs\:hover\:via-orange-500:hover{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xs\:hover\:via-orange-600:hover{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xs\:hover\:via-orange-700:hover{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xs\:hover\:via-orange-800:hover{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xs\:hover\:via-orange-900:hover{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xs\:hover\:via-yellow-100:hover{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xs\:hover\:via-yellow-200:hover{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xs\:hover\:via-yellow-300:hover{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xs\:hover\:via-yellow-400:hover{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xs\:hover\:via-yellow-500:hover{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xs\:hover\:via-yellow-600:hover{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xs\:hover\:via-yellow-700:hover{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xs\:hover\:via-yellow-800:hover{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xs\:hover\:via-yellow-900:hover{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xs\:hover\:via-green-100:hover{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xs\:hover\:via-green-200:hover{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xs\:hover\:via-green-300:hover{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xs\:hover\:via-green-400:hover{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xs\:hover\:via-green-500:hover{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xs\:hover\:via-green-600:hover{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xs\:hover\:via-green-700:hover{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xs\:hover\:via-green-800:hover{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xs\:hover\:via-green-900:hover{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xs\:hover\:via-teal-100:hover{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xs\:hover\:via-teal-200:hover{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xs\:hover\:via-teal-300:hover{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xs\:hover\:via-teal-400:hover{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xs\:hover\:via-teal-500:hover{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xs\:hover\:via-teal-600:hover{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xs\:hover\:via-teal-700:hover{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xs\:hover\:via-teal-800:hover{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xs\:hover\:via-teal-900:hover{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xs\:hover\:via-blue-100:hover{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xs\:hover\:via-blue-200:hover{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xs\:hover\:via-blue-300:hover{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xs\:hover\:via-blue-400:hover{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xs\:hover\:via-blue-500:hover{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xs\:hover\:via-blue-600:hover{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xs\:hover\:via-blue-700:hover{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xs\:hover\:via-blue-800:hover{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xs\:hover\:via-blue-900:hover{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xs\:hover\:via-indigo-100:hover{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xs\:hover\:via-indigo-200:hover{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xs\:hover\:via-indigo-300:hover{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xs\:hover\:via-indigo-400:hover{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xs\:hover\:via-indigo-500:hover{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xs\:hover\:via-indigo-600:hover{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xs\:hover\:via-indigo-700:hover{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xs\:hover\:via-indigo-800:hover{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xs\:hover\:via-indigo-900:hover{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xs\:hover\:via-purple-100:hover{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xs\:hover\:via-purple-200:hover{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xs\:hover\:via-purple-300:hover{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xs\:hover\:via-purple-400:hover{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xs\:hover\:via-purple-500:hover{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xs\:hover\:via-purple-600:hover{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xs\:hover\:via-purple-700:hover{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xs\:hover\:via-purple-800:hover{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xs\:hover\:via-purple-900:hover{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xs\:hover\:via-pink-100:hover{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xs\:hover\:via-pink-200:hover{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xs\:hover\:via-pink-300:hover{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xs\:hover\:via-pink-400:hover{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xs\:hover\:via-pink-500:hover{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xs\:hover\:via-pink-600:hover{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xs\:hover\:via-pink-700:hover{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xs\:hover\:via-pink-800:hover{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xs\:hover\:via-pink-900:hover{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xs\:hover\:via-primary-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:hover\:via-primary-hover-color:hover{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:hover\:via-gray-body:hover{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xs\:hover\:via-gray-light:hover{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xs\:hover\:via-gray-333:hover{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xs\:hover\:via-gray-666:hover{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xs\:hover\:via-gray-888:hover{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xs\:hover\:via-gray-999:hover{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xs\:hover\:via-gray-icon:hover{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xs\:hover\:via-gray-features:hover{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xs\:hover\:via-slide-border:hover{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xs\:hover\:via-sale-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:hover\:via-hit-color:hover{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xs\:hover\:via-new-color:hover{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xs\:hover\:via-fb-hover-color:hover{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xs\:hover\:via-fb-active-color:hover{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xs\:hover\:via-vk-hover-color:hover{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xs\:hover\:via-vk-active-color:hover{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xs\:hover\:via-insta-hover-color:hover{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xs\:hover\:via-insta-active-color:hover{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xs\:hover\:via-gray-dc:hover{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xs\:hover\:via-gray-cd:hover{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xs\:hover\:via-gray-e7:hover{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xs\:hover\:via-check-color:hover{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xs\:hover\:via-docx-color:hover{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xs\:hover\:via-dark-black:hover{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xs\:hover\:via-green-light:hover{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xs\:hover\:to-transparent:hover{
    --gradient-to-color: transparent !important;
  }

  .xs\:hover\:to-current:hover{
    --gradient-to-color: currentColor !important;
  }

  .xs\:hover\:to-black:hover{
    --gradient-to-color: #000 !important;
  }

  .xs\:hover\:to-white:hover{
    --gradient-to-color: #fff !important;
  }

  .xs\:hover\:to-gray-100:hover{
    --gradient-to-color: #f7fafc !important;
  }

  .xs\:hover\:to-gray-200:hover{
    --gradient-to-color: #edf2f7 !important;
  }

  .xs\:hover\:to-gray-300:hover{
    --gradient-to-color: #e2e8f0 !important;
  }

  .xs\:hover\:to-gray-400:hover{
    --gradient-to-color: #cbd5e0 !important;
  }

  .xs\:hover\:to-gray-500:hover{
    --gradient-to-color: #a0aec0 !important;
  }

  .xs\:hover\:to-gray-600:hover{
    --gradient-to-color: #718096 !important;
  }

  .xs\:hover\:to-gray-700:hover{
    --gradient-to-color: #4a5568 !important;
  }

  .xs\:hover\:to-gray-800:hover{
    --gradient-to-color: #2d3748 !important;
  }

  .xs\:hover\:to-gray-900:hover{
    --gradient-to-color: #1a202c !important;
  }

  .xs\:hover\:to-red:hover{
    --gradient-to-color: #cc0a0a !important;
  }

  .xs\:hover\:to-orange-100:hover{
    --gradient-to-color: #fffaf0 !important;
  }

  .xs\:hover\:to-orange-200:hover{
    --gradient-to-color: #feebc8 !important;
  }

  .xs\:hover\:to-orange-300:hover{
    --gradient-to-color: #fbd38d !important;
  }

  .xs\:hover\:to-orange-400:hover{
    --gradient-to-color: #f6ad55 !important;
  }

  .xs\:hover\:to-orange-500:hover{
    --gradient-to-color: #ed8936 !important;
  }

  .xs\:hover\:to-orange-600:hover{
    --gradient-to-color: #dd6b20 !important;
  }

  .xs\:hover\:to-orange-700:hover{
    --gradient-to-color: #c05621 !important;
  }

  .xs\:hover\:to-orange-800:hover{
    --gradient-to-color: #9c4221 !important;
  }

  .xs\:hover\:to-orange-900:hover{
    --gradient-to-color: #7b341e !important;
  }

  .xs\:hover\:to-yellow-100:hover{
    --gradient-to-color: #fffff0 !important;
  }

  .xs\:hover\:to-yellow-200:hover{
    --gradient-to-color: #fefcbf !important;
  }

  .xs\:hover\:to-yellow-300:hover{
    --gradient-to-color: #faf089 !important;
  }

  .xs\:hover\:to-yellow-400:hover{
    --gradient-to-color: #f6e05e !important;
  }

  .xs\:hover\:to-yellow-500:hover{
    --gradient-to-color: #ecc94b !important;
  }

  .xs\:hover\:to-yellow-600:hover{
    --gradient-to-color: #d69e2e !important;
  }

  .xs\:hover\:to-yellow-700:hover{
    --gradient-to-color: #b7791f !important;
  }

  .xs\:hover\:to-yellow-800:hover{
    --gradient-to-color: #975a16 !important;
  }

  .xs\:hover\:to-yellow-900:hover{
    --gradient-to-color: #744210 !important;
  }

  .xs\:hover\:to-green-100:hover{
    --gradient-to-color: #f0fff4 !important;
  }

  .xs\:hover\:to-green-200:hover{
    --gradient-to-color: #c6f6d5 !important;
  }

  .xs\:hover\:to-green-300:hover{
    --gradient-to-color: #9ae6b4 !important;
  }

  .xs\:hover\:to-green-400:hover{
    --gradient-to-color: #68d391 !important;
  }

  .xs\:hover\:to-green-500:hover{
    --gradient-to-color: #48bb78 !important;
  }

  .xs\:hover\:to-green-600:hover{
    --gradient-to-color: #38a169 !important;
  }

  .xs\:hover\:to-green-700:hover{
    --gradient-to-color: #2f855a !important;
  }

  .xs\:hover\:to-green-800:hover{
    --gradient-to-color: #276749 !important;
  }

  .xs\:hover\:to-green-900:hover{
    --gradient-to-color: #22543d !important;
  }

  .xs\:hover\:to-teal-100:hover{
    --gradient-to-color: #e6fffa !important;
  }

  .xs\:hover\:to-teal-200:hover{
    --gradient-to-color: #b2f5ea !important;
  }

  .xs\:hover\:to-teal-300:hover{
    --gradient-to-color: #81e6d9 !important;
  }

  .xs\:hover\:to-teal-400:hover{
    --gradient-to-color: #4fd1c5 !important;
  }

  .xs\:hover\:to-teal-500:hover{
    --gradient-to-color: #38b2ac !important;
  }

  .xs\:hover\:to-teal-600:hover{
    --gradient-to-color: #319795 !important;
  }

  .xs\:hover\:to-teal-700:hover{
    --gradient-to-color: #2c7a7b !important;
  }

  .xs\:hover\:to-teal-800:hover{
    --gradient-to-color: #285e61 !important;
  }

  .xs\:hover\:to-teal-900:hover{
    --gradient-to-color: #234e52 !important;
  }

  .xs\:hover\:to-blue-100:hover{
    --gradient-to-color: #ebf8ff !important;
  }

  .xs\:hover\:to-blue-200:hover{
    --gradient-to-color: #bee3f8 !important;
  }

  .xs\:hover\:to-blue-300:hover{
    --gradient-to-color: #90cdf4 !important;
  }

  .xs\:hover\:to-blue-400:hover{
    --gradient-to-color: #63b3ed !important;
  }

  .xs\:hover\:to-blue-500:hover{
    --gradient-to-color: #4299e1 !important;
  }

  .xs\:hover\:to-blue-600:hover{
    --gradient-to-color: #3182ce !important;
  }

  .xs\:hover\:to-blue-700:hover{
    --gradient-to-color: #2b6cb0 !important;
  }

  .xs\:hover\:to-blue-800:hover{
    --gradient-to-color: #2c5282 !important;
  }

  .xs\:hover\:to-blue-900:hover{
    --gradient-to-color: #2a4365 !important;
  }

  .xs\:hover\:to-indigo-100:hover{
    --gradient-to-color: #ebf4ff !important;
  }

  .xs\:hover\:to-indigo-200:hover{
    --gradient-to-color: #c3dafe !important;
  }

  .xs\:hover\:to-indigo-300:hover{
    --gradient-to-color: #a3bffa !important;
  }

  .xs\:hover\:to-indigo-400:hover{
    --gradient-to-color: #7f9cf5 !important;
  }

  .xs\:hover\:to-indigo-500:hover{
    --gradient-to-color: #667eea !important;
  }

  .xs\:hover\:to-indigo-600:hover{
    --gradient-to-color: #5a67d8 !important;
  }

  .xs\:hover\:to-indigo-700:hover{
    --gradient-to-color: #4c51bf !important;
  }

  .xs\:hover\:to-indigo-800:hover{
    --gradient-to-color: #434190 !important;
  }

  .xs\:hover\:to-indigo-900:hover{
    --gradient-to-color: #3c366b !important;
  }

  .xs\:hover\:to-purple-100:hover{
    --gradient-to-color: #faf5ff !important;
  }

  .xs\:hover\:to-purple-200:hover{
    --gradient-to-color: #e9d8fd !important;
  }

  .xs\:hover\:to-purple-300:hover{
    --gradient-to-color: #d6bcfa !important;
  }

  .xs\:hover\:to-purple-400:hover{
    --gradient-to-color: #b794f4 !important;
  }

  .xs\:hover\:to-purple-500:hover{
    --gradient-to-color: #9f7aea !important;
  }

  .xs\:hover\:to-purple-600:hover{
    --gradient-to-color: #805ad5 !important;
  }

  .xs\:hover\:to-purple-700:hover{
    --gradient-to-color: #6b46c1 !important;
  }

  .xs\:hover\:to-purple-800:hover{
    --gradient-to-color: #553c9a !important;
  }

  .xs\:hover\:to-purple-900:hover{
    --gradient-to-color: #44337a !important;
  }

  .xs\:hover\:to-pink-100:hover{
    --gradient-to-color: #fff5f7 !important;
  }

  .xs\:hover\:to-pink-200:hover{
    --gradient-to-color: #fed7e2 !important;
  }

  .xs\:hover\:to-pink-300:hover{
    --gradient-to-color: #fbb6ce !important;
  }

  .xs\:hover\:to-pink-400:hover{
    --gradient-to-color: #f687b3 !important;
  }

  .xs\:hover\:to-pink-500:hover{
    --gradient-to-color: #ed64a6 !important;
  }

  .xs\:hover\:to-pink-600:hover{
    --gradient-to-color: #d53f8c !important;
  }

  .xs\:hover\:to-pink-700:hover{
    --gradient-to-color: #b83280 !important;
  }

  .xs\:hover\:to-pink-800:hover{
    --gradient-to-color: #97266d !important;
  }

  .xs\:hover\:to-pink-900:hover{
    --gradient-to-color: #702459 !important;
  }

  .xs\:hover\:to-primary-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xs\:hover\:to-primary-hover-color:hover{
    --gradient-to-color: var(--hover-color) !important;
  }

  .xs\:hover\:to-gray-body:hover{
    --gradient-to-color: #f2f2f2 !important;
  }

  .xs\:hover\:to-gray-light:hover{
    --gradient-to-color: #ccc !important;
  }

  .xs\:hover\:to-gray-333:hover{
    --gradient-to-color: #333 !important;
  }

  .xs\:hover\:to-gray-666:hover{
    --gradient-to-color: #666 !important;
  }

  .xs\:hover\:to-gray-888:hover{
    --gradient-to-color: #888 !important;
  }

  .xs\:hover\:to-gray-999:hover{
    --gradient-to-color: #999 !important;
  }

  .xs\:hover\:to-gray-icon:hover{
    --gradient-to-color: #9a9a9a !important;
  }

  .xs\:hover\:to-gray-features:hover{
    --gradient-to-color: #f5f5f5 !important;
  }

  .xs\:hover\:to-slide-border:hover{
    --gradient-to-color: #e1e1e1 !important;
  }

  .xs\:hover\:to-sale-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xs\:hover\:to-hit-color:hover{
    --gradient-to-color: #ff9900 !important;
  }

  .xs\:hover\:to-new-color:hover{
    --gradient-to-color: #0fa3c6 !important;
  }

  .xs\:hover\:to-fb-hover-color:hover{
    --gradient-to-color: #5959d8 !important;
  }

  .xs\:hover\:to-fb-active-color:hover{
    --gradient-to-color: #4040b3 !important;
  }

  .xs\:hover\:to-vk-hover-color:hover{
    --gradient-to-color: #628dd3 !important;
  }

  .xs\:hover\:to-vk-active-color:hover{
    --gradient-to-color: #3768b9 !important;
  }

  .xs\:hover\:to-insta-hover-color:hover{
    --gradient-to-color: #af35d2 !important;
  }

  .xs\:hover\:to-insta-active-color:hover{
    --gradient-to-color: #7e47b7 !important;
  }

  .xs\:hover\:to-gray-dc:hover{
    --gradient-to-color: #dcdcdc !important;
  }

  .xs\:hover\:to-gray-cd:hover{
    --gradient-to-color: #cdcdcd !important;
  }

  .xs\:hover\:to-gray-e7:hover{
    --gradient-to-color: #e7e7e7 !important;
  }

  .xs\:hover\:to-check-color:hover{
    --gradient-to-color: #ce3a12 !important;
  }

  .xs\:hover\:to-docx-color:hover{
    --gradient-to-color: #1789e9 !important;
  }

  .xs\:hover\:to-dark-black:hover{
    --gradient-to-color: #010101 !important;
  }

  .xs\:hover\:to-green-light:hover{
    --gradient-to-color: #3ab011 !important;
  }

  .xs\:focus\:from-transparent:focus{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xs\:focus\:from-current:focus{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:focus\:from-black:focus{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xs\:focus\:from-white:focus{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:focus\:from-gray-100:focus{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xs\:focus\:from-gray-200:focus{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xs\:focus\:from-gray-300:focus{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xs\:focus\:from-gray-400:focus{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xs\:focus\:from-gray-500:focus{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xs\:focus\:from-gray-600:focus{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xs\:focus\:from-gray-700:focus{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xs\:focus\:from-gray-800:focus{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xs\:focus\:from-gray-900:focus{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xs\:focus\:from-red:focus{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xs\:focus\:from-orange-100:focus{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xs\:focus\:from-orange-200:focus{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xs\:focus\:from-orange-300:focus{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xs\:focus\:from-orange-400:focus{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xs\:focus\:from-orange-500:focus{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xs\:focus\:from-orange-600:focus{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xs\:focus\:from-orange-700:focus{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xs\:focus\:from-orange-800:focus{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xs\:focus\:from-orange-900:focus{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xs\:focus\:from-yellow-100:focus{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xs\:focus\:from-yellow-200:focus{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xs\:focus\:from-yellow-300:focus{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xs\:focus\:from-yellow-400:focus{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xs\:focus\:from-yellow-500:focus{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xs\:focus\:from-yellow-600:focus{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xs\:focus\:from-yellow-700:focus{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xs\:focus\:from-yellow-800:focus{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xs\:focus\:from-yellow-900:focus{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xs\:focus\:from-green-100:focus{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xs\:focus\:from-green-200:focus{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xs\:focus\:from-green-300:focus{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xs\:focus\:from-green-400:focus{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xs\:focus\:from-green-500:focus{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xs\:focus\:from-green-600:focus{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xs\:focus\:from-green-700:focus{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xs\:focus\:from-green-800:focus{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xs\:focus\:from-green-900:focus{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xs\:focus\:from-teal-100:focus{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xs\:focus\:from-teal-200:focus{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xs\:focus\:from-teal-300:focus{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xs\:focus\:from-teal-400:focus{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xs\:focus\:from-teal-500:focus{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xs\:focus\:from-teal-600:focus{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xs\:focus\:from-teal-700:focus{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xs\:focus\:from-teal-800:focus{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xs\:focus\:from-teal-900:focus{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xs\:focus\:from-blue-100:focus{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xs\:focus\:from-blue-200:focus{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xs\:focus\:from-blue-300:focus{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xs\:focus\:from-blue-400:focus{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xs\:focus\:from-blue-500:focus{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xs\:focus\:from-blue-600:focus{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xs\:focus\:from-blue-700:focus{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xs\:focus\:from-blue-800:focus{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xs\:focus\:from-blue-900:focus{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xs\:focus\:from-indigo-100:focus{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xs\:focus\:from-indigo-200:focus{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xs\:focus\:from-indigo-300:focus{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xs\:focus\:from-indigo-400:focus{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xs\:focus\:from-indigo-500:focus{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xs\:focus\:from-indigo-600:focus{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xs\:focus\:from-indigo-700:focus{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xs\:focus\:from-indigo-800:focus{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xs\:focus\:from-indigo-900:focus{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xs\:focus\:from-purple-100:focus{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xs\:focus\:from-purple-200:focus{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xs\:focus\:from-purple-300:focus{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xs\:focus\:from-purple-400:focus{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xs\:focus\:from-purple-500:focus{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xs\:focus\:from-purple-600:focus{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xs\:focus\:from-purple-700:focus{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xs\:focus\:from-purple-800:focus{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xs\:focus\:from-purple-900:focus{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xs\:focus\:from-pink-100:focus{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xs\:focus\:from-pink-200:focus{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xs\:focus\:from-pink-300:focus{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xs\:focus\:from-pink-400:focus{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xs\:focus\:from-pink-500:focus{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xs\:focus\:from-pink-600:focus{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xs\:focus\:from-pink-700:focus{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xs\:focus\:from-pink-800:focus{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xs\:focus\:from-pink-900:focus{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xs\:focus\:from-primary-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:focus\:from-primary-hover-color:focus{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:focus\:from-gray-body:focus{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xs\:focus\:from-gray-light:focus{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xs\:focus\:from-gray-333:focus{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xs\:focus\:from-gray-666:focus{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xs\:focus\:from-gray-888:focus{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xs\:focus\:from-gray-999:focus{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xs\:focus\:from-gray-icon:focus{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xs\:focus\:from-gray-features:focus{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xs\:focus\:from-slide-border:focus{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xs\:focus\:from-sale-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:focus\:from-hit-color:focus{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xs\:focus\:from-new-color:focus{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xs\:focus\:from-fb-hover-color:focus{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xs\:focus\:from-fb-active-color:focus{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xs\:focus\:from-vk-hover-color:focus{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xs\:focus\:from-vk-active-color:focus{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xs\:focus\:from-insta-hover-color:focus{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xs\:focus\:from-insta-active-color:focus{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xs\:focus\:from-gray-dc:focus{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xs\:focus\:from-gray-cd:focus{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xs\:focus\:from-gray-e7:focus{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xs\:focus\:from-check-color:focus{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xs\:focus\:from-docx-color:focus{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xs\:focus\:from-dark-black:focus{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xs\:focus\:from-green-light:focus{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xs\:focus\:via-transparent:focus{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xs\:focus\:via-current:focus{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:focus\:via-black:focus{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xs\:focus\:via-white:focus{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:focus\:via-gray-100:focus{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xs\:focus\:via-gray-200:focus{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xs\:focus\:via-gray-300:focus{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xs\:focus\:via-gray-400:focus{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xs\:focus\:via-gray-500:focus{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xs\:focus\:via-gray-600:focus{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xs\:focus\:via-gray-700:focus{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xs\:focus\:via-gray-800:focus{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xs\:focus\:via-gray-900:focus{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xs\:focus\:via-red:focus{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xs\:focus\:via-orange-100:focus{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xs\:focus\:via-orange-200:focus{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xs\:focus\:via-orange-300:focus{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xs\:focus\:via-orange-400:focus{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xs\:focus\:via-orange-500:focus{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xs\:focus\:via-orange-600:focus{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xs\:focus\:via-orange-700:focus{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xs\:focus\:via-orange-800:focus{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xs\:focus\:via-orange-900:focus{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xs\:focus\:via-yellow-100:focus{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xs\:focus\:via-yellow-200:focus{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xs\:focus\:via-yellow-300:focus{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xs\:focus\:via-yellow-400:focus{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xs\:focus\:via-yellow-500:focus{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xs\:focus\:via-yellow-600:focus{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xs\:focus\:via-yellow-700:focus{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xs\:focus\:via-yellow-800:focus{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xs\:focus\:via-yellow-900:focus{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xs\:focus\:via-green-100:focus{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xs\:focus\:via-green-200:focus{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xs\:focus\:via-green-300:focus{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xs\:focus\:via-green-400:focus{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xs\:focus\:via-green-500:focus{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xs\:focus\:via-green-600:focus{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xs\:focus\:via-green-700:focus{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xs\:focus\:via-green-800:focus{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xs\:focus\:via-green-900:focus{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xs\:focus\:via-teal-100:focus{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xs\:focus\:via-teal-200:focus{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xs\:focus\:via-teal-300:focus{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xs\:focus\:via-teal-400:focus{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xs\:focus\:via-teal-500:focus{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xs\:focus\:via-teal-600:focus{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xs\:focus\:via-teal-700:focus{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xs\:focus\:via-teal-800:focus{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xs\:focus\:via-teal-900:focus{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xs\:focus\:via-blue-100:focus{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xs\:focus\:via-blue-200:focus{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xs\:focus\:via-blue-300:focus{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xs\:focus\:via-blue-400:focus{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xs\:focus\:via-blue-500:focus{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xs\:focus\:via-blue-600:focus{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xs\:focus\:via-blue-700:focus{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xs\:focus\:via-blue-800:focus{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xs\:focus\:via-blue-900:focus{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xs\:focus\:via-indigo-100:focus{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xs\:focus\:via-indigo-200:focus{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xs\:focus\:via-indigo-300:focus{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xs\:focus\:via-indigo-400:focus{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xs\:focus\:via-indigo-500:focus{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xs\:focus\:via-indigo-600:focus{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xs\:focus\:via-indigo-700:focus{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xs\:focus\:via-indigo-800:focus{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xs\:focus\:via-indigo-900:focus{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xs\:focus\:via-purple-100:focus{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xs\:focus\:via-purple-200:focus{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xs\:focus\:via-purple-300:focus{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xs\:focus\:via-purple-400:focus{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xs\:focus\:via-purple-500:focus{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xs\:focus\:via-purple-600:focus{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xs\:focus\:via-purple-700:focus{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xs\:focus\:via-purple-800:focus{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xs\:focus\:via-purple-900:focus{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xs\:focus\:via-pink-100:focus{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xs\:focus\:via-pink-200:focus{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xs\:focus\:via-pink-300:focus{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xs\:focus\:via-pink-400:focus{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xs\:focus\:via-pink-500:focus{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xs\:focus\:via-pink-600:focus{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xs\:focus\:via-pink-700:focus{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xs\:focus\:via-pink-800:focus{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xs\:focus\:via-pink-900:focus{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xs\:focus\:via-primary-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:focus\:via-primary-hover-color:focus{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:focus\:via-gray-body:focus{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xs\:focus\:via-gray-light:focus{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xs\:focus\:via-gray-333:focus{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xs\:focus\:via-gray-666:focus{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xs\:focus\:via-gray-888:focus{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xs\:focus\:via-gray-999:focus{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xs\:focus\:via-gray-icon:focus{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xs\:focus\:via-gray-features:focus{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xs\:focus\:via-slide-border:focus{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xs\:focus\:via-sale-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xs\:focus\:via-hit-color:focus{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xs\:focus\:via-new-color:focus{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xs\:focus\:via-fb-hover-color:focus{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xs\:focus\:via-fb-active-color:focus{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xs\:focus\:via-vk-hover-color:focus{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xs\:focus\:via-vk-active-color:focus{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xs\:focus\:via-insta-hover-color:focus{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xs\:focus\:via-insta-active-color:focus{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xs\:focus\:via-gray-dc:focus{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xs\:focus\:via-gray-cd:focus{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xs\:focus\:via-gray-e7:focus{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xs\:focus\:via-check-color:focus{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xs\:focus\:via-docx-color:focus{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xs\:focus\:via-dark-black:focus{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xs\:focus\:via-green-light:focus{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xs\:focus\:to-transparent:focus{
    --gradient-to-color: transparent !important;
  }

  .xs\:focus\:to-current:focus{
    --gradient-to-color: currentColor !important;
  }

  .xs\:focus\:to-black:focus{
    --gradient-to-color: #000 !important;
  }

  .xs\:focus\:to-white:focus{
    --gradient-to-color: #fff !important;
  }

  .xs\:focus\:to-gray-100:focus{
    --gradient-to-color: #f7fafc !important;
  }

  .xs\:focus\:to-gray-200:focus{
    --gradient-to-color: #edf2f7 !important;
  }

  .xs\:focus\:to-gray-300:focus{
    --gradient-to-color: #e2e8f0 !important;
  }

  .xs\:focus\:to-gray-400:focus{
    --gradient-to-color: #cbd5e0 !important;
  }

  .xs\:focus\:to-gray-500:focus{
    --gradient-to-color: #a0aec0 !important;
  }

  .xs\:focus\:to-gray-600:focus{
    --gradient-to-color: #718096 !important;
  }

  .xs\:focus\:to-gray-700:focus{
    --gradient-to-color: #4a5568 !important;
  }

  .xs\:focus\:to-gray-800:focus{
    --gradient-to-color: #2d3748 !important;
  }

  .xs\:focus\:to-gray-900:focus{
    --gradient-to-color: #1a202c !important;
  }

  .xs\:focus\:to-red:focus{
    --gradient-to-color: #cc0a0a !important;
  }

  .xs\:focus\:to-orange-100:focus{
    --gradient-to-color: #fffaf0 !important;
  }

  .xs\:focus\:to-orange-200:focus{
    --gradient-to-color: #feebc8 !important;
  }

  .xs\:focus\:to-orange-300:focus{
    --gradient-to-color: #fbd38d !important;
  }

  .xs\:focus\:to-orange-400:focus{
    --gradient-to-color: #f6ad55 !important;
  }

  .xs\:focus\:to-orange-500:focus{
    --gradient-to-color: #ed8936 !important;
  }

  .xs\:focus\:to-orange-600:focus{
    --gradient-to-color: #dd6b20 !important;
  }

  .xs\:focus\:to-orange-700:focus{
    --gradient-to-color: #c05621 !important;
  }

  .xs\:focus\:to-orange-800:focus{
    --gradient-to-color: #9c4221 !important;
  }

  .xs\:focus\:to-orange-900:focus{
    --gradient-to-color: #7b341e !important;
  }

  .xs\:focus\:to-yellow-100:focus{
    --gradient-to-color: #fffff0 !important;
  }

  .xs\:focus\:to-yellow-200:focus{
    --gradient-to-color: #fefcbf !important;
  }

  .xs\:focus\:to-yellow-300:focus{
    --gradient-to-color: #faf089 !important;
  }

  .xs\:focus\:to-yellow-400:focus{
    --gradient-to-color: #f6e05e !important;
  }

  .xs\:focus\:to-yellow-500:focus{
    --gradient-to-color: #ecc94b !important;
  }

  .xs\:focus\:to-yellow-600:focus{
    --gradient-to-color: #d69e2e !important;
  }

  .xs\:focus\:to-yellow-700:focus{
    --gradient-to-color: #b7791f !important;
  }

  .xs\:focus\:to-yellow-800:focus{
    --gradient-to-color: #975a16 !important;
  }

  .xs\:focus\:to-yellow-900:focus{
    --gradient-to-color: #744210 !important;
  }

  .xs\:focus\:to-green-100:focus{
    --gradient-to-color: #f0fff4 !important;
  }

  .xs\:focus\:to-green-200:focus{
    --gradient-to-color: #c6f6d5 !important;
  }

  .xs\:focus\:to-green-300:focus{
    --gradient-to-color: #9ae6b4 !important;
  }

  .xs\:focus\:to-green-400:focus{
    --gradient-to-color: #68d391 !important;
  }

  .xs\:focus\:to-green-500:focus{
    --gradient-to-color: #48bb78 !important;
  }

  .xs\:focus\:to-green-600:focus{
    --gradient-to-color: #38a169 !important;
  }

  .xs\:focus\:to-green-700:focus{
    --gradient-to-color: #2f855a !important;
  }

  .xs\:focus\:to-green-800:focus{
    --gradient-to-color: #276749 !important;
  }

  .xs\:focus\:to-green-900:focus{
    --gradient-to-color: #22543d !important;
  }

  .xs\:focus\:to-teal-100:focus{
    --gradient-to-color: #e6fffa !important;
  }

  .xs\:focus\:to-teal-200:focus{
    --gradient-to-color: #b2f5ea !important;
  }

  .xs\:focus\:to-teal-300:focus{
    --gradient-to-color: #81e6d9 !important;
  }

  .xs\:focus\:to-teal-400:focus{
    --gradient-to-color: #4fd1c5 !important;
  }

  .xs\:focus\:to-teal-500:focus{
    --gradient-to-color: #38b2ac !important;
  }

  .xs\:focus\:to-teal-600:focus{
    --gradient-to-color: #319795 !important;
  }

  .xs\:focus\:to-teal-700:focus{
    --gradient-to-color: #2c7a7b !important;
  }

  .xs\:focus\:to-teal-800:focus{
    --gradient-to-color: #285e61 !important;
  }

  .xs\:focus\:to-teal-900:focus{
    --gradient-to-color: #234e52 !important;
  }

  .xs\:focus\:to-blue-100:focus{
    --gradient-to-color: #ebf8ff !important;
  }

  .xs\:focus\:to-blue-200:focus{
    --gradient-to-color: #bee3f8 !important;
  }

  .xs\:focus\:to-blue-300:focus{
    --gradient-to-color: #90cdf4 !important;
  }

  .xs\:focus\:to-blue-400:focus{
    --gradient-to-color: #63b3ed !important;
  }

  .xs\:focus\:to-blue-500:focus{
    --gradient-to-color: #4299e1 !important;
  }

  .xs\:focus\:to-blue-600:focus{
    --gradient-to-color: #3182ce !important;
  }

  .xs\:focus\:to-blue-700:focus{
    --gradient-to-color: #2b6cb0 !important;
  }

  .xs\:focus\:to-blue-800:focus{
    --gradient-to-color: #2c5282 !important;
  }

  .xs\:focus\:to-blue-900:focus{
    --gradient-to-color: #2a4365 !important;
  }

  .xs\:focus\:to-indigo-100:focus{
    --gradient-to-color: #ebf4ff !important;
  }

  .xs\:focus\:to-indigo-200:focus{
    --gradient-to-color: #c3dafe !important;
  }

  .xs\:focus\:to-indigo-300:focus{
    --gradient-to-color: #a3bffa !important;
  }

  .xs\:focus\:to-indigo-400:focus{
    --gradient-to-color: #7f9cf5 !important;
  }

  .xs\:focus\:to-indigo-500:focus{
    --gradient-to-color: #667eea !important;
  }

  .xs\:focus\:to-indigo-600:focus{
    --gradient-to-color: #5a67d8 !important;
  }

  .xs\:focus\:to-indigo-700:focus{
    --gradient-to-color: #4c51bf !important;
  }

  .xs\:focus\:to-indigo-800:focus{
    --gradient-to-color: #434190 !important;
  }

  .xs\:focus\:to-indigo-900:focus{
    --gradient-to-color: #3c366b !important;
  }

  .xs\:focus\:to-purple-100:focus{
    --gradient-to-color: #faf5ff !important;
  }

  .xs\:focus\:to-purple-200:focus{
    --gradient-to-color: #e9d8fd !important;
  }

  .xs\:focus\:to-purple-300:focus{
    --gradient-to-color: #d6bcfa !important;
  }

  .xs\:focus\:to-purple-400:focus{
    --gradient-to-color: #b794f4 !important;
  }

  .xs\:focus\:to-purple-500:focus{
    --gradient-to-color: #9f7aea !important;
  }

  .xs\:focus\:to-purple-600:focus{
    --gradient-to-color: #805ad5 !important;
  }

  .xs\:focus\:to-purple-700:focus{
    --gradient-to-color: #6b46c1 !important;
  }

  .xs\:focus\:to-purple-800:focus{
    --gradient-to-color: #553c9a !important;
  }

  .xs\:focus\:to-purple-900:focus{
    --gradient-to-color: #44337a !important;
  }

  .xs\:focus\:to-pink-100:focus{
    --gradient-to-color: #fff5f7 !important;
  }

  .xs\:focus\:to-pink-200:focus{
    --gradient-to-color: #fed7e2 !important;
  }

  .xs\:focus\:to-pink-300:focus{
    --gradient-to-color: #fbb6ce !important;
  }

  .xs\:focus\:to-pink-400:focus{
    --gradient-to-color: #f687b3 !important;
  }

  .xs\:focus\:to-pink-500:focus{
    --gradient-to-color: #ed64a6 !important;
  }

  .xs\:focus\:to-pink-600:focus{
    --gradient-to-color: #d53f8c !important;
  }

  .xs\:focus\:to-pink-700:focus{
    --gradient-to-color: #b83280 !important;
  }

  .xs\:focus\:to-pink-800:focus{
    --gradient-to-color: #97266d !important;
  }

  .xs\:focus\:to-pink-900:focus{
    --gradient-to-color: #702459 !important;
  }

  .xs\:focus\:to-primary-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xs\:focus\:to-primary-hover-color:focus{
    --gradient-to-color: var(--hover-color) !important;
  }

  .xs\:focus\:to-gray-body:focus{
    --gradient-to-color: #f2f2f2 !important;
  }

  .xs\:focus\:to-gray-light:focus{
    --gradient-to-color: #ccc !important;
  }

  .xs\:focus\:to-gray-333:focus{
    --gradient-to-color: #333 !important;
  }

  .xs\:focus\:to-gray-666:focus{
    --gradient-to-color: #666 !important;
  }

  .xs\:focus\:to-gray-888:focus{
    --gradient-to-color: #888 !important;
  }

  .xs\:focus\:to-gray-999:focus{
    --gradient-to-color: #999 !important;
  }

  .xs\:focus\:to-gray-icon:focus{
    --gradient-to-color: #9a9a9a !important;
  }

  .xs\:focus\:to-gray-features:focus{
    --gradient-to-color: #f5f5f5 !important;
  }

  .xs\:focus\:to-slide-border:focus{
    --gradient-to-color: #e1e1e1 !important;
  }

  .xs\:focus\:to-sale-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xs\:focus\:to-hit-color:focus{
    --gradient-to-color: #ff9900 !important;
  }

  .xs\:focus\:to-new-color:focus{
    --gradient-to-color: #0fa3c6 !important;
  }

  .xs\:focus\:to-fb-hover-color:focus{
    --gradient-to-color: #5959d8 !important;
  }

  .xs\:focus\:to-fb-active-color:focus{
    --gradient-to-color: #4040b3 !important;
  }

  .xs\:focus\:to-vk-hover-color:focus{
    --gradient-to-color: #628dd3 !important;
  }

  .xs\:focus\:to-vk-active-color:focus{
    --gradient-to-color: #3768b9 !important;
  }

  .xs\:focus\:to-insta-hover-color:focus{
    --gradient-to-color: #af35d2 !important;
  }

  .xs\:focus\:to-insta-active-color:focus{
    --gradient-to-color: #7e47b7 !important;
  }

  .xs\:focus\:to-gray-dc:focus{
    --gradient-to-color: #dcdcdc !important;
  }

  .xs\:focus\:to-gray-cd:focus{
    --gradient-to-color: #cdcdcd !important;
  }

  .xs\:focus\:to-gray-e7:focus{
    --gradient-to-color: #e7e7e7 !important;
  }

  .xs\:focus\:to-check-color:focus{
    --gradient-to-color: #ce3a12 !important;
  }

  .xs\:focus\:to-docx-color:focus{
    --gradient-to-color: #1789e9 !important;
  }

  .xs\:focus\:to-dark-black:focus{
    --gradient-to-color: #010101 !important;
  }

  .xs\:focus\:to-green-light:focus{
    --gradient-to-color: #3ab011 !important;
  }

  .xs\:bg-opacity-0{
    --bg-opacity: 0 !important;
  }

  .xs\:bg-opacity-25{
    --bg-opacity: 0.25 !important;
  }

  .xs\:bg-opacity-50{
    --bg-opacity: 0.5 !important;
  }

  .xs\:bg-opacity-75{
    --bg-opacity: 0.75 !important;
  }

  .xs\:bg-opacity-100{
    --bg-opacity: 1 !important;
  }

  .xs\:hover\:bg-opacity-0:hover{
    --bg-opacity: 0 !important;
  }

  .xs\:hover\:bg-opacity-25:hover{
    --bg-opacity: 0.25 !important;
  }

  .xs\:hover\:bg-opacity-50:hover{
    --bg-opacity: 0.5 !important;
  }

  .xs\:hover\:bg-opacity-75:hover{
    --bg-opacity: 0.75 !important;
  }

  .xs\:hover\:bg-opacity-100:hover{
    --bg-opacity: 1 !important;
  }

  .xs\:focus\:bg-opacity-0:focus{
    --bg-opacity: 0 !important;
  }

  .xs\:focus\:bg-opacity-25:focus{
    --bg-opacity: 0.25 !important;
  }

  .xs\:focus\:bg-opacity-50:focus{
    --bg-opacity: 0.5 !important;
  }

  .xs\:focus\:bg-opacity-75:focus{
    --bg-opacity: 0.75 !important;
  }

  .xs\:focus\:bg-opacity-100:focus{
    --bg-opacity: 1 !important;
  }

  .xs\:bg-bottom{
    background-position: bottom !important;
  }

  .xs\:bg-center{
    background-position: center !important;
  }

  .xs\:bg-left{
    background-position: left !important;
  }

  .xs\:bg-left-bottom{
    background-position: left bottom !important;
  }

  .xs\:bg-left-top{
    background-position: left top !important;
  }

  .xs\:bg-right{
    background-position: right !important;
  }

  .xs\:bg-right-bottom{
    background-position: right bottom !important;
  }

  .xs\:bg-right-top{
    background-position: right top !important;
  }

  .xs\:bg-top{
    background-position: top !important;
  }

  .xs\:bg-repeat{
    background-repeat: repeat !important;
  }

  .xs\:bg-no-repeat{
    background-repeat: no-repeat !important;
  }

  .xs\:bg-repeat-x{
    background-repeat: repeat-x !important;
  }

  .xs\:bg-repeat-y{
    background-repeat: repeat-y !important;
  }

  .xs\:bg-repeat-round{
    background-repeat: round !important;
  }

  .xs\:bg-repeat-space{
    background-repeat: space !important;
  }

  .xs\:bg-auto{
    background-size: auto !important;
  }

  .xs\:bg-cover{
    background-size: cover !important;
  }

  .xs\:bg-contain{
    background-size: contain !important;
  }

  .xs\:border-collapse{
    border-collapse: collapse !important;
  }

  .xs\:border-separate{
    border-collapse: separate !important;
  }

  .xs\:border-transparent{
    border-color: transparent !important;
  }

  .xs\:border-current{
    border-color: currentColor !important;
  }

  .xs\:border-black{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xs\:border-white{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xs\:border-gray-100{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .xs\:border-gray-200{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .xs\:border-gray-300{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .xs\:border-gray-400{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .xs\:border-gray-500{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .xs\:border-gray-600{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .xs\:border-gray-700{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .xs\:border-gray-800{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .xs\:border-gray-900{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .xs\:border-red{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .xs\:border-orange-100{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .xs\:border-orange-200{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .xs\:border-orange-300{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .xs\:border-orange-400{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .xs\:border-orange-500{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .xs\:border-orange-600{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .xs\:border-orange-700{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .xs\:border-orange-800{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .xs\:border-orange-900{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .xs\:border-yellow-100{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .xs\:border-yellow-200{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .xs\:border-yellow-300{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .xs\:border-yellow-400{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .xs\:border-yellow-500{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .xs\:border-yellow-600{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .xs\:border-yellow-700{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .xs\:border-yellow-800{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .xs\:border-yellow-900{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .xs\:border-green-100{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .xs\:border-green-200{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .xs\:border-green-300{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .xs\:border-green-400{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .xs\:border-green-500{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .xs\:border-green-600{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .xs\:border-green-700{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .xs\:border-green-800{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .xs\:border-green-900{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .xs\:border-teal-100{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .xs\:border-teal-200{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .xs\:border-teal-300{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .xs\:border-teal-400{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .xs\:border-teal-500{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .xs\:border-teal-600{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .xs\:border-teal-700{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .xs\:border-teal-800{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .xs\:border-teal-900{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .xs\:border-blue-100{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .xs\:border-blue-200{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .xs\:border-blue-300{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .xs\:border-blue-400{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .xs\:border-blue-500{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .xs\:border-blue-600{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .xs\:border-blue-700{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .xs\:border-blue-800{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .xs\:border-blue-900{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .xs\:border-indigo-100{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .xs\:border-indigo-200{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .xs\:border-indigo-300{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .xs\:border-indigo-400{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .xs\:border-indigo-500{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .xs\:border-indigo-600{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .xs\:border-indigo-700{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .xs\:border-indigo-800{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .xs\:border-indigo-900{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .xs\:border-purple-100{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .xs\:border-purple-200{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .xs\:border-purple-300{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .xs\:border-purple-400{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .xs\:border-purple-500{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .xs\:border-purple-600{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .xs\:border-purple-700{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .xs\:border-purple-800{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .xs\:border-purple-900{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .xs\:border-pink-100{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .xs\:border-pink-200{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .xs\:border-pink-300{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .xs\:border-pink-400{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .xs\:border-pink-500{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .xs\:border-pink-600{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .xs\:border-pink-700{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .xs\:border-pink-800{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .xs\:border-pink-900{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .xs\:border-primary-color{
    border-color: var(--primary-color) !important;
  }

  .xs\:border-primary-hover-color{
    border-color: var(--hover-color) !important;
  }

  .xs\:border-gray-body{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .xs\:border-gray-light{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .xs\:border-gray-333{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .xs\:border-gray-666{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .xs\:border-gray-888{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .xs\:border-gray-999{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .xs\:border-gray-icon{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .xs\:border-gray-features{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .xs\:border-slide-border{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .xs\:border-sale-color{
    border-color: var(--primary-color) !important;
  }

  .xs\:border-hit-color{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .xs\:border-new-color{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .xs\:border-fb-hover-color{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .xs\:border-fb-active-color{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .xs\:border-vk-hover-color{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .xs\:border-vk-active-color{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .xs\:border-insta-hover-color{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .xs\:border-insta-active-color{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .xs\:border-gray-dc{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .xs\:border-gray-cd{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .xs\:border-gray-e7{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .xs\:border-check-color{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .xs\:border-docx-color{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .xs\:border-dark-black{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .xs\:border-green-light{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-transparent:hover{
    border-color: transparent !important;
  }

  .xs\:hover\:border-current:hover{
    border-color: currentColor !important;
  }

  .xs\:hover\:border-black:hover{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-white:hover{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-100:hover{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-200:hover{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-300:hover{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-400:hover{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-500:hover{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-600:hover{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-700:hover{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-800:hover{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-900:hover{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-red:hover{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-orange-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-orange-200:hover{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-orange-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-orange-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-orange-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-orange-600:hover{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-orange-700:hover{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-orange-800:hover{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-orange-900:hover{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-yellow-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-yellow-200:hover{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-yellow-300:hover{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-yellow-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-yellow-500:hover{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-yellow-600:hover{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-yellow-700:hover{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-yellow-800:hover{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-yellow-900:hover{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-green-100:hover{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-green-200:hover{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-green-300:hover{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-green-400:hover{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-green-500:hover{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-green-600:hover{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-green-700:hover{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-green-800:hover{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-green-900:hover{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-teal-100:hover{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-teal-200:hover{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-teal-300:hover{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-teal-400:hover{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-teal-500:hover{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-teal-600:hover{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-teal-700:hover{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-teal-800:hover{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-teal-900:hover{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-blue-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-blue-200:hover{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-blue-300:hover{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-blue-400:hover{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-blue-500:hover{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-blue-600:hover{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-blue-700:hover{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-blue-800:hover{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-blue-900:hover{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-indigo-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-indigo-200:hover{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-indigo-300:hover{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-indigo-400:hover{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-indigo-500:hover{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-indigo-600:hover{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-indigo-700:hover{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-indigo-800:hover{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-indigo-900:hover{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-purple-100:hover{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-purple-200:hover{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-purple-300:hover{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-purple-400:hover{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-purple-500:hover{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-purple-600:hover{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-purple-700:hover{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-purple-800:hover{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-purple-900:hover{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-pink-100:hover{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-pink-200:hover{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-pink-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-pink-400:hover{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-pink-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-pink-600:hover{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-pink-700:hover{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-pink-800:hover{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-pink-900:hover{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-primary-color:hover{
    border-color: var(--primary-color) !important;
  }

  .xs\:hover\:border-primary-hover-color:hover{
    border-color: var(--hover-color) !important;
  }

  .xs\:hover\:border-gray-body:hover{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-light:hover{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-333:hover{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-666:hover{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-888:hover{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-999:hover{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-icon:hover{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-features:hover{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-slide-border:hover{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-sale-color:hover{
    border-color: var(--primary-color) !important;
  }

  .xs\:hover\:border-hit-color:hover{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-new-color:hover{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-fb-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-fb-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-vk-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-vk-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-insta-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-insta-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-dc:hover{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-cd:hover{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-gray-e7:hover{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-check-color:hover{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-docx-color:hover{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-dark-black:hover{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .xs\:hover\:border-green-light:hover{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-transparent:focus{
    border-color: transparent !important;
  }

  .xs\:focus\:border-current:focus{
    border-color: currentColor !important;
  }

  .xs\:focus\:border-black:focus{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-white:focus{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-100:focus{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-200:focus{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-300:focus{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-400:focus{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-500:focus{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-600:focus{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-700:focus{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-800:focus{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-900:focus{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-red:focus{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-orange-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-orange-200:focus{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-orange-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-orange-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-orange-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-orange-600:focus{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-orange-700:focus{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-orange-800:focus{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-orange-900:focus{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-yellow-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-yellow-200:focus{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-yellow-300:focus{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-yellow-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-yellow-500:focus{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-yellow-600:focus{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-yellow-700:focus{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-yellow-800:focus{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-yellow-900:focus{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-green-100:focus{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-green-200:focus{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-green-300:focus{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-green-400:focus{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-green-500:focus{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-green-600:focus{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-green-700:focus{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-green-800:focus{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-green-900:focus{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-teal-100:focus{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-teal-200:focus{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-teal-300:focus{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-teal-400:focus{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-teal-500:focus{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-teal-600:focus{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-teal-700:focus{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-teal-800:focus{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-teal-900:focus{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-blue-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-blue-200:focus{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-blue-300:focus{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-blue-400:focus{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-blue-500:focus{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-blue-600:focus{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-blue-700:focus{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-blue-800:focus{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-blue-900:focus{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-indigo-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-indigo-200:focus{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-indigo-300:focus{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-indigo-400:focus{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-indigo-500:focus{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-indigo-600:focus{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-indigo-700:focus{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-indigo-800:focus{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-indigo-900:focus{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-purple-100:focus{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-purple-200:focus{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-purple-300:focus{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-purple-400:focus{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-purple-500:focus{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-purple-600:focus{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-purple-700:focus{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-purple-800:focus{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-purple-900:focus{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-pink-100:focus{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-pink-200:focus{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-pink-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-pink-400:focus{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-pink-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-pink-600:focus{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-pink-700:focus{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-pink-800:focus{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-pink-900:focus{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-primary-color:focus{
    border-color: var(--primary-color) !important;
  }

  .xs\:focus\:border-primary-hover-color:focus{
    border-color: var(--hover-color) !important;
  }

  .xs\:focus\:border-gray-body:focus{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-light:focus{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-333:focus{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-666:focus{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-888:focus{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-999:focus{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-icon:focus{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-features:focus{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-slide-border:focus{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-sale-color:focus{
    border-color: var(--primary-color) !important;
  }

  .xs\:focus\:border-hit-color:focus{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-new-color:focus{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-fb-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-fb-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-vk-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-vk-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-insta-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-insta-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-dc:focus{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-cd:focus{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-gray-e7:focus{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-check-color:focus{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-docx-color:focus{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-dark-black:focus{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .xs\:focus\:border-green-light:focus{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .xs\:border-opacity-0{
    --border-opacity: 0 !important;
  }

  .xs\:border-opacity-25{
    --border-opacity: 0.25 !important;
  }

  .xs\:border-opacity-50{
    --border-opacity: 0.5 !important;
  }

  .xs\:border-opacity-75{
    --border-opacity: 0.75 !important;
  }

  .xs\:border-opacity-100{
    --border-opacity: 1 !important;
  }

  .xs\:hover\:border-opacity-0:hover{
    --border-opacity: 0 !important;
  }

  .xs\:hover\:border-opacity-25:hover{
    --border-opacity: 0.25 !important;
  }

  .xs\:hover\:border-opacity-50:hover{
    --border-opacity: 0.5 !important;
  }

  .xs\:hover\:border-opacity-75:hover{
    --border-opacity: 0.75 !important;
  }

  .xs\:hover\:border-opacity-100:hover{
    --border-opacity: 1 !important;
  }

  .xs\:focus\:border-opacity-0:focus{
    --border-opacity: 0 !important;
  }

  .xs\:focus\:border-opacity-25:focus{
    --border-opacity: 0.25 !important;
  }

  .xs\:focus\:border-opacity-50:focus{
    --border-opacity: 0.5 !important;
  }

  .xs\:focus\:border-opacity-75:focus{
    --border-opacity: 0.75 !important;
  }

  .xs\:focus\:border-opacity-100:focus{
    --border-opacity: 1 !important;
  }

  .xs\:rounded-10{
    border-radius: 10px !important;
  }

  .xs\:rounded-none{
    border-radius: 0 !important;
  }

  .xs\:rounded-sm{
    border-radius: 0.125rem !important;
  }

  .xs\:rounded{
    border-radius: 0.25rem !important;
  }

  .xs\:rounded-md{
    border-radius: 0.375rem !important;
  }

  .xs\:rounded-lg{
    border-radius: 0.5rem !important;
  }

  .xs\:rounded-xl{
    border-radius: 0.75rem !important;
  }

  .xs\:rounded-2xl{
    border-radius: 1rem !important;
  }

  .xs\:rounded-3xl{
    border-radius: 1.5rem !important;
  }

  .xs\:rounded-full{
    border-radius: 9999px !important;
  }

  .xs\:rounded-50\%{
    border-radius: 50% !important;
  }

  .xs\:rounded-t-10{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  .xs\:rounded-r-10{
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }

  .xs\:rounded-b-10{
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .xs\:rounded-l-10{
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .xs\:rounded-t-none{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .xs\:rounded-r-none{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .xs\:rounded-b-none{
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .xs\:rounded-l-none{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .xs\:rounded-t-sm{
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }

  .xs\:rounded-r-sm{
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }

  .xs\:rounded-b-sm{
    border-bottom-right-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .xs\:rounded-l-sm{
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .xs\:rounded-t{
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }

  .xs\:rounded-r{
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }

  .xs\:rounded-b{
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .xs\:rounded-l{
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .xs\:rounded-t-md{
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }

  .xs\:rounded-r-md{
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }

  .xs\:rounded-b-md{
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .xs\:rounded-l-md{
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .xs\:rounded-t-lg{
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }

  .xs\:rounded-r-lg{
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }

  .xs\:rounded-b-lg{
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .xs\:rounded-l-lg{
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .xs\:rounded-t-xl{
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }

  .xs\:rounded-r-xl{
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }

  .xs\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .xs\:rounded-l-xl{
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .xs\:rounded-t-2xl{
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }

  .xs\:rounded-r-2xl{
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }

  .xs\:rounded-b-2xl{
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .xs\:rounded-l-2xl{
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .xs\:rounded-t-3xl{
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }

  .xs\:rounded-r-3xl{
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }

  .xs\:rounded-b-3xl{
    border-bottom-right-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .xs\:rounded-l-3xl{
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .xs\:rounded-t-full{
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
  }

  .xs\:rounded-r-full{
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
  }

  .xs\:rounded-b-full{
    border-bottom-right-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .xs\:rounded-l-full{
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .xs\:rounded-t-50\%{
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }

  .xs\:rounded-r-50\%{
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }

  .xs\:rounded-b-50\%{
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .xs\:rounded-l-50\%{
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .xs\:rounded-tl-10{
    border-top-left-radius: 10px !important;
  }

  .xs\:rounded-tr-10{
    border-top-right-radius: 10px !important;
  }

  .xs\:rounded-br-10{
    border-bottom-right-radius: 10px !important;
  }

  .xs\:rounded-bl-10{
    border-bottom-left-radius: 10px !important;
  }

  .xs\:rounded-tl-none{
    border-top-left-radius: 0 !important;
  }

  .xs\:rounded-tr-none{
    border-top-right-radius: 0 !important;
  }

  .xs\:rounded-br-none{
    border-bottom-right-radius: 0 !important;
  }

  .xs\:rounded-bl-none{
    border-bottom-left-radius: 0 !important;
  }

  .xs\:rounded-tl-sm{
    border-top-left-radius: 0.125rem !important;
  }

  .xs\:rounded-tr-sm{
    border-top-right-radius: 0.125rem !important;
  }

  .xs\:rounded-br-sm{
    border-bottom-right-radius: 0.125rem !important;
  }

  .xs\:rounded-bl-sm{
    border-bottom-left-radius: 0.125rem !important;
  }

  .xs\:rounded-tl{
    border-top-left-radius: 0.25rem !important;
  }

  .xs\:rounded-tr{
    border-top-right-radius: 0.25rem !important;
  }

  .xs\:rounded-br{
    border-bottom-right-radius: 0.25rem !important;
  }

  .xs\:rounded-bl{
    border-bottom-left-radius: 0.25rem !important;
  }

  .xs\:rounded-tl-md{
    border-top-left-radius: 0.375rem !important;
  }

  .xs\:rounded-tr-md{
    border-top-right-radius: 0.375rem !important;
  }

  .xs\:rounded-br-md{
    border-bottom-right-radius: 0.375rem !important;
  }

  .xs\:rounded-bl-md{
    border-bottom-left-radius: 0.375rem !important;
  }

  .xs\:rounded-tl-lg{
    border-top-left-radius: 0.5rem !important;
  }

  .xs\:rounded-tr-lg{
    border-top-right-radius: 0.5rem !important;
  }

  .xs\:rounded-br-lg{
    border-bottom-right-radius: 0.5rem !important;
  }

  .xs\:rounded-bl-lg{
    border-bottom-left-radius: 0.5rem !important;
  }

  .xs\:rounded-tl-xl{
    border-top-left-radius: 0.75rem !important;
  }

  .xs\:rounded-tr-xl{
    border-top-right-radius: 0.75rem !important;
  }

  .xs\:rounded-br-xl{
    border-bottom-right-radius: 0.75rem !important;
  }

  .xs\:rounded-bl-xl{
    border-bottom-left-radius: 0.75rem !important;
  }

  .xs\:rounded-tl-2xl{
    border-top-left-radius: 1rem !important;
  }

  .xs\:rounded-tr-2xl{
    border-top-right-radius: 1rem !important;
  }

  .xs\:rounded-br-2xl{
    border-bottom-right-radius: 1rem !important;
  }

  .xs\:rounded-bl-2xl{
    border-bottom-left-radius: 1rem !important;
  }

  .xs\:rounded-tl-3xl{
    border-top-left-radius: 1.5rem !important;
  }

  .xs\:rounded-tr-3xl{
    border-top-right-radius: 1.5rem !important;
  }

  .xs\:rounded-br-3xl{
    border-bottom-right-radius: 1.5rem !important;
  }

  .xs\:rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem !important;
  }

  .xs\:rounded-tl-full{
    border-top-left-radius: 9999px !important;
  }

  .xs\:rounded-tr-full{
    border-top-right-radius: 9999px !important;
  }

  .xs\:rounded-br-full{
    border-bottom-right-radius: 9999px !important;
  }

  .xs\:rounded-bl-full{
    border-bottom-left-radius: 9999px !important;
  }

  .xs\:rounded-tl-50\%{
    border-top-left-radius: 50% !important;
  }

  .xs\:rounded-tr-50\%{
    border-top-right-radius: 50% !important;
  }

  .xs\:rounded-br-50\%{
    border-bottom-right-radius: 50% !important;
  }

  .xs\:rounded-bl-50\%{
    border-bottom-left-radius: 50% !important;
  }

  .xs\:border-solid{
    border-style: solid !important;
  }

  .xs\:border-dashed{
    border-style: dashed !important;
  }

  .xs\:border-dotted{
    border-style: dotted !important;
  }

  .xs\:border-double{
    border-style: double !important;
  }

  .xs\:border-none{
    border-style: none !important;
  }

  .xs\:border-0{
    border-width: 0 !important;
  }

  .xs\:border-2{
    border-width: 2px !important;
  }

  .xs\:border-3{
    border-width: 3px !important;
  }

  .xs\:border-4{
    border-width: 4px !important;
  }

  .xs\:border-8{
    border-width: 8px !important;
  }

  .xs\:border{
    border-width: 1px !important;
  }

  .xs\:border-t-0{
    border-top-width: 0 !important;
  }

  .xs\:border-r-0{
    border-right-width: 0 !important;
  }

  .xs\:border-b-0{
    border-bottom-width: 0 !important;
  }

  .xs\:border-l-0{
    border-left-width: 0 !important;
  }

  .xs\:border-t-2{
    border-top-width: 2px !important;
  }

  .xs\:border-r-2{
    border-right-width: 2px !important;
  }

  .xs\:border-b-2{
    border-bottom-width: 2px !important;
  }

  .xs\:border-l-2{
    border-left-width: 2px !important;
  }

  .xs\:border-t-3{
    border-top-width: 3px !important;
  }

  .xs\:border-r-3{
    border-right-width: 3px !important;
  }

  .xs\:border-b-3{
    border-bottom-width: 3px !important;
  }

  .xs\:border-l-3{
    border-left-width: 3px !important;
  }

  .xs\:border-t-4{
    border-top-width: 4px !important;
  }

  .xs\:border-r-4{
    border-right-width: 4px !important;
  }

  .xs\:border-b-4{
    border-bottom-width: 4px !important;
  }

  .xs\:border-l-4{
    border-left-width: 4px !important;
  }

  .xs\:border-t-8{
    border-top-width: 8px !important;
  }

  .xs\:border-r-8{
    border-right-width: 8px !important;
  }

  .xs\:border-b-8{
    border-bottom-width: 8px !important;
  }

  .xs\:border-l-8{
    border-left-width: 8px !important;
  }

  .xs\:border-t{
    border-top-width: 1px !important;
  }

  .xs\:border-r{
    border-right-width: 1px !important;
  }

  .xs\:border-b{
    border-bottom-width: 1px !important;
  }

  .xs\:border-l{
    border-left-width: 1px !important;
  }

  .xs\:box-border{
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }

  .xs\:box-content{
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
  }

  .xs\:cursor-auto{
    cursor: auto !important;
  }

  .xs\:cursor-default{
    cursor: default !important;
  }

  .xs\:cursor-pointer{
    cursor: pointer !important;
  }

  .xs\:cursor-wait{
    cursor: wait !important;
  }

  .xs\:cursor-text{
    cursor: text !important;
  }

  .xs\:cursor-move{
    cursor: move !important;
  }

  .xs\:cursor-not-allowed{
    cursor: not-allowed !important;
  }

  .xs\:block{
    display: block !important;
  }

  .xs\:inline-block{
    display: inline-block !important;
  }

  .xs\:inline{
    display: inline !important;
  }

  .xs\:flex{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .xs\:inline-flex{
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .xs\:table{
    display: table !important;
  }

  .xs\:table-caption{
    display: table-caption !important;
  }

  .xs\:table-cell{
    display: table-cell !important;
  }

  .xs\:table-column{
    display: table-column !important;
  }

  .xs\:table-column-group{
    display: table-column-group !important;
  }

  .xs\:table-footer-group{
    display: table-footer-group !important;
  }

  .xs\:table-header-group{
    display: table-header-group !important;
  }

  .xs\:table-row-group{
    display: table-row-group !important;
  }

  .xs\:table-row{
    display: table-row !important;
  }

  .xs\:flow-root{
    display: flow-root !important;
  }

  .xs\:grid{
    display: grid !important;
  }

  .xs\:inline-grid{
    display: inline-grid !important;
  }

  .xs\:contents{
    display: contents !important;
  }

  .xs\:hidden{
    display: none !important;
  }

  .xs\:flex-row{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .xs\:flex-row-reverse{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .xs\:flex-col{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .xs\:flex-col-reverse{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .xs\:flex-wrap{
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .xs\:flex-wrap-reverse{
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .xs\:flex-no-wrap{
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .xs\:place-items-auto{
    place-items: auto !important;
  }

  .xs\:place-items-start{
    place-items: start !important;
  }

  .xs\:place-items-end{
    place-items: end !important;
  }

  .xs\:place-items-center{
    place-items: center !important;
  }

  .xs\:place-items-stretch{
    place-items: stretch !important;
  }

  .xs\:place-content-center{
    place-content: center !important;
  }

  .xs\:place-content-start{
    place-content: start !important;
  }

  .xs\:place-content-end{
    place-content: end !important;
  }

  .xs\:place-content-between{
    place-content: space-between !important;
  }

  .xs\:place-content-around{
    place-content: space-around !important;
  }

  .xs\:place-content-evenly{
    place-content: space-evenly !important;
  }

  .xs\:place-content-stretch{
    place-content: stretch !important;
  }

  .xs\:place-self-auto{
    place-self: auto !important;
  }

  .xs\:place-self-start{
    place-self: start !important;
  }

  .xs\:place-self-end{
    place-self: end !important;
  }

  .xs\:place-self-center{
    place-self: center !important;
  }

  .xs\:place-self-stretch{
    place-self: stretch !important;
  }

  .xs\:items-start{
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .xs\:items-end{
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .xs\:items-center{
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .xs\:items-baseline{
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .xs\:items-stretch{
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .xs\:content-center{
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .xs\:content-start{
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .xs\:content-end{
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .xs\:content-between{
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .xs\:content-around{
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .xs\:content-evenly{
    -ms-flex-line-pack: space-evenly !important;
    align-content: space-evenly !important;
  }

  .xs\:self-auto{
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .xs\:self-start{
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .xs\:self-end{
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .xs\:self-center{
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .xs\:self-stretch{
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .xs\:justify-items-auto{
    justify-items: auto !important;
  }

  .xs\:justify-items-start{
    justify-items: start !important;
  }

  .xs\:justify-items-end{
    justify-items: end !important;
  }

  .xs\:justify-items-center{
    justify-items: center !important;
  }

  .xs\:justify-items-stretch{
    justify-items: stretch !important;
  }

  .xs\:justify-start{
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .xs\:justify-end{
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .xs\:justify-center{
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .xs\:justify-between{
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .xs\:justify-around{
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .xs\:justify-evenly{
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .xs\:justify-self-auto{
    justify-self: auto !important;
  }

  .xs\:justify-self-start{
    justify-self: start !important;
  }

  .xs\:justify-self-end{
    justify-self: end !important;
  }

  .xs\:justify-self-center{
    justify-self: center !important;
  }

  .xs\:justify-self-stretch{
    justify-self: stretch !important;
  }

  .xs\:flex-1{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 0% !important;
    flex: 1 1 0% !important;
  }

  .xs\:flex-auto{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .xs\:flex-initial{
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
  }

  .xs\:flex-none{
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
  }

  .xs\:flex-grow-0{
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .xs\:flex-grow{
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .xs\:flex-shrink-0{
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .xs\:flex-shrink{
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .xs\:order-1{
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .xs\:order-2{
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .xs\:order-3{
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .xs\:order-4{
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .xs\:order-5{
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .xs\:order-6{
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }

  .xs\:order-7{
    -webkit-box-ordinal-group: 8 !important;
    -ms-flex-order: 7 !important;
    order: 7 !important;
  }

  .xs\:order-8{
    -webkit-box-ordinal-group: 9 !important;
    -ms-flex-order: 8 !important;
    order: 8 !important;
  }

  .xs\:order-9{
    -webkit-box-ordinal-group: 10 !important;
    -ms-flex-order: 9 !important;
    order: 9 !important;
  }

  .xs\:order-10{
    -webkit-box-ordinal-group: 11 !important;
    -ms-flex-order: 10 !important;
    order: 10 !important;
  }

  .xs\:order-11{
    -webkit-box-ordinal-group: 12 !important;
    -ms-flex-order: 11 !important;
    order: 11 !important;
  }

  .xs\:order-12{
    -webkit-box-ordinal-group: 13 !important;
    -ms-flex-order: 12 !important;
    order: 12 !important;
  }

  .xs\:order-first{
    -webkit-box-ordinal-group: -9998 !important;
    -ms-flex-order: -9999 !important;
    order: -9999 !important;
  }

  .xs\:order-last{
    -webkit-box-ordinal-group: 10000 !important;
    -ms-flex-order: 9999 !important;
    order: 9999 !important;
  }

  .xs\:order-none{
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .xs\:float-right{
    float: right !important;
  }

  .xs\:float-left{
    float: left !important;
  }

  .xs\:float-none{
    float: none !important;
  }

  .xs\:clearfix:after{
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  .xs\:clear-left{
    clear: left !important;
  }

  .xs\:clear-right{
    clear: right !important;
  }

  .xs\:clear-both{
    clear: both !important;
  }

  .xs\:clear-none{
    clear: none !important;
  }

  .xs\:font-sans{
    font-family: 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" !important;
  }

  .xs\:font-serif{
    font-family: Georgia, Cambria, "Times New Roman", Times, serif !important;
  }

  .xs\:font-mono{
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  }

  .xs\:font-hairline{
    font-weight: 100 !important;
  }

  .xs\:font-thin{
    font-weight: 200 !important;
  }

  .xs\:font-light{
    font-weight: 300 !important;
  }

  .xs\:font-normal{
    font-weight: 400 !important;
  }

  .xs\:font-medium{
    font-weight: 500 !important;
  }

  .xs\:font-semibold{
    font-weight: 600 !important;
  }

  .xs\:font-bold{
    font-weight: 700 !important;
  }

  .xs\:font-extrabold{
    font-weight: 800 !important;
  }

  .xs\:font-black{
    font-weight: 900 !important;
  }

  .xs\:hover\:font-hairline:hover{
    font-weight: 100 !important;
  }

  .xs\:hover\:font-thin:hover{
    font-weight: 200 !important;
  }

  .xs\:hover\:font-light:hover{
    font-weight: 300 !important;
  }

  .xs\:hover\:font-normal:hover{
    font-weight: 400 !important;
  }

  .xs\:hover\:font-medium:hover{
    font-weight: 500 !important;
  }

  .xs\:hover\:font-semibold:hover{
    font-weight: 600 !important;
  }

  .xs\:hover\:font-bold:hover{
    font-weight: 700 !important;
  }

  .xs\:hover\:font-extrabold:hover{
    font-weight: 800 !important;
  }

  .xs\:hover\:font-black:hover{
    font-weight: 900 !important;
  }

  .xs\:focus\:font-hairline:focus{
    font-weight: 100 !important;
  }

  .xs\:focus\:font-thin:focus{
    font-weight: 200 !important;
  }

  .xs\:focus\:font-light:focus{
    font-weight: 300 !important;
  }

  .xs\:focus\:font-normal:focus{
    font-weight: 400 !important;
  }

  .xs\:focus\:font-medium:focus{
    font-weight: 500 !important;
  }

  .xs\:focus\:font-semibold:focus{
    font-weight: 600 !important;
  }

  .xs\:focus\:font-bold:focus{
    font-weight: 700 !important;
  }

  .xs\:focus\:font-extrabold:focus{
    font-weight: 800 !important;
  }

  .xs\:focus\:font-black:focus{
    font-weight: 900 !important;
  }

  .xs\:h-0{
    height: 0 !important;
  }

  .xs\:h-1{
    height: 0.25rem !important;
  }

  .xs\:h-2{
    height: 0.5rem !important;
  }

  .xs\:h-3{
    height: 0.75rem !important;
  }

  .xs\:h-4{
    height: 1rem !important;
  }

  .xs\:h-5{
    height: 1.25rem !important;
  }

  .xs\:h-6{
    height: 1.5rem !important;
  }

  .xs\:h-8{
    height: 2rem !important;
  }

  .xs\:h-10{
    height: 2.5rem !important;
  }

  .xs\:h-12{
    height: 3rem !important;
  }

  .xs\:h-16{
    height: 4rem !important;
  }

  .xs\:h-20{
    height: 5rem !important;
  }

  .xs\:h-24{
    height: 6rem !important;
  }

  .xs\:h-28{
    height: 7rem !important;
  }

  .xs\:h-32{
    height: 8rem !important;
  }

  .xs\:h-40{
    height: 10rem !important;
  }

  .xs\:h-48{
    height: 12rem !important;
  }

  .xs\:h-56{
    height: 14rem !important;
  }

  .xs\:h-64{
    height: 16rem !important;
  }

  .xs\:h-auto{
    height: auto !important;
  }

  .xs\:h-px{
    height: 1px !important;
  }

  .xs\:h-2px{
    height: 2px !important;
  }

  .xs\:h-3px{
    height: 3px !important;
  }

  .xs\:h-5px{
    height: 5px !important;
  }

  .xs\:h-10px{
    height: 10px !important;
  }

  .xs\:h-15px{
    height: 15px !important;
  }

  .xs\:h-20px{
    height: 20px !important;
  }

  .xs\:h-25px{
    height: 25px !important;
  }

  .xs\:h-30px{
    height: 30px !important;
  }

  .xs\:h-36px{
    height: 36px !important;
  }

  .xs\:h-50px{
    height: 50px !important;
  }

  .xs\:h-60px{
    height: 60px !important;
  }

  .xs\:h-120px{
    height: 120px !important;
  }

  .xs\:h-full{
    height: 100% !important;
  }

  .xs\:h-screen{
    height: 100vh !important;
  }

  .xs\:text-xs{
    font-size: .75rem !important;
  }

  .xs\:text-sm{
    font-size: 14px !important;
  }

  .xs\:text-base{
    font-size: 16px !important;
  }

  .xs\:text-lg{
    font-size: 18px !important;
  }

  .xs\:text-xl{
    font-size: 20px !important;
  }

  .xs\:text-2xl{
    font-size: 1.5rem !important;
  }

  .xs\:text-3xl{
    font-size: 30px !important;
  }

  .xs\:text-4xl{
    font-size: 2.25rem !important;
  }

  .xs\:text-5xl{
    font-size: 3rem !important;
  }

  .xs\:text-6xl{
    font-size: 4rem !important;
  }

  .xs\:text-toy{
    font-size: 10px !important;
  }

  .xs\:text-xxs{
    font-size: 11px !important;
  }

  .xs\:text-tiny{
    font-size: 13px !important;
  }

  .xs\:text-normal{
    font-size: 15px !important;
  }

  .xs\:text-x21{
    font-size: 21px !important;
  }

  .xs\:text-x22{
    font-size: 22px !important;
  }

  .xs\:text-x23{
    font-size: 23px !important;
  }

  .xs\:text-x25{
    font-size: 25px !important;
  }

  .xs\:text-large{
    font-size: 40px !important;
  }

  .xs\:text-huge{
    font-size: 50px !important;
  }

  .xs\:leading-3{
    line-height: .75rem !important;
  }

  .xs\:leading-4{
    line-height: 1rem !important;
  }

  .xs\:leading-5{
    line-height: 1.25rem !important;
  }

  .xs\:leading-6{
    line-height: 1.5rem !important;
  }

  .xs\:leading-7{
    line-height: 1.75rem !important;
  }

  .xs\:leading-8{
    line-height: 2rem !important;
  }

  .xs\:leading-9{
    line-height: 2.25rem !important;
  }

  .xs\:leading-10{
    line-height: 2.5rem !important;
  }

  .xs\:leading-none{
    line-height: 1 !important;
  }

  .xs\:leading-tight{
    line-height: 1.25 !important;
  }

  .xs\:leading-snug{
    line-height: 1.375 !important;
  }

  .xs\:leading-normal{
    line-height: 1.5 !important;
  }

  .xs\:leading-relaxed{
    line-height: 1.625 !important;
  }

  .xs\:leading-loose{
    line-height: 2 !important;
  }

  .xs\:leading-60px{
    line-height: 60px !important;
  }

  .xs\:leading-small{
    line-height: 23px !important;
  }

  .xs\:leading-ordinary{
    line-height: 25px !important;
  }

  .xs\:list-inside{
    list-style-position: inside !important;
  }

  .xs\:list-outside{
    list-style-position: outside !important;
  }

  .xs\:list-none{
    list-style-type: none !important;
  }

  .xs\:list-disc{
    list-style-type: disc !important;
  }

  .xs\:list-decimal{
    list-style-type: decimal !important;
  }

  .xs\:list-line{
    list-style-type: - !important;
  }

  .xs\:m-0{
    margin: 0 !important;
  }

  .xs\:m-1{
    margin: 0.25rem !important;
  }

  .xs\:m-2{
    margin: 0.5rem !important;
  }

  .xs\:m-3{
    margin: 0.75rem !important;
  }

  .xs\:m-4{
    margin: 1rem !important;
  }

  .xs\:m-5{
    margin: 1.25rem !important;
  }

  .xs\:m-6{
    margin: 1.5rem !important;
  }

  .xs\:m-8{
    margin: 2rem !important;
  }

  .xs\:m-10{
    margin: 2.5rem !important;
  }

  .xs\:m-12{
    margin: 3rem !important;
  }

  .xs\:m-16{
    margin: 4rem !important;
  }

  .xs\:m-20{
    margin: 5rem !important;
  }

  .xs\:m-24{
    margin: 6rem !important;
  }

  .xs\:m-28{
    margin: 7rem !important;
  }

  .xs\:m-32{
    margin: 8rem !important;
  }

  .xs\:m-40{
    margin: 10rem !important;
  }

  .xs\:m-48{
    margin: 12rem !important;
  }

  .xs\:m-56{
    margin: 14rem !important;
  }

  .xs\:m-64{
    margin: 16rem !important;
  }

  .xs\:m-auto{
    margin: auto !important;
  }

  .xs\:m-px{
    margin: 1px !important;
  }

  .xs\:m-2px{
    margin: 2px !important;
  }

  .xs\:m-3px{
    margin: 3px !important;
  }

  .xs\:m-5px{
    margin: 5px !important;
  }

  .xs\:m-10px{
    margin: 10px !important;
  }

  .xs\:m-15px{
    margin: 15px !important;
  }

  .xs\:m-20px{
    margin: 20px !important;
  }

  .xs\:m-25px{
    margin: 25px !important;
  }

  .xs\:m-30px{
    margin: 30px !important;
  }

  .xs\:m-36px{
    margin: 36px !important;
  }

  .xs\:m-50px{
    margin: 50px !important;
  }

  .xs\:m-60px{
    margin: 60px !important;
  }

  .xs\:m-120px{
    margin: 120px !important;
  }

  .xs\:-m-1{
    margin: -0.25rem !important;
  }

  .xs\:-m-2{
    margin: -0.5rem !important;
  }

  .xs\:-m-3{
    margin: -0.75rem !important;
  }

  .xs\:-m-4{
    margin: -1rem !important;
  }

  .xs\:-m-5{
    margin: -1.25rem !important;
  }

  .xs\:-m-6{
    margin: -1.5rem !important;
  }

  .xs\:-m-8{
    margin: -2rem !important;
  }

  .xs\:-m-10{
    margin: -2.5rem !important;
  }

  .xs\:-m-12{
    margin: -3rem !important;
  }

  .xs\:-m-16{
    margin: -4rem !important;
  }

  .xs\:-m-20{
    margin: -5rem !important;
  }

  .xs\:-m-24{
    margin: -6rem !important;
  }

  .xs\:-m-28{
    margin: -7rem !important;
  }

  .xs\:-m-32{
    margin: -8rem !important;
  }

  .xs\:-m-40{
    margin: -10rem !important;
  }

  .xs\:-m-48{
    margin: -12rem !important;
  }

  .xs\:-m-56{
    margin: -14rem !important;
  }

  .xs\:-m-64{
    margin: -16rem !important;
  }

  .xs\:-m-px{
    margin: -1px !important;
  }

  .xs\:-m-2px{
    margin: -2px !important;
  }

  .xs\:-m-3px{
    margin: -3px !important;
  }

  .xs\:-m-5px{
    margin: -5px !important;
  }

  .xs\:-m-10px{
    margin: -10px !important;
  }

  .xs\:-m-15px{
    margin: -15px !important;
  }

  .xs\:-m-20px{
    margin: -20px !important;
  }

  .xs\:-m-25px{
    margin: -25px !important;
  }

  .xs\:-m-30px{
    margin: -30px !important;
  }

  .xs\:-m-36px{
    margin: -36px !important;
  }

  .xs\:-m-50px{
    margin: -50px !important;
  }

  .xs\:-m-60px{
    margin: -60px !important;
  }

  .xs\:-m-120px{
    margin: -120px !important;
  }

  .xs\:my-0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .xs\:mx-0{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .xs\:my-1{
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .xs\:mx-1{
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .xs\:my-2{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .xs\:mx-2{
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .xs\:my-3{
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .xs\:mx-3{
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  .xs\:my-4{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .xs\:mx-4{
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .xs\:my-5{
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .xs\:mx-5{
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }

  .xs\:my-6{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .xs\:mx-6{
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .xs\:my-8{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .xs\:mx-8{
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .xs\:my-10{
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .xs\:mx-10{
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .xs\:my-12{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .xs\:mx-12{
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .xs\:my-16{
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .xs\:mx-16{
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .xs\:my-20{
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .xs\:mx-20{
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .xs\:my-24{
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .xs\:mx-24{
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .xs\:my-28{
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .xs\:mx-28{
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .xs\:my-32{
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .xs\:mx-32{
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .xs\:my-40{
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .xs\:mx-40{
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .xs\:my-48{
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .xs\:mx-48{
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .xs\:my-56{
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }

  .xs\:mx-56{
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }

  .xs\:my-64{
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }

  .xs\:mx-64{
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }

  .xs\:my-auto{
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .xs\:mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .xs\:my-px{
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .xs\:mx-px{
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .xs\:my-2px{
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .xs\:mx-2px{
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .xs\:my-3px{
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .xs\:mx-3px{
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .xs\:my-5px{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .xs\:mx-5px{
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .xs\:my-10px{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .xs\:mx-10px{
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .xs\:my-15px{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .xs\:mx-15px{
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .xs\:my-20px{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .xs\:mx-20px{
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .xs\:my-25px{
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .xs\:mx-25px{
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .xs\:my-30px{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .xs\:mx-30px{
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .xs\:my-36px{
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }

  .xs\:mx-36px{
    margin-left: 36px !important;
    margin-right: 36px !important;
  }

  .xs\:my-50px{
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .xs\:mx-50px{
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .xs\:my-60px{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .xs\:mx-60px{
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .xs\:my-120px{
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .xs\:mx-120px{
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .xs\:-my-1{
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .xs\:-mx-1{
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }

  .xs\:-my-2{
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .xs\:-mx-2{
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }

  .xs\:-my-3{
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }

  .xs\:-mx-3{
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
  }

  .xs\:-my-4{
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .xs\:-mx-4{
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  .xs\:-my-5{
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }

  .xs\:-mx-5{
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
  }

  .xs\:-my-6{
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .xs\:-mx-6{
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }

  .xs\:-my-8{
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }

  .xs\:-mx-8{
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }

  .xs\:-my-10{
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }

  .xs\:-mx-10{
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important;
  }

  .xs\:-my-12{
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .xs\:-mx-12{
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }

  .xs\:-my-16{
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }

  .xs\:-mx-16{
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }

  .xs\:-my-20{
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }

  .xs\:-mx-20{
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }

  .xs\:-my-24{
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }

  .xs\:-mx-24{
    margin-left: -6rem !important;
    margin-right: -6rem !important;
  }

  .xs\:-my-28{
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }

  .xs\:-mx-28{
    margin-left: -7rem !important;
    margin-right: -7rem !important;
  }

  .xs\:-my-32{
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }

  .xs\:-mx-32{
    margin-left: -8rem !important;
    margin-right: -8rem !important;
  }

  .xs\:-my-40{
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }

  .xs\:-mx-40{
    margin-left: -10rem !important;
    margin-right: -10rem !important;
  }

  .xs\:-my-48{
    margin-top: -12rem !important;
    margin-bottom: -12rem !important;
  }

  .xs\:-mx-48{
    margin-left: -12rem !important;
    margin-right: -12rem !important;
  }

  .xs\:-my-56{
    margin-top: -14rem !important;
    margin-bottom: -14rem !important;
  }

  .xs\:-mx-56{
    margin-left: -14rem !important;
    margin-right: -14rem !important;
  }

  .xs\:-my-64{
    margin-top: -16rem !important;
    margin-bottom: -16rem !important;
  }

  .xs\:-mx-64{
    margin-left: -16rem !important;
    margin-right: -16rem !important;
  }

  .xs\:-my-px{
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .xs\:-mx-px{
    margin-left: -1px !important;
    margin-right: -1px !important;
  }

  .xs\:-my-2px{
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }

  .xs\:-mx-2px{
    margin-left: -2px !important;
    margin-right: -2px !important;
  }

  .xs\:-my-3px{
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }

  .xs\:-mx-3px{
    margin-left: -3px !important;
    margin-right: -3px !important;
  }

  .xs\:-my-5px{
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }

  .xs\:-mx-5px{
    margin-left: -5px !important;
    margin-right: -5px !important;
  }

  .xs\:-my-10px{
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .xs\:-mx-10px{
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .xs\:-my-15px{
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }

  .xs\:-mx-15px{
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .xs\:-my-20px{
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .xs\:-mx-20px{
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .xs\:-my-25px{
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }

  .xs\:-mx-25px{
    margin-left: -25px !important;
    margin-right: -25px !important;
  }

  .xs\:-my-30px{
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .xs\:-mx-30px{
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .xs\:-my-36px{
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }

  .xs\:-mx-36px{
    margin-left: -36px !important;
    margin-right: -36px !important;
  }

  .xs\:-my-50px{
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .xs\:-mx-50px{
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .xs\:-my-60px{
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .xs\:-mx-60px{
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .xs\:-my-120px{
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }

  .xs\:-mx-120px{
    margin-left: -120px !important;
    margin-right: -120px !important;
  }

  .xs\:mt-0{
    margin-top: 0 !important;
  }

  .xs\:mr-0{
    margin-right: 0 !important;
  }

  .xs\:mb-0{
    margin-bottom: 0 !important;
  }

  .xs\:ml-0{
    margin-left: 0 !important;
  }

  .xs\:mt-1{
    margin-top: 0.25rem !important;
  }

  .xs\:mr-1{
    margin-right: 0.25rem !important;
  }

  .xs\:mb-1{
    margin-bottom: 0.25rem !important;
  }

  .xs\:ml-1{
    margin-left: 0.25rem !important;
  }

  .xs\:mt-2{
    margin-top: 0.5rem !important;
  }

  .xs\:mr-2{
    margin-right: 0.5rem !important;
  }

  .xs\:mb-2{
    margin-bottom: 0.5rem !important;
  }

  .xs\:ml-2{
    margin-left: 0.5rem !important;
  }

  .xs\:mt-3{
    margin-top: 0.75rem !important;
  }

  .xs\:mr-3{
    margin-right: 0.75rem !important;
  }

  .xs\:mb-3{
    margin-bottom: 0.75rem !important;
  }

  .xs\:ml-3{
    margin-left: 0.75rem !important;
  }

  .xs\:mt-4{
    margin-top: 1rem !important;
  }

  .xs\:mr-4{
    margin-right: 1rem !important;
  }

  .xs\:mb-4{
    margin-bottom: 1rem !important;
  }

  .xs\:ml-4{
    margin-left: 1rem !important;
  }

  .xs\:mt-5{
    margin-top: 1.25rem !important;
  }

  .xs\:mr-5{
    margin-right: 1.25rem !important;
  }

  .xs\:mb-5{
    margin-bottom: 1.25rem !important;
  }

  .xs\:ml-5{
    margin-left: 1.25rem !important;
  }

  .xs\:mt-6{
    margin-top: 1.5rem !important;
  }

  .xs\:mr-6{
    margin-right: 1.5rem !important;
  }

  .xs\:mb-6{
    margin-bottom: 1.5rem !important;
  }

  .xs\:ml-6{
    margin-left: 1.5rem !important;
  }

  .xs\:mt-8{
    margin-top: 2rem !important;
  }

  .xs\:mr-8{
    margin-right: 2rem !important;
  }

  .xs\:mb-8{
    margin-bottom: 2rem !important;
  }

  .xs\:ml-8{
    margin-left: 2rem !important;
  }

  .xs\:mt-10{
    margin-top: 2.5rem !important;
  }

  .xs\:mr-10{
    margin-right: 2.5rem !important;
  }

  .xs\:mb-10{
    margin-bottom: 2.5rem !important;
  }

  .xs\:ml-10{
    margin-left: 2.5rem !important;
  }

  .xs\:mt-12{
    margin-top: 3rem !important;
  }

  .xs\:mr-12{
    margin-right: 3rem !important;
  }

  .xs\:mb-12{
    margin-bottom: 3rem !important;
  }

  .xs\:ml-12{
    margin-left: 3rem !important;
  }

  .xs\:mt-16{
    margin-top: 4rem !important;
  }

  .xs\:mr-16{
    margin-right: 4rem !important;
  }

  .xs\:mb-16{
    margin-bottom: 4rem !important;
  }

  .xs\:ml-16{
    margin-left: 4rem !important;
  }

  .xs\:mt-20{
    margin-top: 5rem !important;
  }

  .xs\:mr-20{
    margin-right: 5rem !important;
  }

  .xs\:mb-20{
    margin-bottom: 5rem !important;
  }

  .xs\:ml-20{
    margin-left: 5rem !important;
  }

  .xs\:mt-24{
    margin-top: 6rem !important;
  }

  .xs\:mr-24{
    margin-right: 6rem !important;
  }

  .xs\:mb-24{
    margin-bottom: 6rem !important;
  }

  .xs\:ml-24{
    margin-left: 6rem !important;
  }

  .xs\:mt-28{
    margin-top: 7rem !important;
  }

  .xs\:mr-28{
    margin-right: 7rem !important;
  }

  .xs\:mb-28{
    margin-bottom: 7rem !important;
  }

  .xs\:ml-28{
    margin-left: 7rem !important;
  }

  .xs\:mt-32{
    margin-top: 8rem !important;
  }

  .xs\:mr-32{
    margin-right: 8rem !important;
  }

  .xs\:mb-32{
    margin-bottom: 8rem !important;
  }

  .xs\:ml-32{
    margin-left: 8rem !important;
  }

  .xs\:mt-40{
    margin-top: 10rem !important;
  }

  .xs\:mr-40{
    margin-right: 10rem !important;
  }

  .xs\:mb-40{
    margin-bottom: 10rem !important;
  }

  .xs\:ml-40{
    margin-left: 10rem !important;
  }

  .xs\:mt-48{
    margin-top: 12rem !important;
  }

  .xs\:mr-48{
    margin-right: 12rem !important;
  }

  .xs\:mb-48{
    margin-bottom: 12rem !important;
  }

  .xs\:ml-48{
    margin-left: 12rem !important;
  }

  .xs\:mt-56{
    margin-top: 14rem !important;
  }

  .xs\:mr-56{
    margin-right: 14rem !important;
  }

  .xs\:mb-56{
    margin-bottom: 14rem !important;
  }

  .xs\:ml-56{
    margin-left: 14rem !important;
  }

  .xs\:mt-64{
    margin-top: 16rem !important;
  }

  .xs\:mr-64{
    margin-right: 16rem !important;
  }

  .xs\:mb-64{
    margin-bottom: 16rem !important;
  }

  .xs\:ml-64{
    margin-left: 16rem !important;
  }

  .xs\:mt-auto{
    margin-top: auto !important;
  }

  .xs\:mr-auto{
    margin-right: auto !important;
  }

  .xs\:mb-auto{
    margin-bottom: auto !important;
  }

  .xs\:ml-auto{
    margin-left: auto !important;
  }

  .xs\:mt-px{
    margin-top: 1px !important;
  }

  .xs\:mr-px{
    margin-right: 1px !important;
  }

  .xs\:mb-px{
    margin-bottom: 1px !important;
  }

  .xs\:ml-px{
    margin-left: 1px !important;
  }

  .xs\:mt-2px{
    margin-top: 2px !important;
  }

  .xs\:mr-2px{
    margin-right: 2px !important;
  }

  .xs\:mb-2px{
    margin-bottom: 2px !important;
  }

  .xs\:ml-2px{
    margin-left: 2px !important;
  }

  .xs\:mt-3px{
    margin-top: 3px !important;
  }

  .xs\:mr-3px{
    margin-right: 3px !important;
  }

  .xs\:mb-3px{
    margin-bottom: 3px !important;
  }

  .xs\:ml-3px{
    margin-left: 3px !important;
  }

  .xs\:mt-5px{
    margin-top: 5px !important;
  }

  .xs\:mr-5px{
    margin-right: 5px !important;
  }

  .xs\:mb-5px{
    margin-bottom: 5px !important;
  }

  .xs\:ml-5px{
    margin-left: 5px !important;
  }

  .xs\:mt-10px{
    margin-top: 10px !important;
  }

  .xs\:mr-10px{
    margin-right: 10px !important;
  }

  .xs\:mb-10px{
    margin-bottom: 10px !important;
  }

  .xs\:ml-10px{
    margin-left: 10px !important;
  }

  .xs\:mt-15px{
    margin-top: 15px !important;
  }

  .xs\:mr-15px{
    margin-right: 15px !important;
  }

  .xs\:mb-15px{
    margin-bottom: 15px !important;
  }

  .xs\:ml-15px{
    margin-left: 15px !important;
  }

  .xs\:mt-20px{
    margin-top: 20px !important;
  }

  .xs\:mr-20px{
    margin-right: 20px !important;
  }

  .xs\:mb-20px{
    margin-bottom: 20px !important;
  }

  .xs\:ml-20px{
    margin-left: 20px !important;
  }

  .xs\:mt-25px{
    margin-top: 25px !important;
  }

  .xs\:mr-25px{
    margin-right: 25px !important;
  }

  .xs\:mb-25px{
    margin-bottom: 25px !important;
  }

  .xs\:ml-25px{
    margin-left: 25px !important;
  }

  .xs\:mt-30px{
    margin-top: 30px !important;
  }

  .xs\:mr-30px{
    margin-right: 30px !important;
  }

  .xs\:mb-30px{
    margin-bottom: 30px !important;
  }

  .xs\:ml-30px{
    margin-left: 30px !important;
  }

  .xs\:mt-36px{
    margin-top: 36px !important;
  }

  .xs\:mr-36px{
    margin-right: 36px !important;
  }

  .xs\:mb-36px{
    margin-bottom: 36px !important;
  }

  .xs\:ml-36px{
    margin-left: 36px !important;
  }

  .xs\:mt-50px{
    margin-top: 50px !important;
  }

  .xs\:mr-50px{
    margin-right: 50px !important;
  }

  .xs\:mb-50px{
    margin-bottom: 50px !important;
  }

  .xs\:ml-50px{
    margin-left: 50px !important;
  }

  .xs\:mt-60px{
    margin-top: 60px !important;
  }

  .xs\:mr-60px{
    margin-right: 60px !important;
  }

  .xs\:mb-60px{
    margin-bottom: 60px !important;
  }

  .xs\:ml-60px{
    margin-left: 60px !important;
  }

  .xs\:mt-120px{
    margin-top: 120px !important;
  }

  .xs\:mr-120px{
    margin-right: 120px !important;
  }

  .xs\:mb-120px{
    margin-bottom: 120px !important;
  }

  .xs\:ml-120px{
    margin-left: 120px !important;
  }

  .xs\:-mt-1{
    margin-top: -0.25rem !important;
  }

  .xs\:-mr-1{
    margin-right: -0.25rem !important;
  }

  .xs\:-mb-1{
    margin-bottom: -0.25rem !important;
  }

  .xs\:-ml-1{
    margin-left: -0.25rem !important;
  }

  .xs\:-mt-2{
    margin-top: -0.5rem !important;
  }

  .xs\:-mr-2{
    margin-right: -0.5rem !important;
  }

  .xs\:-mb-2{
    margin-bottom: -0.5rem !important;
  }

  .xs\:-ml-2{
    margin-left: -0.5rem !important;
  }

  .xs\:-mt-3{
    margin-top: -0.75rem !important;
  }

  .xs\:-mr-3{
    margin-right: -0.75rem !important;
  }

  .xs\:-mb-3{
    margin-bottom: -0.75rem !important;
  }

  .xs\:-ml-3{
    margin-left: -0.75rem !important;
  }

  .xs\:-mt-4{
    margin-top: -1rem !important;
  }

  .xs\:-mr-4{
    margin-right: -1rem !important;
  }

  .xs\:-mb-4{
    margin-bottom: -1rem !important;
  }

  .xs\:-ml-4{
    margin-left: -1rem !important;
  }

  .xs\:-mt-5{
    margin-top: -1.25rem !important;
  }

  .xs\:-mr-5{
    margin-right: -1.25rem !important;
  }

  .xs\:-mb-5{
    margin-bottom: -1.25rem !important;
  }

  .xs\:-ml-5{
    margin-left: -1.25rem !important;
  }

  .xs\:-mt-6{
    margin-top: -1.5rem !important;
  }

  .xs\:-mr-6{
    margin-right: -1.5rem !important;
  }

  .xs\:-mb-6{
    margin-bottom: -1.5rem !important;
  }

  .xs\:-ml-6{
    margin-left: -1.5rem !important;
  }

  .xs\:-mt-8{
    margin-top: -2rem !important;
  }

  .xs\:-mr-8{
    margin-right: -2rem !important;
  }

  .xs\:-mb-8{
    margin-bottom: -2rem !important;
  }

  .xs\:-ml-8{
    margin-left: -2rem !important;
  }

  .xs\:-mt-10{
    margin-top: -2.5rem !important;
  }

  .xs\:-mr-10{
    margin-right: -2.5rem !important;
  }

  .xs\:-mb-10{
    margin-bottom: -2.5rem !important;
  }

  .xs\:-ml-10{
    margin-left: -2.5rem !important;
  }

  .xs\:-mt-12{
    margin-top: -3rem !important;
  }

  .xs\:-mr-12{
    margin-right: -3rem !important;
  }

  .xs\:-mb-12{
    margin-bottom: -3rem !important;
  }

  .xs\:-ml-12{
    margin-left: -3rem !important;
  }

  .xs\:-mt-16{
    margin-top: -4rem !important;
  }

  .xs\:-mr-16{
    margin-right: -4rem !important;
  }

  .xs\:-mb-16{
    margin-bottom: -4rem !important;
  }

  .xs\:-ml-16{
    margin-left: -4rem !important;
  }

  .xs\:-mt-20{
    margin-top: -5rem !important;
  }

  .xs\:-mr-20{
    margin-right: -5rem !important;
  }

  .xs\:-mb-20{
    margin-bottom: -5rem !important;
  }

  .xs\:-ml-20{
    margin-left: -5rem !important;
  }

  .xs\:-mt-24{
    margin-top: -6rem !important;
  }

  .xs\:-mr-24{
    margin-right: -6rem !important;
  }

  .xs\:-mb-24{
    margin-bottom: -6rem !important;
  }

  .xs\:-ml-24{
    margin-left: -6rem !important;
  }

  .xs\:-mt-28{
    margin-top: -7rem !important;
  }

  .xs\:-mr-28{
    margin-right: -7rem !important;
  }

  .xs\:-mb-28{
    margin-bottom: -7rem !important;
  }

  .xs\:-ml-28{
    margin-left: -7rem !important;
  }

  .xs\:-mt-32{
    margin-top: -8rem !important;
  }

  .xs\:-mr-32{
    margin-right: -8rem !important;
  }

  .xs\:-mb-32{
    margin-bottom: -8rem !important;
  }

  .xs\:-ml-32{
    margin-left: -8rem !important;
  }

  .xs\:-mt-40{
    margin-top: -10rem !important;
  }

  .xs\:-mr-40{
    margin-right: -10rem !important;
  }

  .xs\:-mb-40{
    margin-bottom: -10rem !important;
  }

  .xs\:-ml-40{
    margin-left: -10rem !important;
  }

  .xs\:-mt-48{
    margin-top: -12rem !important;
  }

  .xs\:-mr-48{
    margin-right: -12rem !important;
  }

  .xs\:-mb-48{
    margin-bottom: -12rem !important;
  }

  .xs\:-ml-48{
    margin-left: -12rem !important;
  }

  .xs\:-mt-56{
    margin-top: -14rem !important;
  }

  .xs\:-mr-56{
    margin-right: -14rem !important;
  }

  .xs\:-mb-56{
    margin-bottom: -14rem !important;
  }

  .xs\:-ml-56{
    margin-left: -14rem !important;
  }

  .xs\:-mt-64{
    margin-top: -16rem !important;
  }

  .xs\:-mr-64{
    margin-right: -16rem !important;
  }

  .xs\:-mb-64{
    margin-bottom: -16rem !important;
  }

  .xs\:-ml-64{
    margin-left: -16rem !important;
  }

  .xs\:-mt-px{
    margin-top: -1px !important;
  }

  .xs\:-mr-px{
    margin-right: -1px !important;
  }

  .xs\:-mb-px{
    margin-bottom: -1px !important;
  }

  .xs\:-ml-px{
    margin-left: -1px !important;
  }

  .xs\:-mt-2px{
    margin-top: -2px !important;
  }

  .xs\:-mr-2px{
    margin-right: -2px !important;
  }

  .xs\:-mb-2px{
    margin-bottom: -2px !important;
  }

  .xs\:-ml-2px{
    margin-left: -2px !important;
  }

  .xs\:-mt-3px{
    margin-top: -3px !important;
  }

  .xs\:-mr-3px{
    margin-right: -3px !important;
  }

  .xs\:-mb-3px{
    margin-bottom: -3px !important;
  }

  .xs\:-ml-3px{
    margin-left: -3px !important;
  }

  .xs\:-mt-5px{
    margin-top: -5px !important;
  }

  .xs\:-mr-5px{
    margin-right: -5px !important;
  }

  .xs\:-mb-5px{
    margin-bottom: -5px !important;
  }

  .xs\:-ml-5px{
    margin-left: -5px !important;
  }

  .xs\:-mt-10px{
    margin-top: -10px !important;
  }

  .xs\:-mr-10px{
    margin-right: -10px !important;
  }

  .xs\:-mb-10px{
    margin-bottom: -10px !important;
  }

  .xs\:-ml-10px{
    margin-left: -10px !important;
  }

  .xs\:-mt-15px{
    margin-top: -15px !important;
  }

  .xs\:-mr-15px{
    margin-right: -15px !important;
  }

  .xs\:-mb-15px{
    margin-bottom: -15px !important;
  }

  .xs\:-ml-15px{
    margin-left: -15px !important;
  }

  .xs\:-mt-20px{
    margin-top: -20px !important;
  }

  .xs\:-mr-20px{
    margin-right: -20px !important;
  }

  .xs\:-mb-20px{
    margin-bottom: -20px !important;
  }

  .xs\:-ml-20px{
    margin-left: -20px !important;
  }

  .xs\:-mt-25px{
    margin-top: -25px !important;
  }

  .xs\:-mr-25px{
    margin-right: -25px !important;
  }

  .xs\:-mb-25px{
    margin-bottom: -25px !important;
  }

  .xs\:-ml-25px{
    margin-left: -25px !important;
  }

  .xs\:-mt-30px{
    margin-top: -30px !important;
  }

  .xs\:-mr-30px{
    margin-right: -30px !important;
  }

  .xs\:-mb-30px{
    margin-bottom: -30px !important;
  }

  .xs\:-ml-30px{
    margin-left: -30px !important;
  }

  .xs\:-mt-36px{
    margin-top: -36px !important;
  }

  .xs\:-mr-36px{
    margin-right: -36px !important;
  }

  .xs\:-mb-36px{
    margin-bottom: -36px !important;
  }

  .xs\:-ml-36px{
    margin-left: -36px !important;
  }

  .xs\:-mt-50px{
    margin-top: -50px !important;
  }

  .xs\:-mr-50px{
    margin-right: -50px !important;
  }

  .xs\:-mb-50px{
    margin-bottom: -50px !important;
  }

  .xs\:-ml-50px{
    margin-left: -50px !important;
  }

  .xs\:-mt-60px{
    margin-top: -60px !important;
  }

  .xs\:-mr-60px{
    margin-right: -60px !important;
  }

  .xs\:-mb-60px{
    margin-bottom: -60px !important;
  }

  .xs\:-ml-60px{
    margin-left: -60px !important;
  }

  .xs\:-mt-120px{
    margin-top: -120px !important;
  }

  .xs\:-mr-120px{
    margin-right: -120px !important;
  }

  .xs\:-mb-120px{
    margin-bottom: -120px !important;
  }

  .xs\:-ml-120px{
    margin-left: -120px !important;
  }

  .xs\:max-h-full{
    max-height: 100% !important;
  }

  .xs\:max-h-screen{
    max-height: 100vh !important;
  }

  .xs\:max-h-3\/4{
    max-height: 75% !important;
  }

  .xs\:max-w-250{
    max-width: 250px !important;
  }

  .xs\:max-w-440{
    max-width: 440px !important;
  }

  .xs\:max-w-none{
    max-width: none !important;
  }

  .xs\:max-w-xs{
    max-width: 20rem !important;
  }

  .xs\:max-w-sm{
    max-width: 24rem !important;
  }

  .xs\:max-w-md{
    max-width: 28rem !important;
  }

  .xs\:max-w-lg{
    max-width: 32rem !important;
  }

  .xs\:max-w-xl{
    max-width: 36rem !important;
  }

  .xs\:max-w-2xl{
    max-width: 42rem !important;
  }

  .xs\:max-w-3xl{
    max-width: 48rem !important;
  }

  .xs\:max-w-4xl{
    max-width: 56rem !important;
  }

  .xs\:max-w-5xl{
    max-width: 64rem !important;
  }

  .xs\:max-w-6xl{
    max-width: 72rem !important;
  }

  .xs\:max-w-full{
    max-width: 100% !important;
  }

  .xs\:max-w-screen-sm{
    max-width: 560px !important;
  }

  .xs\:max-w-screen-md{
    max-width: 768px !important;
  }

  .xs\:max-w-screen-lg{
    max-width: 1024px !important;
  }

  .xs\:max-w-screen-xl{
    max-width: 1280px !important;
  }

  .xs\:max-w-screen-xxs{
    max-width: 320px !important;
  }

  .xs\:max-w-screen-xs{
    max-width: 360px !important;
  }

  .xs\:max-w-screen-xxl{
    max-width: 1920px !important;
  }

  .xs\:min-h-0{
    min-height: 0 !important;
  }

  .xs\:min-h-full{
    min-height: 100% !important;
  }

  .xs\:min-h-screen{
    min-height: 100vh !important;
  }

  .xs\:min-w-0{
    min-width: 0 !important;
  }

  .xs\:min-w-full{
    min-width: 100% !important;
  }

  .xs\:object-contain{
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .xs\:object-cover{
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .xs\:object-fill{
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .xs\:object-none{
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .xs\:object-scale-down{
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .xs\:object-bottom{
    -o-object-position: bottom !important;
    object-position: bottom !important;
  }

  .xs\:object-center{
    -o-object-position: center !important;
    object-position: center !important;
  }

  .xs\:object-left{
    -o-object-position: left !important;
    object-position: left !important;
  }

  .xs\:object-left-bottom{
    -o-object-position: left bottom !important;
    object-position: left bottom !important;
  }

  .xs\:object-left-top{
    -o-object-position: left top !important;
    object-position: left top !important;
  }

  .xs\:object-right{
    -o-object-position: right !important;
    object-position: right !important;
  }

  .xs\:object-right-bottom{
    -o-object-position: right bottom !important;
    object-position: right bottom !important;
  }

  .xs\:object-right-top{
    -o-object-position: right top !important;
    object-position: right top !important;
  }

  .xs\:object-top{
    -o-object-position: top !important;
    object-position: top !important;
  }

  .xs\:opacity-0{
    opacity: 0 !important;
  }

  .xs\:opacity-25{
    opacity: 0.25 !important;
  }

  .xs\:opacity-50{
    opacity: 0.5 !important;
  }

  .xs\:opacity-75{
    opacity: 0.75 !important;
  }

  .xs\:opacity-100{
    opacity: 1 !important;
  }

  .xs\:hover\:opacity-0:hover{
    opacity: 0 !important;
  }

  .xs\:hover\:opacity-25:hover{
    opacity: 0.25 !important;
  }

  .xs\:hover\:opacity-50:hover{
    opacity: 0.5 !important;
  }

  .xs\:hover\:opacity-75:hover{
    opacity: 0.75 !important;
  }

  .xs\:hover\:opacity-100:hover{
    opacity: 1 !important;
  }

  .xs\:focus\:opacity-0:focus{
    opacity: 0 !important;
  }

  .xs\:focus\:opacity-25:focus{
    opacity: 0.25 !important;
  }

  .xs\:focus\:opacity-50:focus{
    opacity: 0.5 !important;
  }

  .xs\:focus\:opacity-75:focus{
    opacity: 0.75 !important;
  }

  .xs\:focus\:opacity-100:focus{
    opacity: 1 !important;
  }

  .xs\:outline-none{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .xs\:outline-white{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .xs\:outline-black{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .xs\:focus\:outline-none:focus{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .xs\:focus\:outline-white:focus{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .xs\:focus\:outline-black:focus{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .xs\:overflow-auto{
    overflow: auto !important;
  }

  .xs\:overflow-hidden{
    overflow: hidden !important;
  }

  .xs\:overflow-visible{
    overflow: visible !important;
  }

  .xs\:overflow-scroll{
    overflow: scroll !important;
  }

  .xs\:overflow-x-auto{
    overflow-x: auto !important;
  }

  .xs\:overflow-y-auto{
    overflow-y: auto !important;
  }

  .xs\:overflow-x-hidden{
    overflow-x: hidden !important;
  }

  .xs\:overflow-y-hidden{
    overflow-y: hidden !important;
  }

  .xs\:overflow-x-visible{
    overflow-x: visible !important;
  }

  .xs\:overflow-y-visible{
    overflow-y: visible !important;
  }

  .xs\:overflow-x-scroll{
    overflow-x: scroll !important;
  }

  .xs\:overflow-y-scroll{
    overflow-y: scroll !important;
  }

  .xs\:scrolling-touch{
    -webkit-overflow-scrolling: touch !important;
  }

  .xs\:scrolling-auto{
    -webkit-overflow-scrolling: auto !important;
  }

  .xs\:overscroll-auto{
    -ms-scroll-chaining: chained !important;
    overscroll-behavior: auto !important;
  }

  .xs\:overscroll-contain{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: contain !important;
  }

  .xs\:overscroll-none{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: none !important;
  }

  .xs\:overscroll-y-auto{
    overscroll-behavior-y: auto !important;
  }

  .xs\:overscroll-y-contain{
    overscroll-behavior-y: contain !important;
  }

  .xs\:overscroll-y-none{
    overscroll-behavior-y: none !important;
  }

  .xs\:overscroll-x-auto{
    overscroll-behavior-x: auto !important;
  }

  .xs\:overscroll-x-contain{
    overscroll-behavior-x: contain !important;
  }

  .xs\:overscroll-x-none{
    overscroll-behavior-x: none !important;
  }

  .xs\:p-0{
    padding: 0 !important;
  }

  .xs\:p-1{
    padding: 0.25rem !important;
  }

  .xs\:p-2{
    padding: 0.5rem !important;
  }

  .xs\:p-3{
    padding: 0.75rem !important;
  }

  .xs\:p-4{
    padding: 1rem !important;
  }

  .xs\:p-5{
    padding: 1.25rem !important;
  }

  .xs\:p-6{
    padding: 1.5rem !important;
  }

  .xs\:p-8{
    padding: 2rem !important;
  }

  .xs\:p-10{
    padding: 2.5rem !important;
  }

  .xs\:p-12{
    padding: 3rem !important;
  }

  .xs\:p-16{
    padding: 4rem !important;
  }

  .xs\:p-20{
    padding: 5rem !important;
  }

  .xs\:p-24{
    padding: 6rem !important;
  }

  .xs\:p-28{
    padding: 7rem !important;
  }

  .xs\:p-32{
    padding: 8rem !important;
  }

  .xs\:p-40{
    padding: 10rem !important;
  }

  .xs\:p-48{
    padding: 12rem !important;
  }

  .xs\:p-56{
    padding: 14rem !important;
  }

  .xs\:p-64{
    padding: 16rem !important;
  }

  .xs\:p-px{
    padding: 1px !important;
  }

  .xs\:p-2px{
    padding: 2px !important;
  }

  .xs\:p-3px{
    padding: 3px !important;
  }

  .xs\:p-5px{
    padding: 5px !important;
  }

  .xs\:p-10px{
    padding: 10px !important;
  }

  .xs\:p-15px{
    padding: 15px !important;
  }

  .xs\:p-20px{
    padding: 20px !important;
  }

  .xs\:p-25px{
    padding: 25px !important;
  }

  .xs\:p-30px{
    padding: 30px !important;
  }

  .xs\:p-36px{
    padding: 36px !important;
  }

  .xs\:p-50px{
    padding: 50px !important;
  }

  .xs\:p-60px{
    padding: 60px !important;
  }

  .xs\:p-120px{
    padding: 120px !important;
  }

  .xs\:py-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .xs\:px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .xs\:py-1{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .xs\:px-1{
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .xs\:py-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .xs\:px-2{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .xs\:py-3{
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .xs\:px-3{
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .xs\:py-4{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .xs\:px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .xs\:py-5{
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .xs\:px-5{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .xs\:py-6{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .xs\:px-6{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .xs\:py-8{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .xs\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .xs\:py-10{
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .xs\:px-10{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .xs\:py-12{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .xs\:px-12{
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .xs\:py-16{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .xs\:px-16{
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .xs\:py-20{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .xs\:px-20{
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .xs\:py-24{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .xs\:px-24{
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .xs\:py-28{
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .xs\:px-28{
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .xs\:py-32{
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .xs\:px-32{
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .xs\:py-40{
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .xs\:px-40{
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .xs\:py-48{
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .xs\:px-48{
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .xs\:py-56{
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }

  .xs\:px-56{
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .xs\:py-64{
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }

  .xs\:px-64{
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .xs\:py-px{
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .xs\:px-px{
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .xs\:py-2px{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .xs\:px-2px{
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .xs\:py-3px{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .xs\:px-3px{
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .xs\:py-5px{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .xs\:px-5px{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .xs\:py-10px{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .xs\:px-10px{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .xs\:py-15px{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .xs\:px-15px{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .xs\:py-20px{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .xs\:px-20px{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .xs\:py-25px{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .xs\:px-25px{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .xs\:py-30px{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .xs\:px-30px{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .xs\:py-36px{
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .xs\:px-36px{
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  .xs\:py-50px{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .xs\:px-50px{
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .xs\:py-60px{
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .xs\:px-60px{
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .xs\:py-120px{
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .xs\:px-120px{
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .xs\:pt-0{
    padding-top: 0 !important;
  }

  .xs\:pr-0{
    padding-right: 0 !important;
  }

  .xs\:pb-0{
    padding-bottom: 0 !important;
  }

  .xs\:pl-0{
    padding-left: 0 !important;
  }

  .xs\:pt-1{
    padding-top: 0.25rem !important;
  }

  .xs\:pr-1{
    padding-right: 0.25rem !important;
  }

  .xs\:pb-1{
    padding-bottom: 0.25rem !important;
  }

  .xs\:pl-1{
    padding-left: 0.25rem !important;
  }

  .xs\:pt-2{
    padding-top: 0.5rem !important;
  }

  .xs\:pr-2{
    padding-right: 0.5rem !important;
  }

  .xs\:pb-2{
    padding-bottom: 0.5rem !important;
  }

  .xs\:pl-2{
    padding-left: 0.5rem !important;
  }

  .xs\:pt-3{
    padding-top: 0.75rem !important;
  }

  .xs\:pr-3{
    padding-right: 0.75rem !important;
  }

  .xs\:pb-3{
    padding-bottom: 0.75rem !important;
  }

  .xs\:pl-3{
    padding-left: 0.75rem !important;
  }

  .xs\:pt-4{
    padding-top: 1rem !important;
  }

  .xs\:pr-4{
    padding-right: 1rem !important;
  }

  .xs\:pb-4{
    padding-bottom: 1rem !important;
  }

  .xs\:pl-4{
    padding-left: 1rem !important;
  }

  .xs\:pt-5{
    padding-top: 1.25rem !important;
  }

  .xs\:pr-5{
    padding-right: 1.25rem !important;
  }

  .xs\:pb-5{
    padding-bottom: 1.25rem !important;
  }

  .xs\:pl-5{
    padding-left: 1.25rem !important;
  }

  .xs\:pt-6{
    padding-top: 1.5rem !important;
  }

  .xs\:pr-6{
    padding-right: 1.5rem !important;
  }

  .xs\:pb-6{
    padding-bottom: 1.5rem !important;
  }

  .xs\:pl-6{
    padding-left: 1.5rem !important;
  }

  .xs\:pt-8{
    padding-top: 2rem !important;
  }

  .xs\:pr-8{
    padding-right: 2rem !important;
  }

  .xs\:pb-8{
    padding-bottom: 2rem !important;
  }

  .xs\:pl-8{
    padding-left: 2rem !important;
  }

  .xs\:pt-10{
    padding-top: 2.5rem !important;
  }

  .xs\:pr-10{
    padding-right: 2.5rem !important;
  }

  .xs\:pb-10{
    padding-bottom: 2.5rem !important;
  }

  .xs\:pl-10{
    padding-left: 2.5rem !important;
  }

  .xs\:pt-12{
    padding-top: 3rem !important;
  }

  .xs\:pr-12{
    padding-right: 3rem !important;
  }

  .xs\:pb-12{
    padding-bottom: 3rem !important;
  }

  .xs\:pl-12{
    padding-left: 3rem !important;
  }

  .xs\:pt-16{
    padding-top: 4rem !important;
  }

  .xs\:pr-16{
    padding-right: 4rem !important;
  }

  .xs\:pb-16{
    padding-bottom: 4rem !important;
  }

  .xs\:pl-16{
    padding-left: 4rem !important;
  }

  .xs\:pt-20{
    padding-top: 5rem !important;
  }

  .xs\:pr-20{
    padding-right: 5rem !important;
  }

  .xs\:pb-20{
    padding-bottom: 5rem !important;
  }

  .xs\:pl-20{
    padding-left: 5rem !important;
  }

  .xs\:pt-24{
    padding-top: 6rem !important;
  }

  .xs\:pr-24{
    padding-right: 6rem !important;
  }

  .xs\:pb-24{
    padding-bottom: 6rem !important;
  }

  .xs\:pl-24{
    padding-left: 6rem !important;
  }

  .xs\:pt-28{
    padding-top: 7rem !important;
  }

  .xs\:pr-28{
    padding-right: 7rem !important;
  }

  .xs\:pb-28{
    padding-bottom: 7rem !important;
  }

  .xs\:pl-28{
    padding-left: 7rem !important;
  }

  .xs\:pt-32{
    padding-top: 8rem !important;
  }

  .xs\:pr-32{
    padding-right: 8rem !important;
  }

  .xs\:pb-32{
    padding-bottom: 8rem !important;
  }

  .xs\:pl-32{
    padding-left: 8rem !important;
  }

  .xs\:pt-40{
    padding-top: 10rem !important;
  }

  .xs\:pr-40{
    padding-right: 10rem !important;
  }

  .xs\:pb-40{
    padding-bottom: 10rem !important;
  }

  .xs\:pl-40{
    padding-left: 10rem !important;
  }

  .xs\:pt-48{
    padding-top: 12rem !important;
  }

  .xs\:pr-48{
    padding-right: 12rem !important;
  }

  .xs\:pb-48{
    padding-bottom: 12rem !important;
  }

  .xs\:pl-48{
    padding-left: 12rem !important;
  }

  .xs\:pt-56{
    padding-top: 14rem !important;
  }

  .xs\:pr-56{
    padding-right: 14rem !important;
  }

  .xs\:pb-56{
    padding-bottom: 14rem !important;
  }

  .xs\:pl-56{
    padding-left: 14rem !important;
  }

  .xs\:pt-64{
    padding-top: 16rem !important;
  }

  .xs\:pr-64{
    padding-right: 16rem !important;
  }

  .xs\:pb-64{
    padding-bottom: 16rem !important;
  }

  .xs\:pl-64{
    padding-left: 16rem !important;
  }

  .xs\:pt-px{
    padding-top: 1px !important;
  }

  .xs\:pr-px{
    padding-right: 1px !important;
  }

  .xs\:pb-px{
    padding-bottom: 1px !important;
  }

  .xs\:pl-px{
    padding-left: 1px !important;
  }

  .xs\:pt-2px{
    padding-top: 2px !important;
  }

  .xs\:pr-2px{
    padding-right: 2px !important;
  }

  .xs\:pb-2px{
    padding-bottom: 2px !important;
  }

  .xs\:pl-2px{
    padding-left: 2px !important;
  }

  .xs\:pt-3px{
    padding-top: 3px !important;
  }

  .xs\:pr-3px{
    padding-right: 3px !important;
  }

  .xs\:pb-3px{
    padding-bottom: 3px !important;
  }

  .xs\:pl-3px{
    padding-left: 3px !important;
  }

  .xs\:pt-5px{
    padding-top: 5px !important;
  }

  .xs\:pr-5px{
    padding-right: 5px !important;
  }

  .xs\:pb-5px{
    padding-bottom: 5px !important;
  }

  .xs\:pl-5px{
    padding-left: 5px !important;
  }

  .xs\:pt-10px{
    padding-top: 10px !important;
  }

  .xs\:pr-10px{
    padding-right: 10px !important;
  }

  .xs\:pb-10px{
    padding-bottom: 10px !important;
  }

  .xs\:pl-10px{
    padding-left: 10px !important;
  }

  .xs\:pt-15px{
    padding-top: 15px !important;
  }

  .xs\:pr-15px{
    padding-right: 15px !important;
  }

  .xs\:pb-15px{
    padding-bottom: 15px !important;
  }

  .xs\:pl-15px{
    padding-left: 15px !important;
  }

  .xs\:pt-20px{
    padding-top: 20px !important;
  }

  .xs\:pr-20px{
    padding-right: 20px !important;
  }

  .xs\:pb-20px{
    padding-bottom: 20px !important;
  }

  .xs\:pl-20px{
    padding-left: 20px !important;
  }

  .xs\:pt-25px{
    padding-top: 25px !important;
  }

  .xs\:pr-25px{
    padding-right: 25px !important;
  }

  .xs\:pb-25px{
    padding-bottom: 25px !important;
  }

  .xs\:pl-25px{
    padding-left: 25px !important;
  }

  .xs\:pt-30px{
    padding-top: 30px !important;
  }

  .xs\:pr-30px{
    padding-right: 30px !important;
  }

  .xs\:pb-30px{
    padding-bottom: 30px !important;
  }

  .xs\:pl-30px{
    padding-left: 30px !important;
  }

  .xs\:pt-36px{
    padding-top: 36px !important;
  }

  .xs\:pr-36px{
    padding-right: 36px !important;
  }

  .xs\:pb-36px{
    padding-bottom: 36px !important;
  }

  .xs\:pl-36px{
    padding-left: 36px !important;
  }

  .xs\:pt-50px{
    padding-top: 50px !important;
  }

  .xs\:pr-50px{
    padding-right: 50px !important;
  }

  .xs\:pb-50px{
    padding-bottom: 50px !important;
  }

  .xs\:pl-50px{
    padding-left: 50px !important;
  }

  .xs\:pt-60px{
    padding-top: 60px !important;
  }

  .xs\:pr-60px{
    padding-right: 60px !important;
  }

  .xs\:pb-60px{
    padding-bottom: 60px !important;
  }

  .xs\:pl-60px{
    padding-left: 60px !important;
  }

  .xs\:pt-120px{
    padding-top: 120px !important;
  }

  .xs\:pr-120px{
    padding-right: 120px !important;
  }

  .xs\:pb-120px{
    padding-bottom: 120px !important;
  }

  .xs\:pl-120px{
    padding-left: 120px !important;
  }

  .xs\:placeholder-transparent::-webkit-input-placeholder{
    color: transparent !important;
  }

  .xs\:placeholder-transparent::-moz-placeholder{
    color: transparent !important;
  }

  .xs\:placeholder-transparent:-ms-input-placeholder{
    color: transparent !important;
  }

  .xs\:placeholder-transparent::-ms-input-placeholder{
    color: transparent !important;
  }

  .xs\:placeholder-transparent::placeholder{
    color: transparent !important;
  }

  .xs\:placeholder-current::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .xs\:placeholder-current::-moz-placeholder{
    color: currentColor !important;
  }

  .xs\:placeholder-current:-ms-input-placeholder{
    color: currentColor !important;
  }

  .xs\:placeholder-current::-ms-input-placeholder{
    color: currentColor !important;
  }

  .xs\:placeholder-current::placeholder{
    color: currentColor !important;
  }

  .xs\:placeholder-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-white::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-white:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-white::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-white::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-red::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-red::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-red:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-red::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-red::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-orange-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-yellow-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-teal-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-blue-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-indigo-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-purple-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-pink-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-primary-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:placeholder-primary-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:placeholder-primary-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:placeholder-primary-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:placeholder-primary-color::placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:placeholder-primary-hover-color::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xs\:placeholder-primary-hover-color::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .xs\:placeholder-primary-hover-color:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xs\:placeholder-primary-hover-color::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xs\:placeholder-primary-hover-color::placeholder{
    color: var(--hover-color) !important;
  }

  .xs\:placeholder-gray-body::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-body::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-body:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-body::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-body::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-333::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-333::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-333:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-333::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-333::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-666::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-666::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-666:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-666::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-666::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-888::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-888::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-888:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-888::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-888::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-999::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-999::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-999:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-999::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-999::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-icon::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-icon::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-icon:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-icon::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-icon::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-features::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-features::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-features:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-features::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-features::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-slide-border::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-slide-border::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-slide-border:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-slide-border::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-slide-border::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-sale-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:placeholder-sale-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:placeholder-sale-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:placeholder-sale-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:placeholder-sale-color::placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:placeholder-hit-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-hit-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-hit-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-hit-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-hit-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-new-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-new-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-new-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-new-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-new-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-fb-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-fb-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-fb-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-fb-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-fb-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-fb-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-fb-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-fb-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-fb-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-fb-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-vk-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-vk-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-vk-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-vk-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-vk-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-vk-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-vk-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-vk-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-vk-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-vk-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-insta-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-insta-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-insta-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-insta-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-insta-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-insta-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-insta-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-insta-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-insta-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-insta-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-dc::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-dc::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-dc:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-dc::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-dc::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-cd::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-cd::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-cd:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-cd::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-cd::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-e7::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-e7::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-e7:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-e7::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-gray-e7::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-check-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-check-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-check-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-check-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-check-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-docx-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-docx-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-docx-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-docx-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-docx-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-dark-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-dark-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-dark-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-dark-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-dark-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-green-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-transparent:focus::-webkit-input-placeholder{
    color: transparent !important;
  }

  .xs\:focus\:placeholder-transparent:focus::-moz-placeholder{
    color: transparent !important;
  }

  .xs\:focus\:placeholder-transparent:focus:-ms-input-placeholder{
    color: transparent !important;
  }

  .xs\:focus\:placeholder-transparent:focus::-ms-input-placeholder{
    color: transparent !important;
  }

  .xs\:focus\:placeholder-transparent:focus::placeholder{
    color: transparent !important;
  }

  .xs\:focus\:placeholder-current:focus::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .xs\:focus\:placeholder-current:focus::-moz-placeholder{
    color: currentColor !important;
  }

  .xs\:focus\:placeholder-current:focus:-ms-input-placeholder{
    color: currentColor !important;
  }

  .xs\:focus\:placeholder-current:focus::-ms-input-placeholder{
    color: currentColor !important;
  }

  .xs\:focus\:placeholder-current:focus::placeholder{
    color: currentColor !important;
  }

  .xs\:focus\:placeholder-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-white:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-white:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-red:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-red:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-red:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-red:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-orange-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-teal-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-blue-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-indigo-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-purple-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-pink-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-primary-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:focus\:placeholder-primary-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:focus\:placeholder-primary-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:focus\:placeholder-primary-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:focus\:placeholder-primary-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:focus\:placeholder-primary-hover-color:focus::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xs\:focus\:placeholder-primary-hover-color:focus::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .xs\:focus\:placeholder-primary-hover-color:focus:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xs\:focus\:placeholder-primary-hover-color:focus::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xs\:focus\:placeholder-primary-hover-color:focus::placeholder{
    color: var(--hover-color) !important;
  }

  .xs\:focus\:placeholder-gray-body:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-body:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-body:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-body:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-body:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-333:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-333:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-333:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-333:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-333:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-666:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-666:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-666:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-666:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-666:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-888:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-888:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-888:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-888:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-888:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-999:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-999:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-999:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-999:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-999:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-icon:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-icon:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-icon:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-icon:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-icon:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-features:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-features:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-features:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-features:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-features:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-slide-border:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-slide-border:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-slide-border:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-slide-border:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-slide-border:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-sale-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:focus\:placeholder-sale-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:focus\:placeholder-sale-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:focus\:placeholder-sale-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:focus\:placeholder-sale-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .xs\:focus\:placeholder-hit-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-hit-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-hit-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-hit-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-hit-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-new-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-new-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-new-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-new-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-new-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-fb-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-fb-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-fb-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-fb-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-fb-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-fb-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-fb-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-fb-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-fb-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-fb-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-vk-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-vk-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-vk-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-vk-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-vk-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-vk-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-vk-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-vk-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-vk-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-vk-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-insta-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-insta-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-insta-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-insta-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-insta-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-insta-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-insta-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-insta-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-insta-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-insta-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-dc:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-dc:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-dc:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-dc:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-dc:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-cd:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-cd:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-cd:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-cd:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-cd:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-e7:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-e7:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-e7:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-e7:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-gray-e7:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-check-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-check-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-check-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-check-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-check-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-docx-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-docx-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-docx-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-docx-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-docx-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-dark-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-dark-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-dark-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-dark-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-dark-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xs\:focus\:placeholder-green-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xs\:placeholder-opacity-0::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xs\:placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xs\:placeholder-opacity-0:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xs\:placeholder-opacity-0::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xs\:placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xs\:placeholder-opacity-25::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xs\:placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xs\:placeholder-opacity-25:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xs\:placeholder-opacity-25::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xs\:placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xs\:placeholder-opacity-50::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xs\:placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xs\:placeholder-opacity-50:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xs\:placeholder-opacity-50::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xs\:placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xs\:placeholder-opacity-75::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xs\:placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xs\:placeholder-opacity-75:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xs\:placeholder-opacity-75::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xs\:placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xs\:placeholder-opacity-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xs\:placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xs\:placeholder-opacity-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xs\:placeholder-opacity-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xs\:placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xs\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xs\:focus\:placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xs\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xs\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xs\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xs\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xs\:focus\:placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xs\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xs\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xs\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xs\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xs\:focus\:placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xs\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xs\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xs\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xs\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xs\:focus\:placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xs\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xs\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xs\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xs\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xs\:focus\:placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xs\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xs\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xs\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xs\:pointer-events-none{
    pointer-events: none !important;
  }

  .xs\:pointer-events-auto{
    pointer-events: auto !important;
  }

  .xs\:static{
    position: static !important;
  }

  .xs\:fixed{
    position: fixed !important;
  }

  .xs\:absolute{
    position: absolute !important;
  }

  .xs\:relative{
    position: relative !important;
  }

  .xs\:sticky{
    position: sticky !important;
  }

  .xs\:inset-0{
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }

  .xs\:inset-auto{
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }

  .xs\:inset-1\/2{
    top: 50% !important;
    right: 50% !important;
    bottom: 50% !important;
    left: 50% !important;
  }

  .xs\:inset-100\%{
    top: 100% !important;
    right: 100% !important;
    bottom: 100% !important;
    left: 100% !important;
  }

  .xs\:inset-px{
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
  }

  .xs\:inset-2px{
    top: 2px !important;
    right: 2px !important;
    bottom: 2px !important;
    left: 2px !important;
  }

  .xs\:inset-4px{
    top: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    left: 4px !important;
  }

  .xs\:inset-10px{
    top: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
  }

  .xs\:inset-y-0{
    top: 0 !important;
    bottom: 0 !important;
  }

  .xs\:inset-x-0{
    right: 0 !important;
    left: 0 !important;
  }

  .xs\:inset-y-auto{
    top: auto !important;
    bottom: auto !important;
  }

  .xs\:inset-x-auto{
    right: auto !important;
    left: auto !important;
  }

  .xs\:inset-y-1\/2{
    top: 50% !important;
    bottom: 50% !important;
  }

  .xs\:inset-x-1\/2{
    right: 50% !important;
    left: 50% !important;
  }

  .xs\:inset-y-100\%{
    top: 100% !important;
    bottom: 100% !important;
  }

  .xs\:inset-x-100\%{
    right: 100% !important;
    left: 100% !important;
  }

  .xs\:inset-y-px{
    top: 1px !important;
    bottom: 1px !important;
  }

  .xs\:inset-x-px{
    right: 1px !important;
    left: 1px !important;
  }

  .xs\:inset-y-2px{
    top: 2px !important;
    bottom: 2px !important;
  }

  .xs\:inset-x-2px{
    right: 2px !important;
    left: 2px !important;
  }

  .xs\:inset-y-4px{
    top: 4px !important;
    bottom: 4px !important;
  }

  .xs\:inset-x-4px{
    right: 4px !important;
    left: 4px !important;
  }

  .xs\:inset-y-10px{
    top: 10px !important;
    bottom: 10px !important;
  }

  .xs\:inset-x-10px{
    right: 10px !important;
    left: 10px !important;
  }

  .xs\:top-0{
    top: 0 !important;
  }

  .xs\:right-0{
    right: 0 !important;
  }

  .xs\:bottom-0{
    bottom: 0 !important;
  }

  .xs\:left-0{
    left: 0 !important;
  }

  .xs\:top-auto{
    top: auto !important;
  }

  .xs\:right-auto{
    right: auto !important;
  }

  .xs\:bottom-auto{
    bottom: auto !important;
  }

  .xs\:left-auto{
    left: auto !important;
  }

  .xs\:top-1\/2{
    top: 50% !important;
  }

  .xs\:right-1\/2{
    right: 50% !important;
  }

  .xs\:bottom-1\/2{
    bottom: 50% !important;
  }

  .xs\:left-1\/2{
    left: 50% !important;
  }

  .xs\:top-100\%{
    top: 100% !important;
  }

  .xs\:right-100\%{
    right: 100% !important;
  }

  .xs\:bottom-100\%{
    bottom: 100% !important;
  }

  .xs\:left-100\%{
    left: 100% !important;
  }

  .xs\:top-px{
    top: 1px !important;
  }

  .xs\:right-px{
    right: 1px !important;
  }

  .xs\:bottom-px{
    bottom: 1px !important;
  }

  .xs\:left-px{
    left: 1px !important;
  }

  .xs\:top-2px{
    top: 2px !important;
  }

  .xs\:right-2px{
    right: 2px !important;
  }

  .xs\:bottom-2px{
    bottom: 2px !important;
  }

  .xs\:left-2px{
    left: 2px !important;
  }

  .xs\:top-4px{
    top: 4px !important;
  }

  .xs\:right-4px{
    right: 4px !important;
  }

  .xs\:bottom-4px{
    bottom: 4px !important;
  }

  .xs\:left-4px{
    left: 4px !important;
  }

  .xs\:top-10px{
    top: 10px !important;
  }

  .xs\:right-10px{
    right: 10px !important;
  }

  .xs\:bottom-10px{
    bottom: 10px !important;
  }

  .xs\:left-10px{
    left: 10px !important;
  }

  .xs\:resize-none{
    resize: none !important;
  }

  .xs\:resize-y{
    resize: vertical !important;
  }

  .xs\:resize-x{
    resize: horizontal !important;
  }

  .xs\:resize{
    resize: both !important;
  }

  .xs\:shadow-xs{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .xs\:shadow-sm{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .xs\:shadow{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xs\:shadow-md{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .xs\:shadow-lg{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .xs\:shadow-xl{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .xs\:shadow-2xl{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .xs\:shadow-inner{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xs\:shadow-outline{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .xs\:shadow-none{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .xs\:shadow-btn-hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .xs\:shadow-hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .xs\:shadow-filter{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .xs\:shadow-menu{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .xs\:hover\:shadow-xs:hover{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .xs\:hover\:shadow-sm:hover{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .xs\:hover\:shadow:hover{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xs\:hover\:shadow-md:hover{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .xs\:hover\:shadow-lg:hover{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .xs\:hover\:shadow-xl:hover{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .xs\:hover\:shadow-2xl:hover{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .xs\:hover\:shadow-inner:hover{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xs\:hover\:shadow-outline:hover{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .xs\:hover\:shadow-none:hover{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .xs\:hover\:shadow-btn-hover:hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .xs\:hover\:shadow-hover:hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .xs\:hover\:shadow-filter:hover{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .xs\:hover\:shadow-menu:hover{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .xs\:focus\:shadow-xs:focus{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .xs\:focus\:shadow-sm:focus{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .xs\:focus\:shadow:focus{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xs\:focus\:shadow-md:focus{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .xs\:focus\:shadow-lg:focus{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .xs\:focus\:shadow-xl:focus{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .xs\:focus\:shadow-2xl:focus{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .xs\:focus\:shadow-inner:focus{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xs\:focus\:shadow-outline:focus{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .xs\:focus\:shadow-none:focus{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .xs\:focus\:shadow-btn-hover:focus{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .xs\:focus\:shadow-hover:focus{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .xs\:focus\:shadow-filter:focus{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .xs\:focus\:shadow-menu:focus{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .xs\:fill-current{
    fill: currentColor !important;
  }

  .xs\:fill-primary-color{
    fill: var(--primary-color) !important;
  }

  .xs\:fill-primary-hover-color{
    fill: var(--hover-color) !important;
  }

  .xs\:fill-ordinary{
    fill: #333333 !important;
  }

  .xs\:fill-no-active{
    fill: #888888 !important;
  }

  .xs\:fill-white{
    fill: #ffffff !important;
  }

  .xs\:stroke-current{
    stroke: currentColor !important;
  }

  .xs\:stroke-primary-color{
    stroke: var(--primary-color) !important;
  }

  .xs\:stroke-primary-hover-color{
    stroke: var(--hover-color) !important;
  }

  .xs\:stroke-0{
    stroke-width: 0 !important;
  }

  .xs\:stroke-1{
    stroke-width: 1 !important;
  }

  .xs\:stroke-2{
    stroke-width: 2 !important;
  }

  .xs\:stroke-12{
    stroke-width: 12 !important;
  }

  .xs\:stroke-20{
    stroke-width: 20 !important;
  }

  .xs\:table-auto{
    table-layout: auto !important;
  }

  .xs\:table-fixed{
    table-layout: fixed !important;
  }

  .xs\:text-left{
    text-align: left !important;
  }

  .xs\:text-center{
    text-align: center !important;
  }

  .xs\:text-right{
    text-align: right !important;
  }

  .xs\:text-justify{
    text-align: justify !important;
  }

  .xs\:text-transparent{
    color: transparent !important;
  }

  .xs\:text-current{
    color: currentColor !important;
  }

  .xs\:text-black{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xs\:text-white{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xs\:text-gray-100{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .xs\:text-gray-200{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .xs\:text-gray-300{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .xs\:text-gray-400{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .xs\:text-gray-500{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .xs\:text-gray-600{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .xs\:text-gray-700{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .xs\:text-gray-800{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .xs\:text-gray-900{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .xs\:text-red{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .xs\:text-orange-100{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .xs\:text-orange-200{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .xs\:text-orange-300{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .xs\:text-orange-400{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .xs\:text-orange-500{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .xs\:text-orange-600{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .xs\:text-orange-700{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .xs\:text-orange-800{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .xs\:text-orange-900{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .xs\:text-yellow-100{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .xs\:text-yellow-200{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .xs\:text-yellow-300{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .xs\:text-yellow-400{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .xs\:text-yellow-500{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .xs\:text-yellow-600{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .xs\:text-yellow-700{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .xs\:text-yellow-800{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .xs\:text-yellow-900{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .xs\:text-green-100{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .xs\:text-green-200{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .xs\:text-green-300{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .xs\:text-green-400{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .xs\:text-green-500{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .xs\:text-green-600{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .xs\:text-green-700{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .xs\:text-green-800{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .xs\:text-green-900{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .xs\:text-teal-100{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .xs\:text-teal-200{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .xs\:text-teal-300{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .xs\:text-teal-400{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .xs\:text-teal-500{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .xs\:text-teal-600{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .xs\:text-teal-700{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .xs\:text-teal-800{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .xs\:text-teal-900{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .xs\:text-blue-100{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .xs\:text-blue-200{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .xs\:text-blue-300{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .xs\:text-blue-400{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .xs\:text-blue-500{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .xs\:text-blue-600{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .xs\:text-blue-700{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .xs\:text-blue-800{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .xs\:text-blue-900{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .xs\:text-indigo-100{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .xs\:text-indigo-200{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .xs\:text-indigo-300{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .xs\:text-indigo-400{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .xs\:text-indigo-500{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .xs\:text-indigo-600{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .xs\:text-indigo-700{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .xs\:text-indigo-800{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .xs\:text-indigo-900{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .xs\:text-purple-100{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .xs\:text-purple-200{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .xs\:text-purple-300{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .xs\:text-purple-400{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .xs\:text-purple-500{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .xs\:text-purple-600{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .xs\:text-purple-700{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .xs\:text-purple-800{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .xs\:text-purple-900{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .xs\:text-pink-100{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .xs\:text-pink-200{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .xs\:text-pink-300{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .xs\:text-pink-400{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .xs\:text-pink-500{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .xs\:text-pink-600{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .xs\:text-pink-700{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .xs\:text-pink-800{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .xs\:text-pink-900{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .xs\:text-primary-color{
    color: var(--primary-color) !important;
  }

  .xs\:text-primary-hover-color{
    color: var(--hover-color) !important;
  }

  .xs\:text-gray-body{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .xs\:text-gray-light{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .xs\:text-gray-333{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .xs\:text-gray-666{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .xs\:text-gray-888{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .xs\:text-gray-999{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .xs\:text-gray-icon{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .xs\:text-gray-features{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .xs\:text-slide-border{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .xs\:text-sale-color{
    color: var(--primary-color) !important;
  }

  .xs\:text-hit-color{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .xs\:text-new-color{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .xs\:text-fb-hover-color{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .xs\:text-fb-active-color{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .xs\:text-vk-hover-color{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .xs\:text-vk-active-color{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .xs\:text-insta-hover-color{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .xs\:text-insta-active-color{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .xs\:text-gray-dc{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .xs\:text-gray-cd{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .xs\:text-gray-e7{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .xs\:text-check-color{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .xs\:text-docx-color{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .xs\:text-dark-black{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .xs\:text-green-light{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-transparent:hover{
    color: transparent !important;
  }

  .xs\:hover\:text-current:hover{
    color: currentColor !important;
  }

  .xs\:hover\:text-black:hover{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-white:hover{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-100:hover{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-200:hover{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-300:hover{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-400:hover{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-500:hover{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-600:hover{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-700:hover{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-800:hover{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-900:hover{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-red:hover{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-orange-100:hover{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-orange-200:hover{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-orange-300:hover{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-orange-400:hover{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-orange-500:hover{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-orange-600:hover{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-orange-700:hover{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-orange-800:hover{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-orange-900:hover{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-yellow-100:hover{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-yellow-200:hover{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-yellow-300:hover{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-yellow-400:hover{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-yellow-500:hover{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-yellow-600:hover{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-yellow-700:hover{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-yellow-800:hover{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-yellow-900:hover{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-green-100:hover{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-green-200:hover{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-green-300:hover{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-green-400:hover{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-green-500:hover{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-green-600:hover{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-green-700:hover{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-green-800:hover{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-green-900:hover{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-teal-100:hover{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-teal-200:hover{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-teal-300:hover{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-teal-400:hover{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-teal-500:hover{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-teal-600:hover{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-teal-700:hover{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-teal-800:hover{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-teal-900:hover{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-blue-100:hover{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-blue-200:hover{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-blue-300:hover{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-blue-400:hover{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-blue-500:hover{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-blue-600:hover{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-blue-700:hover{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-blue-800:hover{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-blue-900:hover{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-indigo-100:hover{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-indigo-200:hover{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-indigo-300:hover{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-indigo-400:hover{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-indigo-500:hover{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-indigo-600:hover{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-indigo-700:hover{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-indigo-800:hover{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-indigo-900:hover{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-purple-100:hover{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-purple-200:hover{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-purple-300:hover{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-purple-400:hover{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-purple-500:hover{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-purple-600:hover{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-purple-700:hover{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-purple-800:hover{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-purple-900:hover{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-pink-100:hover{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-pink-200:hover{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-pink-300:hover{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-pink-400:hover{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-pink-500:hover{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-pink-600:hover{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-pink-700:hover{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-pink-800:hover{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-pink-900:hover{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-primary-color:hover{
    color: var(--primary-color) !important;
  }

  .xs\:hover\:text-primary-hover-color:hover{
    color: var(--hover-color) !important;
  }

  .xs\:hover\:text-gray-body:hover{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-light:hover{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-333:hover{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-666:hover{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-888:hover{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-999:hover{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-icon:hover{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-features:hover{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-slide-border:hover{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-sale-color:hover{
    color: var(--primary-color) !important;
  }

  .xs\:hover\:text-hit-color:hover{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-new-color:hover{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-fb-hover-color:hover{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-fb-active-color:hover{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-vk-hover-color:hover{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-vk-active-color:hover{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-insta-hover-color:hover{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-insta-active-color:hover{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-dc:hover{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-cd:hover{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-gray-e7:hover{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-check-color:hover{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-docx-color:hover{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-dark-black:hover{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .xs\:hover\:text-green-light:hover{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-transparent:focus{
    color: transparent !important;
  }

  .xs\:focus\:text-current:focus{
    color: currentColor !important;
  }

  .xs\:focus\:text-black:focus{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-white:focus{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-100:focus{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-200:focus{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-300:focus{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-400:focus{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-500:focus{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-600:focus{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-700:focus{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-800:focus{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-900:focus{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-red:focus{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-orange-100:focus{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-orange-200:focus{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-orange-300:focus{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-orange-400:focus{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-orange-500:focus{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-orange-600:focus{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-orange-700:focus{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-orange-800:focus{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-orange-900:focus{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-yellow-100:focus{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-yellow-200:focus{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-yellow-300:focus{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-yellow-400:focus{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-yellow-500:focus{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-yellow-600:focus{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-yellow-700:focus{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-yellow-800:focus{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-yellow-900:focus{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-green-100:focus{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-green-200:focus{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-green-300:focus{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-green-400:focus{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-green-500:focus{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-green-600:focus{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-green-700:focus{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-green-800:focus{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-green-900:focus{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-teal-100:focus{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-teal-200:focus{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-teal-300:focus{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-teal-400:focus{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-teal-500:focus{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-teal-600:focus{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-teal-700:focus{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-teal-800:focus{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-teal-900:focus{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-blue-100:focus{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-blue-200:focus{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-blue-300:focus{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-blue-400:focus{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-blue-500:focus{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-blue-600:focus{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-blue-700:focus{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-blue-800:focus{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-blue-900:focus{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-indigo-100:focus{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-indigo-200:focus{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-indigo-300:focus{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-indigo-400:focus{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-indigo-500:focus{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-indigo-600:focus{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-indigo-700:focus{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-indigo-800:focus{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-indigo-900:focus{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-purple-100:focus{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-purple-200:focus{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-purple-300:focus{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-purple-400:focus{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-purple-500:focus{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-purple-600:focus{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-purple-700:focus{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-purple-800:focus{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-purple-900:focus{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-pink-100:focus{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-pink-200:focus{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-pink-300:focus{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-pink-400:focus{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-pink-500:focus{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-pink-600:focus{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-pink-700:focus{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-pink-800:focus{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-pink-900:focus{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-primary-color:focus{
    color: var(--primary-color) !important;
  }

  .xs\:focus\:text-primary-hover-color:focus{
    color: var(--hover-color) !important;
  }

  .xs\:focus\:text-gray-body:focus{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-light:focus{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-333:focus{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-666:focus{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-888:focus{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-999:focus{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-icon:focus{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-features:focus{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-slide-border:focus{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-sale-color:focus{
    color: var(--primary-color) !important;
  }

  .xs\:focus\:text-hit-color:focus{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-new-color:focus{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-fb-hover-color:focus{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-fb-active-color:focus{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-vk-hover-color:focus{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-vk-active-color:focus{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-insta-hover-color:focus{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-insta-active-color:focus{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-dc:focus{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-cd:focus{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-gray-e7:focus{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-check-color:focus{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-docx-color:focus{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-dark-black:focus{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .xs\:focus\:text-green-light:focus{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .xs\:text-opacity-0{
    --text-opacity: 0 !important;
  }

  .xs\:text-opacity-25{
    --text-opacity: 0.25 !important;
  }

  .xs\:text-opacity-50{
    --text-opacity: 0.5 !important;
  }

  .xs\:text-opacity-75{
    --text-opacity: 0.75 !important;
  }

  .xs\:text-opacity-100{
    --text-opacity: 1 !important;
  }

  .xs\:hover\:text-opacity-0:hover{
    --text-opacity: 0 !important;
  }

  .xs\:hover\:text-opacity-25:hover{
    --text-opacity: 0.25 !important;
  }

  .xs\:hover\:text-opacity-50:hover{
    --text-opacity: 0.5 !important;
  }

  .xs\:hover\:text-opacity-75:hover{
    --text-opacity: 0.75 !important;
  }

  .xs\:hover\:text-opacity-100:hover{
    --text-opacity: 1 !important;
  }

  .xs\:focus\:text-opacity-0:focus{
    --text-opacity: 0 !important;
  }

  .xs\:focus\:text-opacity-25:focus{
    --text-opacity: 0.25 !important;
  }

  .xs\:focus\:text-opacity-50:focus{
    --text-opacity: 0.5 !important;
  }

  .xs\:focus\:text-opacity-75:focus{
    --text-opacity: 0.75 !important;
  }

  .xs\:focus\:text-opacity-100:focus{
    --text-opacity: 1 !important;
  }

  .xs\:italic{
    font-style: italic !important;
  }

  .xs\:not-italic{
    font-style: normal !important;
  }

  .xs\:uppercase{
    text-transform: uppercase !important;
  }

  .xs\:lowercase{
    text-transform: lowercase !important;
  }

  .xs\:capitalize{
    text-transform: capitalize !important;
  }

  .xs\:normal-case{
    text-transform: none !important;
  }

  .xs\:underline{
    text-decoration: underline !important;
  }

  .xs\:line-through{
    text-decoration: line-through !important;
  }

  .xs\:no-underline{
    text-decoration: none !important;
  }

  .xs\:hover\:underline:hover{
    text-decoration: underline !important;
  }

  .xs\:hover\:line-through:hover{
    text-decoration: line-through !important;
  }

  .xs\:hover\:no-underline:hover{
    text-decoration: none !important;
  }

  .xs\:focus\:underline:focus{
    text-decoration: underline !important;
  }

  .xs\:focus\:line-through:focus{
    text-decoration: line-through !important;
  }

  .xs\:focus\:no-underline:focus{
    text-decoration: none !important;
  }

  .xs\:antialiased{
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .xs\:subpixel-antialiased{
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
  }

  .xs\:ordinal, .xs\:slashed-zero, .xs\:lining-nums, .xs\:oldstyle-nums, .xs\:proportional-nums, .xs\:tabular-nums, .xs\:diagonal-fractions, .xs\:stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
  }

  .xs\:normal-nums{
    font-variant-numeric: normal !important;
  }

  .xs\:ordinal{
    --font-variant-numeric-ordinal: ordinal !important;
  }

  .xs\:slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero !important;
  }

  .xs\:lining-nums{
    --font-variant-numeric-figure: lining-nums !important;
  }

  .xs\:oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums !important;
  }

  .xs\:proportional-nums{
    --font-variant-numeric-spacing: proportional-nums !important;
  }

  .xs\:tabular-nums{
    --font-variant-numeric-spacing: tabular-nums !important;
  }

  .xs\:diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions !important;
  }

  .xs\:stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions !important;
  }

  .xs\:tracking-tighter{
    letter-spacing: -0.05em !important;
  }

  .xs\:tracking-tight{
    letter-spacing: -0.025em !important;
  }

  .xs\:tracking-normal{
    letter-spacing: 0 !important;
  }

  .xs\:tracking-wide{
    letter-spacing: 0.025em !important;
  }

  .xs\:tracking-wider{
    letter-spacing: 0.05em !important;
  }

  .xs\:tracking-widest{
    letter-spacing: 0.1em !important;
  }

  .xs\:select-none{
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
  }

  .xs\:select-text{
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
  }

  .xs\:select-all{
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
  }

  .xs\:select-auto{
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
  }

  .xs\:align-baseline{
    vertical-align: baseline !important;
  }

  .xs\:align-top{
    vertical-align: top !important;
  }

  .xs\:align-middle{
    vertical-align: middle !important;
  }

  .xs\:align-bottom{
    vertical-align: bottom !important;
  }

  .xs\:align-text-top{
    vertical-align: text-top !important;
  }

  .xs\:align-text-bottom{
    vertical-align: text-bottom !important;
  }

  .xs\:visible{
    visibility: visible !important;
  }

  .xs\:invisible{
    visibility: hidden !important;
  }

  .xs\:whitespace-normal{
    white-space: normal !important;
  }

  .xs\:whitespace-no-wrap{
    white-space: nowrap !important;
  }

  .xs\:whitespace-pre{
    white-space: pre !important;
  }

  .xs\:whitespace-pre-line{
    white-space: pre-line !important;
  }

  .xs\:whitespace-pre-wrap{
    white-space: pre-wrap !important;
  }

  .xs\:break-normal{
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .xs\:break-words{
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .xs\:break-all{
    word-break: break-all !important;
  }

  .xs\:truncate{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .xs\:w-0{
    width: 0 !important;
  }

  .xs\:w-1{
    width: 0.25rem !important;
  }

  .xs\:w-2{
    width: 0.5rem !important;
  }

  .xs\:w-3{
    width: 0.75rem !important;
  }

  .xs\:w-4{
    width: 1rem !important;
  }

  .xs\:w-5{
    width: 1.25rem !important;
  }

  .xs\:w-6{
    width: 1.5rem !important;
  }

  .xs\:w-8{
    width: 2rem !important;
  }

  .xs\:w-10{
    width: 2.5rem !important;
  }

  .xs\:w-12{
    width: 3rem !important;
  }

  .xs\:w-16{
    width: 4rem !important;
  }

  .xs\:w-20{
    width: 5rem !important;
  }

  .xs\:w-24{
    width: 6rem !important;
  }

  .xs\:w-28{
    width: 7rem !important;
  }

  .xs\:w-32{
    width: 8rem !important;
  }

  .xs\:w-40{
    width: 10rem !important;
  }

  .xs\:w-48{
    width: 12rem !important;
  }

  .xs\:w-56{
    width: 14rem !important;
  }

  .xs\:w-64{
    width: 16rem !important;
  }

  .xs\:w-auto{
    width: auto !important;
  }

  .xs\:w-px{
    width: 1px !important;
  }

  .xs\:w-2px{
    width: 2px !important;
  }

  .xs\:w-3px{
    width: 3px !important;
  }

  .xs\:w-5px{
    width: 5px !important;
  }

  .xs\:w-10px{
    width: 10px !important;
  }

  .xs\:w-15px{
    width: 15px !important;
  }

  .xs\:w-20px{
    width: 20px !important;
  }

  .xs\:w-25px{
    width: 25px !important;
  }

  .xs\:w-30px{
    width: 30px !important;
  }

  .xs\:w-36px{
    width: 36px !important;
  }

  .xs\:w-50px{
    width: 50px !important;
  }

  .xs\:w-60px{
    width: 60px !important;
  }

  .xs\:w-120px{
    width: 120px !important;
  }

  .xs\:w-1\/2{
    width: 50% !important;
  }

  .xs\:w-1\/3{
    width: 33.333333% !important;
  }

  .xs\:w-2\/3{
    width: 66.666667% !important;
  }

  .xs\:w-1\/4{
    width: 25% !important;
  }

  .xs\:w-2\/4{
    width: 50% !important;
  }

  .xs\:w-3\/4{
    width: 75% !important;
  }

  .xs\:w-1\/5{
    width: 20% !important;
  }

  .xs\:w-2\/5{
    width: 40% !important;
  }

  .xs\:w-3\/5{
    width: 60% !important;
  }

  .xs\:w-4\/5{
    width: 80% !important;
  }

  .xs\:w-1\/6{
    width: 16.666667% !important;
  }

  .xs\:w-2\/6{
    width: 33.333333% !important;
  }

  .xs\:w-3\/6{
    width: 50% !important;
  }

  .xs\:w-4\/6{
    width: 66.666667% !important;
  }

  .xs\:w-5\/6{
    width: 83.333333% !important;
  }

  .xs\:w-1\/12{
    width: 8.333333% !important;
  }

  .xs\:w-2\/12{
    width: 16.666667% !important;
  }

  .xs\:w-3\/12{
    width: 25% !important;
  }

  .xs\:w-4\/12{
    width: 33.333333% !important;
  }

  .xs\:w-5\/12{
    width: 41.666667% !important;
  }

  .xs\:w-6\/12{
    width: 50% !important;
  }

  .xs\:w-7\/12{
    width: 58.333333% !important;
  }

  .xs\:w-8\/12{
    width: 66.666667% !important;
  }

  .xs\:w-9\/12{
    width: 75% !important;
  }

  .xs\:w-10\/12{
    width: 83.333333% !important;
  }

  .xs\:w-11\/12{
    width: 91.666667% !important;
  }

  .xs\:w-full{
    width: 100% !important;
  }

  .xs\:w-screen{
    width: 100vw !important;
  }

  .xs\:z-0{
    z-index: 0 !important;
  }

  .xs\:z-3{
    z-index: 3 !important;
  }

  .xs\:z-10{
    z-index: 10 !important;
  }

  .xs\:z-15{
    z-index: 15 !important;
  }

  .xs\:z-20{
    z-index: 20 !important;
  }

  .xs\:z-30{
    z-index: 30 !important;
  }

  .xs\:z-40{
    z-index: 40 !important;
  }

  .xs\:z-50{
    z-index: 50 !important;
  }

  .xs\:z-auto{
    z-index: auto !important;
  }

  .xs\:gap-0{
    grid-gap: 0 !important;
    gap: 0 !important;
  }

  .xs\:gap-1{
    grid-gap: 0.25rem !important;
    gap: 0.25rem !important;
  }

  .xs\:gap-2{
    grid-gap: 0.5rem !important;
    gap: 0.5rem !important;
  }

  .xs\:gap-3{
    grid-gap: 0.75rem !important;
    gap: 0.75rem !important;
  }

  .xs\:gap-4{
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }

  .xs\:gap-5{
    grid-gap: 1.25rem !important;
    gap: 1.25rem !important;
  }

  .xs\:gap-6{
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important;
  }

  .xs\:gap-8{
    grid-gap: 2rem !important;
    gap: 2rem !important;
  }

  .xs\:gap-10{
    grid-gap: 2.5rem !important;
    gap: 2.5rem !important;
  }

  .xs\:gap-12{
    grid-gap: 3rem !important;
    gap: 3rem !important;
  }

  .xs\:gap-16{
    grid-gap: 4rem !important;
    gap: 4rem !important;
  }

  .xs\:gap-20{
    grid-gap: 5rem !important;
    gap: 5rem !important;
  }

  .xs\:gap-24{
    grid-gap: 6rem !important;
    gap: 6rem !important;
  }

  .xs\:gap-28{
    grid-gap: 7rem !important;
    gap: 7rem !important;
  }

  .xs\:gap-32{
    grid-gap: 8rem !important;
    gap: 8rem !important;
  }

  .xs\:gap-40{
    grid-gap: 10rem !important;
    gap: 10rem !important;
  }

  .xs\:gap-48{
    grid-gap: 12rem !important;
    gap: 12rem !important;
  }

  .xs\:gap-56{
    grid-gap: 14rem !important;
    gap: 14rem !important;
  }

  .xs\:gap-64{
    grid-gap: 16rem !important;
    gap: 16rem !important;
  }

  .xs\:gap-px{
    grid-gap: 1px !important;
    gap: 1px !important;
  }

  .xs\:gap-2px{
    grid-gap: 2px !important;
    gap: 2px !important;
  }

  .xs\:gap-3px{
    grid-gap: 3px !important;
    gap: 3px !important;
  }

  .xs\:gap-5px{
    grid-gap: 5px !important;
    gap: 5px !important;
  }

  .xs\:gap-10px{
    grid-gap: 10px !important;
    gap: 10px !important;
  }

  .xs\:gap-15px{
    grid-gap: 15px !important;
    gap: 15px !important;
  }

  .xs\:gap-20px{
    grid-gap: 20px !important;
    gap: 20px !important;
  }

  .xs\:gap-25px{
    grid-gap: 25px !important;
    gap: 25px !important;
  }

  .xs\:gap-30px{
    grid-gap: 30px !important;
    gap: 30px !important;
  }

  .xs\:gap-36px{
    grid-gap: 36px !important;
    gap: 36px !important;
  }

  .xs\:gap-50px{
    grid-gap: 50px !important;
    gap: 50px !important;
  }

  .xs\:gap-60px{
    grid-gap: 60px !important;
    gap: 60px !important;
  }

  .xs\:gap-120px{
    grid-gap: 120px !important;
    gap: 120px !important;
  }

  .xs\:col-gap-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .xs\:col-gap-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .xs\:col-gap-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .xs\:col-gap-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .xs\:col-gap-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .xs\:col-gap-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .xs\:col-gap-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .xs\:col-gap-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .xs\:col-gap-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .xs\:col-gap-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .xs\:col-gap-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .xs\:col-gap-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .xs\:col-gap-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .xs\:col-gap-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .xs\:col-gap-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .xs\:col-gap-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .xs\:col-gap-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .xs\:col-gap-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .xs\:col-gap-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .xs\:col-gap-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .xs\:col-gap-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .xs\:col-gap-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .xs\:col-gap-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .xs\:col-gap-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .xs\:col-gap-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .xs\:col-gap-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .xs\:col-gap-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .xs\:col-gap-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .xs\:col-gap-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .xs\:col-gap-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .xs\:col-gap-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .xs\:col-gap-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .xs\:gap-x-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .xs\:gap-x-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .xs\:gap-x-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .xs\:gap-x-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .xs\:gap-x-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .xs\:gap-x-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .xs\:gap-x-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .xs\:gap-x-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .xs\:gap-x-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .xs\:gap-x-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .xs\:gap-x-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .xs\:gap-x-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .xs\:gap-x-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .xs\:gap-x-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .xs\:gap-x-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .xs\:gap-x-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .xs\:gap-x-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .xs\:gap-x-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .xs\:gap-x-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .xs\:gap-x-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .xs\:gap-x-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .xs\:gap-x-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .xs\:gap-x-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .xs\:gap-x-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .xs\:gap-x-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .xs\:gap-x-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .xs\:gap-x-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .xs\:gap-x-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .xs\:gap-x-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .xs\:gap-x-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .xs\:gap-x-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .xs\:gap-x-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .xs\:row-gap-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .xs\:row-gap-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .xs\:row-gap-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .xs\:row-gap-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .xs\:row-gap-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .xs\:row-gap-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .xs\:row-gap-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .xs\:row-gap-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .xs\:row-gap-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .xs\:row-gap-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .xs\:row-gap-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .xs\:row-gap-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .xs\:row-gap-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .xs\:row-gap-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .xs\:row-gap-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .xs\:row-gap-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .xs\:row-gap-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .xs\:row-gap-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .xs\:row-gap-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .xs\:row-gap-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .xs\:row-gap-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .xs\:row-gap-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .xs\:row-gap-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .xs\:row-gap-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .xs\:row-gap-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .xs\:row-gap-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .xs\:row-gap-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .xs\:row-gap-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .xs\:row-gap-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .xs\:row-gap-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .xs\:row-gap-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .xs\:row-gap-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .xs\:gap-y-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .xs\:gap-y-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .xs\:gap-y-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .xs\:gap-y-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .xs\:gap-y-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .xs\:gap-y-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .xs\:gap-y-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .xs\:gap-y-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .xs\:gap-y-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .xs\:gap-y-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .xs\:gap-y-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .xs\:gap-y-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .xs\:gap-y-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .xs\:gap-y-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .xs\:gap-y-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .xs\:gap-y-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .xs\:gap-y-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .xs\:gap-y-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .xs\:gap-y-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .xs\:gap-y-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .xs\:gap-y-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .xs\:gap-y-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .xs\:gap-y-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .xs\:gap-y-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .xs\:gap-y-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .xs\:gap-y-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .xs\:gap-y-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .xs\:gap-y-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .xs\:gap-y-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .xs\:gap-y-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .xs\:gap-y-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .xs\:gap-y-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .xs\:grid-flow-row{
    grid-auto-flow: row !important;
  }

  .xs\:grid-flow-col{
    grid-auto-flow: column !important;
  }

  .xs\:grid-flow-row-dense{
    grid-auto-flow: row dense !important;
  }

  .xs\:grid-flow-col-dense{
    grid-auto-flow: column dense !important;
  }

  .xs\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .xs\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .xs\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .xs\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .xs\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .xs\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .xs\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .xs\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .xs\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .xs\:grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .xs\:grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .xs\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .xs\:grid-cols-none{
    grid-template-columns: none !important;
  }

  .xs\:grid-cols-half-col{
    grid-template-columns: repeat(2, 1fr); !important;
  }

  .xs\:grid-cols-mix-col{
    grid-template-columns: calc(40% - 30px) 60% !important;
  }

  .xs\:grid-cols-mixInfo-col{
    grid-template-columns: calc(40% - 30px) calc(60% - 30px) !important;
  }

  .xs\:auto-cols-auto{
    grid-auto-columns: auto !important;
  }

  .xs\:auto-cols-min{
    grid-auto-columns: -webkit-min-content !important;
    grid-auto-columns: min-content !important;
  }

  .xs\:auto-cols-max{
    grid-auto-columns: -webkit-max-content !important;
    grid-auto-columns: max-content !important;
  }

  .xs\:auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr) !important;
  }

  .xs\:col-auto{
    grid-column: auto !important;
  }

  .xs\:col-span-1{
    grid-column: span 1 / span 1 !important;
  }

  .xs\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }

  .xs\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }

  .xs\:col-span-4{
    grid-column: span 4 / span 4 !important;
  }

  .xs\:col-span-5{
    grid-column: span 5 / span 5 !important;
  }

  .xs\:col-span-6{
    grid-column: span 6 / span 6 !important;
  }

  .xs\:col-span-7{
    grid-column: span 7 / span 7 !important;
  }

  .xs\:col-span-8{
    grid-column: span 8 / span 8 !important;
  }

  .xs\:col-span-9{
    grid-column: span 9 / span 9 !important;
  }

  .xs\:col-span-10{
    grid-column: span 10 / span 10 !important;
  }

  .xs\:col-span-11{
    grid-column: span 11 / span 11 !important;
  }

  .xs\:col-span-12{
    grid-column: span 12 / span 12 !important;
  }

  .xs\:col-span-full{
    grid-column: 1 / -1 !important;
  }

  .xs\:col-start-1{
    grid-column-start: 1 !important;
  }

  .xs\:col-start-2{
    grid-column-start: 2 !important;
  }

  .xs\:col-start-3{
    grid-column-start: 3 !important;
  }

  .xs\:col-start-4{
    grid-column-start: 4 !important;
  }

  .xs\:col-start-5{
    grid-column-start: 5 !important;
  }

  .xs\:col-start-6{
    grid-column-start: 6 !important;
  }

  .xs\:col-start-7{
    grid-column-start: 7 !important;
  }

  .xs\:col-start-8{
    grid-column-start: 8 !important;
  }

  .xs\:col-start-9{
    grid-column-start: 9 !important;
  }

  .xs\:col-start-10{
    grid-column-start: 10 !important;
  }

  .xs\:col-start-11{
    grid-column-start: 11 !important;
  }

  .xs\:col-start-12{
    grid-column-start: 12 !important;
  }

  .xs\:col-start-13{
    grid-column-start: 13 !important;
  }

  .xs\:col-start-auto{
    grid-column-start: auto !important;
  }

  .xs\:col-end-1{
    grid-column-end: 1 !important;
  }

  .xs\:col-end-2{
    grid-column-end: 2 !important;
  }

  .xs\:col-end-3{
    grid-column-end: 3 !important;
  }

  .xs\:col-end-4{
    grid-column-end: 4 !important;
  }

  .xs\:col-end-5{
    grid-column-end: 5 !important;
  }

  .xs\:col-end-6{
    grid-column-end: 6 !important;
  }

  .xs\:col-end-7{
    grid-column-end: 7 !important;
  }

  .xs\:col-end-8{
    grid-column-end: 8 !important;
  }

  .xs\:col-end-9{
    grid-column-end: 9 !important;
  }

  .xs\:col-end-10{
    grid-column-end: 10 !important;
  }

  .xs\:col-end-11{
    grid-column-end: 11 !important;
  }

  .xs\:col-end-12{
    grid-column-end: 12 !important;
  }

  .xs\:col-end-13{
    grid-column-end: 13 !important;
  }

  .xs\:col-end-auto{
    grid-column-end: auto !important;
  }

  .xs\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }

  .xs\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  .xs\:grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }

  .xs\:grid-rows-4{
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }

  .xs\:grid-rows-5{
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }

  .xs\:grid-rows-6{
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }

  .xs\:grid-rows-none{
    grid-template-rows: none !important;
  }

  .xs\:grid-rows-mix-row{
    grid-template-rows: minmax(100px, auto) auto !important;
  }

  .xs\:auto-rows-auto{
    grid-auto-rows: auto !important;
  }

  .xs\:auto-rows-min{
    grid-auto-rows: -webkit-min-content !important;
    grid-auto-rows: min-content !important;
  }

  .xs\:auto-rows-max{
    grid-auto-rows: -webkit-max-content !important;
    grid-auto-rows: max-content !important;
  }

  .xs\:auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  .xs\:row-auto{
    grid-row: auto !important;
  }

  .xs\:row-span-1{
    grid-row: span 1 / span 1 !important;
  }

  .xs\:row-span-2{
    grid-row: span 2 / span 2 !important;
  }

  .xs\:row-span-3{
    grid-row: span 3 / span 3 !important;
  }

  .xs\:row-span-4{
    grid-row: span 4 / span 4 !important;
  }

  .xs\:row-span-5{
    grid-row: span 5 / span 5 !important;
  }

  .xs\:row-span-6{
    grid-row: span 6 / span 6 !important;
  }

  .xs\:row-span-full{
    grid-row: 1 / -1 !important;
  }

  .xs\:row-start-1{
    grid-row-start: 1 !important;
  }

  .xs\:row-start-2{
    grid-row-start: 2 !important;
  }

  .xs\:row-start-3{
    grid-row-start: 3 !important;
  }

  .xs\:row-start-4{
    grid-row-start: 4 !important;
  }

  .xs\:row-start-5{
    grid-row-start: 5 !important;
  }

  .xs\:row-start-6{
    grid-row-start: 6 !important;
  }

  .xs\:row-start-7{
    grid-row-start: 7 !important;
  }

  .xs\:row-start-auto{
    grid-row-start: auto !important;
  }

  .xs\:row-end-1{
    grid-row-end: 1 !important;
  }

  .xs\:row-end-2{
    grid-row-end: 2 !important;
  }

  .xs\:row-end-3{
    grid-row-end: 3 !important;
  }

  .xs\:row-end-4{
    grid-row-end: 4 !important;
  }

  .xs\:row-end-5{
    grid-row-end: 5 !important;
  }

  .xs\:row-end-6{
    grid-row-end: 6 !important;
  }

  .xs\:row-end-7{
    grid-row-end: 7 !important;
  }

  .xs\:row-end-auto{
    grid-row-end: auto !important;
  }

  .xs\:transform{
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
  }

  .xs\:transform-none{
    -webkit-transform: none !important;
    transform: none !important;
  }

  .xs\:origin-center{
    -webkit-transform-origin: center !important;
    transform-origin: center !important;
  }

  .xs\:origin-top{
    -webkit-transform-origin: top !important;
    transform-origin: top !important;
  }

  .xs\:origin-top-right{
    -webkit-transform-origin: top right !important;
    transform-origin: top right !important;
  }

  .xs\:origin-right{
    -webkit-transform-origin: right !important;
    transform-origin: right !important;
  }

  .xs\:origin-bottom-right{
    -webkit-transform-origin: bottom right !important;
    transform-origin: bottom right !important;
  }

  .xs\:origin-bottom{
    -webkit-transform-origin: bottom !important;
    transform-origin: bottom !important;
  }

  .xs\:origin-bottom-left{
    -webkit-transform-origin: bottom left !important;
    transform-origin: bottom left !important;
  }

  .xs\:origin-left{
    -webkit-transform-origin: left !important;
    transform-origin: left !important;
  }

  .xs\:origin-top-left{
    -webkit-transform-origin: top left !important;
    transform-origin: top left !important;
  }

  .xs\:scale-0{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xs\:scale-50{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xs\:scale-75{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xs\:scale-90{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xs\:scale-95{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xs\:scale-100{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xs\:scale-105{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xs\:scale-110{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xs\:scale-125{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xs\:scale-150{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xs\:scale-x-0{
    --transform-scale-x: 0 !important;
  }

  .xs\:scale-x-50{
    --transform-scale-x: .5 !important;
  }

  .xs\:scale-x-75{
    --transform-scale-x: .75 !important;
  }

  .xs\:scale-x-90{
    --transform-scale-x: .9 !important;
  }

  .xs\:scale-x-95{
    --transform-scale-x: .95 !important;
  }

  .xs\:scale-x-100{
    --transform-scale-x: 1 !important;
  }

  .xs\:scale-x-105{
    --transform-scale-x: 1.05 !important;
  }

  .xs\:scale-x-110{
    --transform-scale-x: 1.1 !important;
  }

  .xs\:scale-x-125{
    --transform-scale-x: 1.25 !important;
  }

  .xs\:scale-x-150{
    --transform-scale-x: 1.5 !important;
  }

  .xs\:scale-y-0{
    --transform-scale-y: 0 !important;
  }

  .xs\:scale-y-50{
    --transform-scale-y: .5 !important;
  }

  .xs\:scale-y-75{
    --transform-scale-y: .75 !important;
  }

  .xs\:scale-y-90{
    --transform-scale-y: .9 !important;
  }

  .xs\:scale-y-95{
    --transform-scale-y: .95 !important;
  }

  .xs\:scale-y-100{
    --transform-scale-y: 1 !important;
  }

  .xs\:scale-y-105{
    --transform-scale-y: 1.05 !important;
  }

  .xs\:scale-y-110{
    --transform-scale-y: 1.1 !important;
  }

  .xs\:scale-y-125{
    --transform-scale-y: 1.25 !important;
  }

  .xs\:scale-y-150{
    --transform-scale-y: 1.5 !important;
  }

  .xs\:hover\:scale-0:hover{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xs\:hover\:scale-50:hover{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xs\:hover\:scale-75:hover{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xs\:hover\:scale-90:hover{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xs\:hover\:scale-95:hover{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xs\:hover\:scale-100:hover{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xs\:hover\:scale-105:hover{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xs\:hover\:scale-110:hover{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xs\:hover\:scale-125:hover{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xs\:hover\:scale-150:hover{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xs\:hover\:scale-x-0:hover{
    --transform-scale-x: 0 !important;
  }

  .xs\:hover\:scale-x-50:hover{
    --transform-scale-x: .5 !important;
  }

  .xs\:hover\:scale-x-75:hover{
    --transform-scale-x: .75 !important;
  }

  .xs\:hover\:scale-x-90:hover{
    --transform-scale-x: .9 !important;
  }

  .xs\:hover\:scale-x-95:hover{
    --transform-scale-x: .95 !important;
  }

  .xs\:hover\:scale-x-100:hover{
    --transform-scale-x: 1 !important;
  }

  .xs\:hover\:scale-x-105:hover{
    --transform-scale-x: 1.05 !important;
  }

  .xs\:hover\:scale-x-110:hover{
    --transform-scale-x: 1.1 !important;
  }

  .xs\:hover\:scale-x-125:hover{
    --transform-scale-x: 1.25 !important;
  }

  .xs\:hover\:scale-x-150:hover{
    --transform-scale-x: 1.5 !important;
  }

  .xs\:hover\:scale-y-0:hover{
    --transform-scale-y: 0 !important;
  }

  .xs\:hover\:scale-y-50:hover{
    --transform-scale-y: .5 !important;
  }

  .xs\:hover\:scale-y-75:hover{
    --transform-scale-y: .75 !important;
  }

  .xs\:hover\:scale-y-90:hover{
    --transform-scale-y: .9 !important;
  }

  .xs\:hover\:scale-y-95:hover{
    --transform-scale-y: .95 !important;
  }

  .xs\:hover\:scale-y-100:hover{
    --transform-scale-y: 1 !important;
  }

  .xs\:hover\:scale-y-105:hover{
    --transform-scale-y: 1.05 !important;
  }

  .xs\:hover\:scale-y-110:hover{
    --transform-scale-y: 1.1 !important;
  }

  .xs\:hover\:scale-y-125:hover{
    --transform-scale-y: 1.25 !important;
  }

  .xs\:hover\:scale-y-150:hover{
    --transform-scale-y: 1.5 !important;
  }

  .xs\:focus\:scale-0:focus{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xs\:focus\:scale-50:focus{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xs\:focus\:scale-75:focus{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xs\:focus\:scale-90:focus{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xs\:focus\:scale-95:focus{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xs\:focus\:scale-100:focus{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xs\:focus\:scale-105:focus{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xs\:focus\:scale-110:focus{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xs\:focus\:scale-125:focus{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xs\:focus\:scale-150:focus{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xs\:focus\:scale-x-0:focus{
    --transform-scale-x: 0 !important;
  }

  .xs\:focus\:scale-x-50:focus{
    --transform-scale-x: .5 !important;
  }

  .xs\:focus\:scale-x-75:focus{
    --transform-scale-x: .75 !important;
  }

  .xs\:focus\:scale-x-90:focus{
    --transform-scale-x: .9 !important;
  }

  .xs\:focus\:scale-x-95:focus{
    --transform-scale-x: .95 !important;
  }

  .xs\:focus\:scale-x-100:focus{
    --transform-scale-x: 1 !important;
  }

  .xs\:focus\:scale-x-105:focus{
    --transform-scale-x: 1.05 !important;
  }

  .xs\:focus\:scale-x-110:focus{
    --transform-scale-x: 1.1 !important;
  }

  .xs\:focus\:scale-x-125:focus{
    --transform-scale-x: 1.25 !important;
  }

  .xs\:focus\:scale-x-150:focus{
    --transform-scale-x: 1.5 !important;
  }

  .xs\:focus\:scale-y-0:focus{
    --transform-scale-y: 0 !important;
  }

  .xs\:focus\:scale-y-50:focus{
    --transform-scale-y: .5 !important;
  }

  .xs\:focus\:scale-y-75:focus{
    --transform-scale-y: .75 !important;
  }

  .xs\:focus\:scale-y-90:focus{
    --transform-scale-y: .9 !important;
  }

  .xs\:focus\:scale-y-95:focus{
    --transform-scale-y: .95 !important;
  }

  .xs\:focus\:scale-y-100:focus{
    --transform-scale-y: 1 !important;
  }

  .xs\:focus\:scale-y-105:focus{
    --transform-scale-y: 1.05 !important;
  }

  .xs\:focus\:scale-y-110:focus{
    --transform-scale-y: 1.1 !important;
  }

  .xs\:focus\:scale-y-125:focus{
    --transform-scale-y: 1.25 !important;
  }

  .xs\:focus\:scale-y-150:focus{
    --transform-scale-y: 1.5 !important;
  }

  .xs\:rotate-0{
    --transform-rotate: 0 !important;
  }

  .xs\:rotate-1{
    --transform-rotate: 1deg !important;
  }

  .xs\:rotate-2{
    --transform-rotate: 2deg !important;
  }

  .xs\:rotate-3{
    --transform-rotate: 3deg !important;
  }

  .xs\:rotate-6{
    --transform-rotate: 6deg !important;
  }

  .xs\:rotate-12{
    --transform-rotate: 12deg !important;
  }

  .xs\:rotate-45{
    --transform-rotate: 45deg !important;
  }

  .xs\:rotate-90{
    --transform-rotate: 90deg !important;
  }

  .xs\:rotate-180{
    --transform-rotate: 180deg !important;
  }

  .xs\:-rotate-180{
    --transform-rotate: -180deg !important;
  }

  .xs\:-rotate-90{
    --transform-rotate: -90deg !important;
  }

  .xs\:-rotate-45{
    --transform-rotate: -45deg !important;
  }

  .xs\:-rotate-12{
    --transform-rotate: -12deg !important;
  }

  .xs\:-rotate-6{
    --transform-rotate: -6deg !important;
  }

  .xs\:-rotate-3{
    --transform-rotate: -3deg !important;
  }

  .xs\:-rotate-2{
    --transform-rotate: -2deg !important;
  }

  .xs\:-rotate-1{
    --transform-rotate: -1deg !important;
  }

  .xs\:hover\:rotate-0:hover{
    --transform-rotate: 0 !important;
  }

  .xs\:hover\:rotate-1:hover{
    --transform-rotate: 1deg !important;
  }

  .xs\:hover\:rotate-2:hover{
    --transform-rotate: 2deg !important;
  }

  .xs\:hover\:rotate-3:hover{
    --transform-rotate: 3deg !important;
  }

  .xs\:hover\:rotate-6:hover{
    --transform-rotate: 6deg !important;
  }

  .xs\:hover\:rotate-12:hover{
    --transform-rotate: 12deg !important;
  }

  .xs\:hover\:rotate-45:hover{
    --transform-rotate: 45deg !important;
  }

  .xs\:hover\:rotate-90:hover{
    --transform-rotate: 90deg !important;
  }

  .xs\:hover\:rotate-180:hover{
    --transform-rotate: 180deg !important;
  }

  .xs\:hover\:-rotate-180:hover{
    --transform-rotate: -180deg !important;
  }

  .xs\:hover\:-rotate-90:hover{
    --transform-rotate: -90deg !important;
  }

  .xs\:hover\:-rotate-45:hover{
    --transform-rotate: -45deg !important;
  }

  .xs\:hover\:-rotate-12:hover{
    --transform-rotate: -12deg !important;
  }

  .xs\:hover\:-rotate-6:hover{
    --transform-rotate: -6deg !important;
  }

  .xs\:hover\:-rotate-3:hover{
    --transform-rotate: -3deg !important;
  }

  .xs\:hover\:-rotate-2:hover{
    --transform-rotate: -2deg !important;
  }

  .xs\:hover\:-rotate-1:hover{
    --transform-rotate: -1deg !important;
  }

  .xs\:focus\:rotate-0:focus{
    --transform-rotate: 0 !important;
  }

  .xs\:focus\:rotate-1:focus{
    --transform-rotate: 1deg !important;
  }

  .xs\:focus\:rotate-2:focus{
    --transform-rotate: 2deg !important;
  }

  .xs\:focus\:rotate-3:focus{
    --transform-rotate: 3deg !important;
  }

  .xs\:focus\:rotate-6:focus{
    --transform-rotate: 6deg !important;
  }

  .xs\:focus\:rotate-12:focus{
    --transform-rotate: 12deg !important;
  }

  .xs\:focus\:rotate-45:focus{
    --transform-rotate: 45deg !important;
  }

  .xs\:focus\:rotate-90:focus{
    --transform-rotate: 90deg !important;
  }

  .xs\:focus\:rotate-180:focus{
    --transform-rotate: 180deg !important;
  }

  .xs\:focus\:-rotate-180:focus{
    --transform-rotate: -180deg !important;
  }

  .xs\:focus\:-rotate-90:focus{
    --transform-rotate: -90deg !important;
  }

  .xs\:focus\:-rotate-45:focus{
    --transform-rotate: -45deg !important;
  }

  .xs\:focus\:-rotate-12:focus{
    --transform-rotate: -12deg !important;
  }

  .xs\:focus\:-rotate-6:focus{
    --transform-rotate: -6deg !important;
  }

  .xs\:focus\:-rotate-3:focus{
    --transform-rotate: -3deg !important;
  }

  .xs\:focus\:-rotate-2:focus{
    --transform-rotate: -2deg !important;
  }

  .xs\:focus\:-rotate-1:focus{
    --transform-rotate: -1deg !important;
  }

  .xs\:translate-x-0{
    --transform-translate-x: 0 !important;
  }

  .xs\:translate-x-1{
    --transform-translate-x: 0.25rem !important;
  }

  .xs\:translate-x-2{
    --transform-translate-x: 0.5rem !important;
  }

  .xs\:translate-x-3{
    --transform-translate-x: 0.75rem !important;
  }

  .xs\:translate-x-4{
    --transform-translate-x: 1rem !important;
  }

  .xs\:translate-x-5{
    --transform-translate-x: 1.25rem !important;
  }

  .xs\:translate-x-6{
    --transform-translate-x: 1.5rem !important;
  }

  .xs\:translate-x-8{
    --transform-translate-x: 2rem !important;
  }

  .xs\:translate-x-10{
    --transform-translate-x: 2.5rem !important;
  }

  .xs\:translate-x-12{
    --transform-translate-x: 3rem !important;
  }

  .xs\:translate-x-16{
    --transform-translate-x: 4rem !important;
  }

  .xs\:translate-x-20{
    --transform-translate-x: 5rem !important;
  }

  .xs\:translate-x-24{
    --transform-translate-x: 6rem !important;
  }

  .xs\:translate-x-28{
    --transform-translate-x: 7rem !important;
  }

  .xs\:translate-x-32{
    --transform-translate-x: 8rem !important;
  }

  .xs\:translate-x-40{
    --transform-translate-x: 10rem !important;
  }

  .xs\:translate-x-48{
    --transform-translate-x: 12rem !important;
  }

  .xs\:translate-x-56{
    --transform-translate-x: 14rem !important;
  }

  .xs\:translate-x-64{
    --transform-translate-x: 16rem !important;
  }

  .xs\:translate-x-px{
    --transform-translate-x: 1px !important;
  }

  .xs\:translate-x-2px{
    --transform-translate-x: 2px !important;
  }

  .xs\:translate-x-3px{
    --transform-translate-x: 3px !important;
  }

  .xs\:translate-x-5px{
    --transform-translate-x: 5px !important;
  }

  .xs\:translate-x-10px{
    --transform-translate-x: 10px !important;
  }

  .xs\:translate-x-15px{
    --transform-translate-x: 15px !important;
  }

  .xs\:translate-x-20px{
    --transform-translate-x: 20px !important;
  }

  .xs\:translate-x-25px{
    --transform-translate-x: 25px !important;
  }

  .xs\:translate-x-30px{
    --transform-translate-x: 30px !important;
  }

  .xs\:translate-x-36px{
    --transform-translate-x: 36px !important;
  }

  .xs\:translate-x-50px{
    --transform-translate-x: 50px !important;
  }

  .xs\:translate-x-60px{
    --transform-translate-x: 60px !important;
  }

  .xs\:translate-x-120px{
    --transform-translate-x: 120px !important;
  }

  .xs\:-translate-x-1{
    --transform-translate-x: -0.25rem !important;
  }

  .xs\:-translate-x-2{
    --transform-translate-x: -0.5rem !important;
  }

  .xs\:-translate-x-3{
    --transform-translate-x: -0.75rem !important;
  }

  .xs\:-translate-x-4{
    --transform-translate-x: -1rem !important;
  }

  .xs\:-translate-x-5{
    --transform-translate-x: -1.25rem !important;
  }

  .xs\:-translate-x-6{
    --transform-translate-x: -1.5rem !important;
  }

  .xs\:-translate-x-8{
    --transform-translate-x: -2rem !important;
  }

  .xs\:-translate-x-10{
    --transform-translate-x: -2.5rem !important;
  }

  .xs\:-translate-x-12{
    --transform-translate-x: -3rem !important;
  }

  .xs\:-translate-x-16{
    --transform-translate-x: -4rem !important;
  }

  .xs\:-translate-x-20{
    --transform-translate-x: -5rem !important;
  }

  .xs\:-translate-x-24{
    --transform-translate-x: -6rem !important;
  }

  .xs\:-translate-x-28{
    --transform-translate-x: -7rem !important;
  }

  .xs\:-translate-x-32{
    --transform-translate-x: -8rem !important;
  }

  .xs\:-translate-x-40{
    --transform-translate-x: -10rem !important;
  }

  .xs\:-translate-x-48{
    --transform-translate-x: -12rem !important;
  }

  .xs\:-translate-x-56{
    --transform-translate-x: -14rem !important;
  }

  .xs\:-translate-x-64{
    --transform-translate-x: -16rem !important;
  }

  .xs\:-translate-x-px{
    --transform-translate-x: -1px !important;
  }

  .xs\:-translate-x-2px{
    --transform-translate-x: -2px !important;
  }

  .xs\:-translate-x-3px{
    --transform-translate-x: -3px !important;
  }

  .xs\:-translate-x-5px{
    --transform-translate-x: -5px !important;
  }

  .xs\:-translate-x-10px{
    --transform-translate-x: -10px !important;
  }

  .xs\:-translate-x-15px{
    --transform-translate-x: -15px !important;
  }

  .xs\:-translate-x-20px{
    --transform-translate-x: -20px !important;
  }

  .xs\:-translate-x-25px{
    --transform-translate-x: -25px !important;
  }

  .xs\:-translate-x-30px{
    --transform-translate-x: -30px !important;
  }

  .xs\:-translate-x-36px{
    --transform-translate-x: -36px !important;
  }

  .xs\:-translate-x-50px{
    --transform-translate-x: -50px !important;
  }

  .xs\:-translate-x-60px{
    --transform-translate-x: -60px !important;
  }

  .xs\:-translate-x-120px{
    --transform-translate-x: -120px !important;
  }

  .xs\:-translate-x-full{
    --transform-translate-x: -100% !important;
  }

  .xs\:-translate-x-1\/2{
    --transform-translate-x: -50% !important;
  }

  .xs\:translate-x-1\/2{
    --transform-translate-x: 50% !important;
  }

  .xs\:translate-x-full{
    --transform-translate-x: 100% !important;
  }

  .xs\:translate-y-0{
    --transform-translate-y: 0 !important;
  }

  .xs\:translate-y-1{
    --transform-translate-y: 0.25rem !important;
  }

  .xs\:translate-y-2{
    --transform-translate-y: 0.5rem !important;
  }

  .xs\:translate-y-3{
    --transform-translate-y: 0.75rem !important;
  }

  .xs\:translate-y-4{
    --transform-translate-y: 1rem !important;
  }

  .xs\:translate-y-5{
    --transform-translate-y: 1.25rem !important;
  }

  .xs\:translate-y-6{
    --transform-translate-y: 1.5rem !important;
  }

  .xs\:translate-y-8{
    --transform-translate-y: 2rem !important;
  }

  .xs\:translate-y-10{
    --transform-translate-y: 2.5rem !important;
  }

  .xs\:translate-y-12{
    --transform-translate-y: 3rem !important;
  }

  .xs\:translate-y-16{
    --transform-translate-y: 4rem !important;
  }

  .xs\:translate-y-20{
    --transform-translate-y: 5rem !important;
  }

  .xs\:translate-y-24{
    --transform-translate-y: 6rem !important;
  }

  .xs\:translate-y-28{
    --transform-translate-y: 7rem !important;
  }

  .xs\:translate-y-32{
    --transform-translate-y: 8rem !important;
  }

  .xs\:translate-y-40{
    --transform-translate-y: 10rem !important;
  }

  .xs\:translate-y-48{
    --transform-translate-y: 12rem !important;
  }

  .xs\:translate-y-56{
    --transform-translate-y: 14rem !important;
  }

  .xs\:translate-y-64{
    --transform-translate-y: 16rem !important;
  }

  .xs\:translate-y-px{
    --transform-translate-y: 1px !important;
  }

  .xs\:translate-y-2px{
    --transform-translate-y: 2px !important;
  }

  .xs\:translate-y-3px{
    --transform-translate-y: 3px !important;
  }

  .xs\:translate-y-5px{
    --transform-translate-y: 5px !important;
  }

  .xs\:translate-y-10px{
    --transform-translate-y: 10px !important;
  }

  .xs\:translate-y-15px{
    --transform-translate-y: 15px !important;
  }

  .xs\:translate-y-20px{
    --transform-translate-y: 20px !important;
  }

  .xs\:translate-y-25px{
    --transform-translate-y: 25px !important;
  }

  .xs\:translate-y-30px{
    --transform-translate-y: 30px !important;
  }

  .xs\:translate-y-36px{
    --transform-translate-y: 36px !important;
  }

  .xs\:translate-y-50px{
    --transform-translate-y: 50px !important;
  }

  .xs\:translate-y-60px{
    --transform-translate-y: 60px !important;
  }

  .xs\:translate-y-120px{
    --transform-translate-y: 120px !important;
  }

  .xs\:-translate-y-1{
    --transform-translate-y: -0.25rem !important;
  }

  .xs\:-translate-y-2{
    --transform-translate-y: -0.5rem !important;
  }

  .xs\:-translate-y-3{
    --transform-translate-y: -0.75rem !important;
  }

  .xs\:-translate-y-4{
    --transform-translate-y: -1rem !important;
  }

  .xs\:-translate-y-5{
    --transform-translate-y: -1.25rem !important;
  }

  .xs\:-translate-y-6{
    --transform-translate-y: -1.5rem !important;
  }

  .xs\:-translate-y-8{
    --transform-translate-y: -2rem !important;
  }

  .xs\:-translate-y-10{
    --transform-translate-y: -2.5rem !important;
  }

  .xs\:-translate-y-12{
    --transform-translate-y: -3rem !important;
  }

  .xs\:-translate-y-16{
    --transform-translate-y: -4rem !important;
  }

  .xs\:-translate-y-20{
    --transform-translate-y: -5rem !important;
  }

  .xs\:-translate-y-24{
    --transform-translate-y: -6rem !important;
  }

  .xs\:-translate-y-28{
    --transform-translate-y: -7rem !important;
  }

  .xs\:-translate-y-32{
    --transform-translate-y: -8rem !important;
  }

  .xs\:-translate-y-40{
    --transform-translate-y: -10rem !important;
  }

  .xs\:-translate-y-48{
    --transform-translate-y: -12rem !important;
  }

  .xs\:-translate-y-56{
    --transform-translate-y: -14rem !important;
  }

  .xs\:-translate-y-64{
    --transform-translate-y: -16rem !important;
  }

  .xs\:-translate-y-px{
    --transform-translate-y: -1px !important;
  }

  .xs\:-translate-y-2px{
    --transform-translate-y: -2px !important;
  }

  .xs\:-translate-y-3px{
    --transform-translate-y: -3px !important;
  }

  .xs\:-translate-y-5px{
    --transform-translate-y: -5px !important;
  }

  .xs\:-translate-y-10px{
    --transform-translate-y: -10px !important;
  }

  .xs\:-translate-y-15px{
    --transform-translate-y: -15px !important;
  }

  .xs\:-translate-y-20px{
    --transform-translate-y: -20px !important;
  }

  .xs\:-translate-y-25px{
    --transform-translate-y: -25px !important;
  }

  .xs\:-translate-y-30px{
    --transform-translate-y: -30px !important;
  }

  .xs\:-translate-y-36px{
    --transform-translate-y: -36px !important;
  }

  .xs\:-translate-y-50px{
    --transform-translate-y: -50px !important;
  }

  .xs\:-translate-y-60px{
    --transform-translate-y: -60px !important;
  }

  .xs\:-translate-y-120px{
    --transform-translate-y: -120px !important;
  }

  .xs\:-translate-y-full{
    --transform-translate-y: -100% !important;
  }

  .xs\:-translate-y-1\/2{
    --transform-translate-y: -50% !important;
  }

  .xs\:translate-y-1\/2{
    --transform-translate-y: 50% !important;
  }

  .xs\:translate-y-full{
    --transform-translate-y: 100% !important;
  }

  .xs\:hover\:translate-x-0:hover{
    --transform-translate-x: 0 !important;
  }

  .xs\:hover\:translate-x-1:hover{
    --transform-translate-x: 0.25rem !important;
  }

  .xs\:hover\:translate-x-2:hover{
    --transform-translate-x: 0.5rem !important;
  }

  .xs\:hover\:translate-x-3:hover{
    --transform-translate-x: 0.75rem !important;
  }

  .xs\:hover\:translate-x-4:hover{
    --transform-translate-x: 1rem !important;
  }

  .xs\:hover\:translate-x-5:hover{
    --transform-translate-x: 1.25rem !important;
  }

  .xs\:hover\:translate-x-6:hover{
    --transform-translate-x: 1.5rem !important;
  }

  .xs\:hover\:translate-x-8:hover{
    --transform-translate-x: 2rem !important;
  }

  .xs\:hover\:translate-x-10:hover{
    --transform-translate-x: 2.5rem !important;
  }

  .xs\:hover\:translate-x-12:hover{
    --transform-translate-x: 3rem !important;
  }

  .xs\:hover\:translate-x-16:hover{
    --transform-translate-x: 4rem !important;
  }

  .xs\:hover\:translate-x-20:hover{
    --transform-translate-x: 5rem !important;
  }

  .xs\:hover\:translate-x-24:hover{
    --transform-translate-x: 6rem !important;
  }

  .xs\:hover\:translate-x-28:hover{
    --transform-translate-x: 7rem !important;
  }

  .xs\:hover\:translate-x-32:hover{
    --transform-translate-x: 8rem !important;
  }

  .xs\:hover\:translate-x-40:hover{
    --transform-translate-x: 10rem !important;
  }

  .xs\:hover\:translate-x-48:hover{
    --transform-translate-x: 12rem !important;
  }

  .xs\:hover\:translate-x-56:hover{
    --transform-translate-x: 14rem !important;
  }

  .xs\:hover\:translate-x-64:hover{
    --transform-translate-x: 16rem !important;
  }

  .xs\:hover\:translate-x-px:hover{
    --transform-translate-x: 1px !important;
  }

  .xs\:hover\:translate-x-2px:hover{
    --transform-translate-x: 2px !important;
  }

  .xs\:hover\:translate-x-3px:hover{
    --transform-translate-x: 3px !important;
  }

  .xs\:hover\:translate-x-5px:hover{
    --transform-translate-x: 5px !important;
  }

  .xs\:hover\:translate-x-10px:hover{
    --transform-translate-x: 10px !important;
  }

  .xs\:hover\:translate-x-15px:hover{
    --transform-translate-x: 15px !important;
  }

  .xs\:hover\:translate-x-20px:hover{
    --transform-translate-x: 20px !important;
  }

  .xs\:hover\:translate-x-25px:hover{
    --transform-translate-x: 25px !important;
  }

  .xs\:hover\:translate-x-30px:hover{
    --transform-translate-x: 30px !important;
  }

  .xs\:hover\:translate-x-36px:hover{
    --transform-translate-x: 36px !important;
  }

  .xs\:hover\:translate-x-50px:hover{
    --transform-translate-x: 50px !important;
  }

  .xs\:hover\:translate-x-60px:hover{
    --transform-translate-x: 60px !important;
  }

  .xs\:hover\:translate-x-120px:hover{
    --transform-translate-x: 120px !important;
  }

  .xs\:hover\:-translate-x-1:hover{
    --transform-translate-x: -0.25rem !important;
  }

  .xs\:hover\:-translate-x-2:hover{
    --transform-translate-x: -0.5rem !important;
  }

  .xs\:hover\:-translate-x-3:hover{
    --transform-translate-x: -0.75rem !important;
  }

  .xs\:hover\:-translate-x-4:hover{
    --transform-translate-x: -1rem !important;
  }

  .xs\:hover\:-translate-x-5:hover{
    --transform-translate-x: -1.25rem !important;
  }

  .xs\:hover\:-translate-x-6:hover{
    --transform-translate-x: -1.5rem !important;
  }

  .xs\:hover\:-translate-x-8:hover{
    --transform-translate-x: -2rem !important;
  }

  .xs\:hover\:-translate-x-10:hover{
    --transform-translate-x: -2.5rem !important;
  }

  .xs\:hover\:-translate-x-12:hover{
    --transform-translate-x: -3rem !important;
  }

  .xs\:hover\:-translate-x-16:hover{
    --transform-translate-x: -4rem !important;
  }

  .xs\:hover\:-translate-x-20:hover{
    --transform-translate-x: -5rem !important;
  }

  .xs\:hover\:-translate-x-24:hover{
    --transform-translate-x: -6rem !important;
  }

  .xs\:hover\:-translate-x-28:hover{
    --transform-translate-x: -7rem !important;
  }

  .xs\:hover\:-translate-x-32:hover{
    --transform-translate-x: -8rem !important;
  }

  .xs\:hover\:-translate-x-40:hover{
    --transform-translate-x: -10rem !important;
  }

  .xs\:hover\:-translate-x-48:hover{
    --transform-translate-x: -12rem !important;
  }

  .xs\:hover\:-translate-x-56:hover{
    --transform-translate-x: -14rem !important;
  }

  .xs\:hover\:-translate-x-64:hover{
    --transform-translate-x: -16rem !important;
  }

  .xs\:hover\:-translate-x-px:hover{
    --transform-translate-x: -1px !important;
  }

  .xs\:hover\:-translate-x-2px:hover{
    --transform-translate-x: -2px !important;
  }

  .xs\:hover\:-translate-x-3px:hover{
    --transform-translate-x: -3px !important;
  }

  .xs\:hover\:-translate-x-5px:hover{
    --transform-translate-x: -5px !important;
  }

  .xs\:hover\:-translate-x-10px:hover{
    --transform-translate-x: -10px !important;
  }

  .xs\:hover\:-translate-x-15px:hover{
    --transform-translate-x: -15px !important;
  }

  .xs\:hover\:-translate-x-20px:hover{
    --transform-translate-x: -20px !important;
  }

  .xs\:hover\:-translate-x-25px:hover{
    --transform-translate-x: -25px !important;
  }

  .xs\:hover\:-translate-x-30px:hover{
    --transform-translate-x: -30px !important;
  }

  .xs\:hover\:-translate-x-36px:hover{
    --transform-translate-x: -36px !important;
  }

  .xs\:hover\:-translate-x-50px:hover{
    --transform-translate-x: -50px !important;
  }

  .xs\:hover\:-translate-x-60px:hover{
    --transform-translate-x: -60px !important;
  }

  .xs\:hover\:-translate-x-120px:hover{
    --transform-translate-x: -120px !important;
  }

  .xs\:hover\:-translate-x-full:hover{
    --transform-translate-x: -100% !important;
  }

  .xs\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x: -50% !important;
  }

  .xs\:hover\:translate-x-1\/2:hover{
    --transform-translate-x: 50% !important;
  }

  .xs\:hover\:translate-x-full:hover{
    --transform-translate-x: 100% !important;
  }

  .xs\:hover\:translate-y-0:hover{
    --transform-translate-y: 0 !important;
  }

  .xs\:hover\:translate-y-1:hover{
    --transform-translate-y: 0.25rem !important;
  }

  .xs\:hover\:translate-y-2:hover{
    --transform-translate-y: 0.5rem !important;
  }

  .xs\:hover\:translate-y-3:hover{
    --transform-translate-y: 0.75rem !important;
  }

  .xs\:hover\:translate-y-4:hover{
    --transform-translate-y: 1rem !important;
  }

  .xs\:hover\:translate-y-5:hover{
    --transform-translate-y: 1.25rem !important;
  }

  .xs\:hover\:translate-y-6:hover{
    --transform-translate-y: 1.5rem !important;
  }

  .xs\:hover\:translate-y-8:hover{
    --transform-translate-y: 2rem !important;
  }

  .xs\:hover\:translate-y-10:hover{
    --transform-translate-y: 2.5rem !important;
  }

  .xs\:hover\:translate-y-12:hover{
    --transform-translate-y: 3rem !important;
  }

  .xs\:hover\:translate-y-16:hover{
    --transform-translate-y: 4rem !important;
  }

  .xs\:hover\:translate-y-20:hover{
    --transform-translate-y: 5rem !important;
  }

  .xs\:hover\:translate-y-24:hover{
    --transform-translate-y: 6rem !important;
  }

  .xs\:hover\:translate-y-28:hover{
    --transform-translate-y: 7rem !important;
  }

  .xs\:hover\:translate-y-32:hover{
    --transform-translate-y: 8rem !important;
  }

  .xs\:hover\:translate-y-40:hover{
    --transform-translate-y: 10rem !important;
  }

  .xs\:hover\:translate-y-48:hover{
    --transform-translate-y: 12rem !important;
  }

  .xs\:hover\:translate-y-56:hover{
    --transform-translate-y: 14rem !important;
  }

  .xs\:hover\:translate-y-64:hover{
    --transform-translate-y: 16rem !important;
  }

  .xs\:hover\:translate-y-px:hover{
    --transform-translate-y: 1px !important;
  }

  .xs\:hover\:translate-y-2px:hover{
    --transform-translate-y: 2px !important;
  }

  .xs\:hover\:translate-y-3px:hover{
    --transform-translate-y: 3px !important;
  }

  .xs\:hover\:translate-y-5px:hover{
    --transform-translate-y: 5px !important;
  }

  .xs\:hover\:translate-y-10px:hover{
    --transform-translate-y: 10px !important;
  }

  .xs\:hover\:translate-y-15px:hover{
    --transform-translate-y: 15px !important;
  }

  .xs\:hover\:translate-y-20px:hover{
    --transform-translate-y: 20px !important;
  }

  .xs\:hover\:translate-y-25px:hover{
    --transform-translate-y: 25px !important;
  }

  .xs\:hover\:translate-y-30px:hover{
    --transform-translate-y: 30px !important;
  }

  .xs\:hover\:translate-y-36px:hover{
    --transform-translate-y: 36px !important;
  }

  .xs\:hover\:translate-y-50px:hover{
    --transform-translate-y: 50px !important;
  }

  .xs\:hover\:translate-y-60px:hover{
    --transform-translate-y: 60px !important;
  }

  .xs\:hover\:translate-y-120px:hover{
    --transform-translate-y: 120px !important;
  }

  .xs\:hover\:-translate-y-1:hover{
    --transform-translate-y: -0.25rem !important;
  }

  .xs\:hover\:-translate-y-2:hover{
    --transform-translate-y: -0.5rem !important;
  }

  .xs\:hover\:-translate-y-3:hover{
    --transform-translate-y: -0.75rem !important;
  }

  .xs\:hover\:-translate-y-4:hover{
    --transform-translate-y: -1rem !important;
  }

  .xs\:hover\:-translate-y-5:hover{
    --transform-translate-y: -1.25rem !important;
  }

  .xs\:hover\:-translate-y-6:hover{
    --transform-translate-y: -1.5rem !important;
  }

  .xs\:hover\:-translate-y-8:hover{
    --transform-translate-y: -2rem !important;
  }

  .xs\:hover\:-translate-y-10:hover{
    --transform-translate-y: -2.5rem !important;
  }

  .xs\:hover\:-translate-y-12:hover{
    --transform-translate-y: -3rem !important;
  }

  .xs\:hover\:-translate-y-16:hover{
    --transform-translate-y: -4rem !important;
  }

  .xs\:hover\:-translate-y-20:hover{
    --transform-translate-y: -5rem !important;
  }

  .xs\:hover\:-translate-y-24:hover{
    --transform-translate-y: -6rem !important;
  }

  .xs\:hover\:-translate-y-28:hover{
    --transform-translate-y: -7rem !important;
  }

  .xs\:hover\:-translate-y-32:hover{
    --transform-translate-y: -8rem !important;
  }

  .xs\:hover\:-translate-y-40:hover{
    --transform-translate-y: -10rem !important;
  }

  .xs\:hover\:-translate-y-48:hover{
    --transform-translate-y: -12rem !important;
  }

  .xs\:hover\:-translate-y-56:hover{
    --transform-translate-y: -14rem !important;
  }

  .xs\:hover\:-translate-y-64:hover{
    --transform-translate-y: -16rem !important;
  }

  .xs\:hover\:-translate-y-px:hover{
    --transform-translate-y: -1px !important;
  }

  .xs\:hover\:-translate-y-2px:hover{
    --transform-translate-y: -2px !important;
  }

  .xs\:hover\:-translate-y-3px:hover{
    --transform-translate-y: -3px !important;
  }

  .xs\:hover\:-translate-y-5px:hover{
    --transform-translate-y: -5px !important;
  }

  .xs\:hover\:-translate-y-10px:hover{
    --transform-translate-y: -10px !important;
  }

  .xs\:hover\:-translate-y-15px:hover{
    --transform-translate-y: -15px !important;
  }

  .xs\:hover\:-translate-y-20px:hover{
    --transform-translate-y: -20px !important;
  }

  .xs\:hover\:-translate-y-25px:hover{
    --transform-translate-y: -25px !important;
  }

  .xs\:hover\:-translate-y-30px:hover{
    --transform-translate-y: -30px !important;
  }

  .xs\:hover\:-translate-y-36px:hover{
    --transform-translate-y: -36px !important;
  }

  .xs\:hover\:-translate-y-50px:hover{
    --transform-translate-y: -50px !important;
  }

  .xs\:hover\:-translate-y-60px:hover{
    --transform-translate-y: -60px !important;
  }

  .xs\:hover\:-translate-y-120px:hover{
    --transform-translate-y: -120px !important;
  }

  .xs\:hover\:-translate-y-full:hover{
    --transform-translate-y: -100% !important;
  }

  .xs\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y: -50% !important;
  }

  .xs\:hover\:translate-y-1\/2:hover{
    --transform-translate-y: 50% !important;
  }

  .xs\:hover\:translate-y-full:hover{
    --transform-translate-y: 100% !important;
  }

  .xs\:focus\:translate-x-0:focus{
    --transform-translate-x: 0 !important;
  }

  .xs\:focus\:translate-x-1:focus{
    --transform-translate-x: 0.25rem !important;
  }

  .xs\:focus\:translate-x-2:focus{
    --transform-translate-x: 0.5rem !important;
  }

  .xs\:focus\:translate-x-3:focus{
    --transform-translate-x: 0.75rem !important;
  }

  .xs\:focus\:translate-x-4:focus{
    --transform-translate-x: 1rem !important;
  }

  .xs\:focus\:translate-x-5:focus{
    --transform-translate-x: 1.25rem !important;
  }

  .xs\:focus\:translate-x-6:focus{
    --transform-translate-x: 1.5rem !important;
  }

  .xs\:focus\:translate-x-8:focus{
    --transform-translate-x: 2rem !important;
  }

  .xs\:focus\:translate-x-10:focus{
    --transform-translate-x: 2.5rem !important;
  }

  .xs\:focus\:translate-x-12:focus{
    --transform-translate-x: 3rem !important;
  }

  .xs\:focus\:translate-x-16:focus{
    --transform-translate-x: 4rem !important;
  }

  .xs\:focus\:translate-x-20:focus{
    --transform-translate-x: 5rem !important;
  }

  .xs\:focus\:translate-x-24:focus{
    --transform-translate-x: 6rem !important;
  }

  .xs\:focus\:translate-x-28:focus{
    --transform-translate-x: 7rem !important;
  }

  .xs\:focus\:translate-x-32:focus{
    --transform-translate-x: 8rem !important;
  }

  .xs\:focus\:translate-x-40:focus{
    --transform-translate-x: 10rem !important;
  }

  .xs\:focus\:translate-x-48:focus{
    --transform-translate-x: 12rem !important;
  }

  .xs\:focus\:translate-x-56:focus{
    --transform-translate-x: 14rem !important;
  }

  .xs\:focus\:translate-x-64:focus{
    --transform-translate-x: 16rem !important;
  }

  .xs\:focus\:translate-x-px:focus{
    --transform-translate-x: 1px !important;
  }

  .xs\:focus\:translate-x-2px:focus{
    --transform-translate-x: 2px !important;
  }

  .xs\:focus\:translate-x-3px:focus{
    --transform-translate-x: 3px !important;
  }

  .xs\:focus\:translate-x-5px:focus{
    --transform-translate-x: 5px !important;
  }

  .xs\:focus\:translate-x-10px:focus{
    --transform-translate-x: 10px !important;
  }

  .xs\:focus\:translate-x-15px:focus{
    --transform-translate-x: 15px !important;
  }

  .xs\:focus\:translate-x-20px:focus{
    --transform-translate-x: 20px !important;
  }

  .xs\:focus\:translate-x-25px:focus{
    --transform-translate-x: 25px !important;
  }

  .xs\:focus\:translate-x-30px:focus{
    --transform-translate-x: 30px !important;
  }

  .xs\:focus\:translate-x-36px:focus{
    --transform-translate-x: 36px !important;
  }

  .xs\:focus\:translate-x-50px:focus{
    --transform-translate-x: 50px !important;
  }

  .xs\:focus\:translate-x-60px:focus{
    --transform-translate-x: 60px !important;
  }

  .xs\:focus\:translate-x-120px:focus{
    --transform-translate-x: 120px !important;
  }

  .xs\:focus\:-translate-x-1:focus{
    --transform-translate-x: -0.25rem !important;
  }

  .xs\:focus\:-translate-x-2:focus{
    --transform-translate-x: -0.5rem !important;
  }

  .xs\:focus\:-translate-x-3:focus{
    --transform-translate-x: -0.75rem !important;
  }

  .xs\:focus\:-translate-x-4:focus{
    --transform-translate-x: -1rem !important;
  }

  .xs\:focus\:-translate-x-5:focus{
    --transform-translate-x: -1.25rem !important;
  }

  .xs\:focus\:-translate-x-6:focus{
    --transform-translate-x: -1.5rem !important;
  }

  .xs\:focus\:-translate-x-8:focus{
    --transform-translate-x: -2rem !important;
  }

  .xs\:focus\:-translate-x-10:focus{
    --transform-translate-x: -2.5rem !important;
  }

  .xs\:focus\:-translate-x-12:focus{
    --transform-translate-x: -3rem !important;
  }

  .xs\:focus\:-translate-x-16:focus{
    --transform-translate-x: -4rem !important;
  }

  .xs\:focus\:-translate-x-20:focus{
    --transform-translate-x: -5rem !important;
  }

  .xs\:focus\:-translate-x-24:focus{
    --transform-translate-x: -6rem !important;
  }

  .xs\:focus\:-translate-x-28:focus{
    --transform-translate-x: -7rem !important;
  }

  .xs\:focus\:-translate-x-32:focus{
    --transform-translate-x: -8rem !important;
  }

  .xs\:focus\:-translate-x-40:focus{
    --transform-translate-x: -10rem !important;
  }

  .xs\:focus\:-translate-x-48:focus{
    --transform-translate-x: -12rem !important;
  }

  .xs\:focus\:-translate-x-56:focus{
    --transform-translate-x: -14rem !important;
  }

  .xs\:focus\:-translate-x-64:focus{
    --transform-translate-x: -16rem !important;
  }

  .xs\:focus\:-translate-x-px:focus{
    --transform-translate-x: -1px !important;
  }

  .xs\:focus\:-translate-x-2px:focus{
    --transform-translate-x: -2px !important;
  }

  .xs\:focus\:-translate-x-3px:focus{
    --transform-translate-x: -3px !important;
  }

  .xs\:focus\:-translate-x-5px:focus{
    --transform-translate-x: -5px !important;
  }

  .xs\:focus\:-translate-x-10px:focus{
    --transform-translate-x: -10px !important;
  }

  .xs\:focus\:-translate-x-15px:focus{
    --transform-translate-x: -15px !important;
  }

  .xs\:focus\:-translate-x-20px:focus{
    --transform-translate-x: -20px !important;
  }

  .xs\:focus\:-translate-x-25px:focus{
    --transform-translate-x: -25px !important;
  }

  .xs\:focus\:-translate-x-30px:focus{
    --transform-translate-x: -30px !important;
  }

  .xs\:focus\:-translate-x-36px:focus{
    --transform-translate-x: -36px !important;
  }

  .xs\:focus\:-translate-x-50px:focus{
    --transform-translate-x: -50px !important;
  }

  .xs\:focus\:-translate-x-60px:focus{
    --transform-translate-x: -60px !important;
  }

  .xs\:focus\:-translate-x-120px:focus{
    --transform-translate-x: -120px !important;
  }

  .xs\:focus\:-translate-x-full:focus{
    --transform-translate-x: -100% !important;
  }

  .xs\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x: -50% !important;
  }

  .xs\:focus\:translate-x-1\/2:focus{
    --transform-translate-x: 50% !important;
  }

  .xs\:focus\:translate-x-full:focus{
    --transform-translate-x: 100% !important;
  }

  .xs\:focus\:translate-y-0:focus{
    --transform-translate-y: 0 !important;
  }

  .xs\:focus\:translate-y-1:focus{
    --transform-translate-y: 0.25rem !important;
  }

  .xs\:focus\:translate-y-2:focus{
    --transform-translate-y: 0.5rem !important;
  }

  .xs\:focus\:translate-y-3:focus{
    --transform-translate-y: 0.75rem !important;
  }

  .xs\:focus\:translate-y-4:focus{
    --transform-translate-y: 1rem !important;
  }

  .xs\:focus\:translate-y-5:focus{
    --transform-translate-y: 1.25rem !important;
  }

  .xs\:focus\:translate-y-6:focus{
    --transform-translate-y: 1.5rem !important;
  }

  .xs\:focus\:translate-y-8:focus{
    --transform-translate-y: 2rem !important;
  }

  .xs\:focus\:translate-y-10:focus{
    --transform-translate-y: 2.5rem !important;
  }

  .xs\:focus\:translate-y-12:focus{
    --transform-translate-y: 3rem !important;
  }

  .xs\:focus\:translate-y-16:focus{
    --transform-translate-y: 4rem !important;
  }

  .xs\:focus\:translate-y-20:focus{
    --transform-translate-y: 5rem !important;
  }

  .xs\:focus\:translate-y-24:focus{
    --transform-translate-y: 6rem !important;
  }

  .xs\:focus\:translate-y-28:focus{
    --transform-translate-y: 7rem !important;
  }

  .xs\:focus\:translate-y-32:focus{
    --transform-translate-y: 8rem !important;
  }

  .xs\:focus\:translate-y-40:focus{
    --transform-translate-y: 10rem !important;
  }

  .xs\:focus\:translate-y-48:focus{
    --transform-translate-y: 12rem !important;
  }

  .xs\:focus\:translate-y-56:focus{
    --transform-translate-y: 14rem !important;
  }

  .xs\:focus\:translate-y-64:focus{
    --transform-translate-y: 16rem !important;
  }

  .xs\:focus\:translate-y-px:focus{
    --transform-translate-y: 1px !important;
  }

  .xs\:focus\:translate-y-2px:focus{
    --transform-translate-y: 2px !important;
  }

  .xs\:focus\:translate-y-3px:focus{
    --transform-translate-y: 3px !important;
  }

  .xs\:focus\:translate-y-5px:focus{
    --transform-translate-y: 5px !important;
  }

  .xs\:focus\:translate-y-10px:focus{
    --transform-translate-y: 10px !important;
  }

  .xs\:focus\:translate-y-15px:focus{
    --transform-translate-y: 15px !important;
  }

  .xs\:focus\:translate-y-20px:focus{
    --transform-translate-y: 20px !important;
  }

  .xs\:focus\:translate-y-25px:focus{
    --transform-translate-y: 25px !important;
  }

  .xs\:focus\:translate-y-30px:focus{
    --transform-translate-y: 30px !important;
  }

  .xs\:focus\:translate-y-36px:focus{
    --transform-translate-y: 36px !important;
  }

  .xs\:focus\:translate-y-50px:focus{
    --transform-translate-y: 50px !important;
  }

  .xs\:focus\:translate-y-60px:focus{
    --transform-translate-y: 60px !important;
  }

  .xs\:focus\:translate-y-120px:focus{
    --transform-translate-y: 120px !important;
  }

  .xs\:focus\:-translate-y-1:focus{
    --transform-translate-y: -0.25rem !important;
  }

  .xs\:focus\:-translate-y-2:focus{
    --transform-translate-y: -0.5rem !important;
  }

  .xs\:focus\:-translate-y-3:focus{
    --transform-translate-y: -0.75rem !important;
  }

  .xs\:focus\:-translate-y-4:focus{
    --transform-translate-y: -1rem !important;
  }

  .xs\:focus\:-translate-y-5:focus{
    --transform-translate-y: -1.25rem !important;
  }

  .xs\:focus\:-translate-y-6:focus{
    --transform-translate-y: -1.5rem !important;
  }

  .xs\:focus\:-translate-y-8:focus{
    --transform-translate-y: -2rem !important;
  }

  .xs\:focus\:-translate-y-10:focus{
    --transform-translate-y: -2.5rem !important;
  }

  .xs\:focus\:-translate-y-12:focus{
    --transform-translate-y: -3rem !important;
  }

  .xs\:focus\:-translate-y-16:focus{
    --transform-translate-y: -4rem !important;
  }

  .xs\:focus\:-translate-y-20:focus{
    --transform-translate-y: -5rem !important;
  }

  .xs\:focus\:-translate-y-24:focus{
    --transform-translate-y: -6rem !important;
  }

  .xs\:focus\:-translate-y-28:focus{
    --transform-translate-y: -7rem !important;
  }

  .xs\:focus\:-translate-y-32:focus{
    --transform-translate-y: -8rem !important;
  }

  .xs\:focus\:-translate-y-40:focus{
    --transform-translate-y: -10rem !important;
  }

  .xs\:focus\:-translate-y-48:focus{
    --transform-translate-y: -12rem !important;
  }

  .xs\:focus\:-translate-y-56:focus{
    --transform-translate-y: -14rem !important;
  }

  .xs\:focus\:-translate-y-64:focus{
    --transform-translate-y: -16rem !important;
  }

  .xs\:focus\:-translate-y-px:focus{
    --transform-translate-y: -1px !important;
  }

  .xs\:focus\:-translate-y-2px:focus{
    --transform-translate-y: -2px !important;
  }

  .xs\:focus\:-translate-y-3px:focus{
    --transform-translate-y: -3px !important;
  }

  .xs\:focus\:-translate-y-5px:focus{
    --transform-translate-y: -5px !important;
  }

  .xs\:focus\:-translate-y-10px:focus{
    --transform-translate-y: -10px !important;
  }

  .xs\:focus\:-translate-y-15px:focus{
    --transform-translate-y: -15px !important;
  }

  .xs\:focus\:-translate-y-20px:focus{
    --transform-translate-y: -20px !important;
  }

  .xs\:focus\:-translate-y-25px:focus{
    --transform-translate-y: -25px !important;
  }

  .xs\:focus\:-translate-y-30px:focus{
    --transform-translate-y: -30px !important;
  }

  .xs\:focus\:-translate-y-36px:focus{
    --transform-translate-y: -36px !important;
  }

  .xs\:focus\:-translate-y-50px:focus{
    --transform-translate-y: -50px !important;
  }

  .xs\:focus\:-translate-y-60px:focus{
    --transform-translate-y: -60px !important;
  }

  .xs\:focus\:-translate-y-120px:focus{
    --transform-translate-y: -120px !important;
  }

  .xs\:focus\:-translate-y-full:focus{
    --transform-translate-y: -100% !important;
  }

  .xs\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y: -50% !important;
  }

  .xs\:focus\:translate-y-1\/2:focus{
    --transform-translate-y: 50% !important;
  }

  .xs\:focus\:translate-y-full:focus{
    --transform-translate-y: 100% !important;
  }

  .xs\:skew-x-0{
    --transform-skew-x: 0 !important;
  }

  .xs\:skew-x-1{
    --transform-skew-x: 1deg !important;
  }

  .xs\:skew-x-2{
    --transform-skew-x: 2deg !important;
  }

  .xs\:skew-x-3{
    --transform-skew-x: 3deg !important;
  }

  .xs\:skew-x-6{
    --transform-skew-x: 6deg !important;
  }

  .xs\:skew-x-12{
    --transform-skew-x: 12deg !important;
  }

  .xs\:-skew-x-12{
    --transform-skew-x: -12deg !important;
  }

  .xs\:-skew-x-6{
    --transform-skew-x: -6deg !important;
  }

  .xs\:-skew-x-3{
    --transform-skew-x: -3deg !important;
  }

  .xs\:-skew-x-2{
    --transform-skew-x: -2deg !important;
  }

  .xs\:-skew-x-1{
    --transform-skew-x: -1deg !important;
  }

  .xs\:skew-y-0{
    --transform-skew-y: 0 !important;
  }

  .xs\:skew-y-1{
    --transform-skew-y: 1deg !important;
  }

  .xs\:skew-y-2{
    --transform-skew-y: 2deg !important;
  }

  .xs\:skew-y-3{
    --transform-skew-y: 3deg !important;
  }

  .xs\:skew-y-6{
    --transform-skew-y: 6deg !important;
  }

  .xs\:skew-y-12{
    --transform-skew-y: 12deg !important;
  }

  .xs\:-skew-y-12{
    --transform-skew-y: -12deg !important;
  }

  .xs\:-skew-y-6{
    --transform-skew-y: -6deg !important;
  }

  .xs\:-skew-y-3{
    --transform-skew-y: -3deg !important;
  }

  .xs\:-skew-y-2{
    --transform-skew-y: -2deg !important;
  }

  .xs\:-skew-y-1{
    --transform-skew-y: -1deg !important;
  }

  .xs\:hover\:skew-x-0:hover{
    --transform-skew-x: 0 !important;
  }

  .xs\:hover\:skew-x-1:hover{
    --transform-skew-x: 1deg !important;
  }

  .xs\:hover\:skew-x-2:hover{
    --transform-skew-x: 2deg !important;
  }

  .xs\:hover\:skew-x-3:hover{
    --transform-skew-x: 3deg !important;
  }

  .xs\:hover\:skew-x-6:hover{
    --transform-skew-x: 6deg !important;
  }

  .xs\:hover\:skew-x-12:hover{
    --transform-skew-x: 12deg !important;
  }

  .xs\:hover\:-skew-x-12:hover{
    --transform-skew-x: -12deg !important;
  }

  .xs\:hover\:-skew-x-6:hover{
    --transform-skew-x: -6deg !important;
  }

  .xs\:hover\:-skew-x-3:hover{
    --transform-skew-x: -3deg !important;
  }

  .xs\:hover\:-skew-x-2:hover{
    --transform-skew-x: -2deg !important;
  }

  .xs\:hover\:-skew-x-1:hover{
    --transform-skew-x: -1deg !important;
  }

  .xs\:hover\:skew-y-0:hover{
    --transform-skew-y: 0 !important;
  }

  .xs\:hover\:skew-y-1:hover{
    --transform-skew-y: 1deg !important;
  }

  .xs\:hover\:skew-y-2:hover{
    --transform-skew-y: 2deg !important;
  }

  .xs\:hover\:skew-y-3:hover{
    --transform-skew-y: 3deg !important;
  }

  .xs\:hover\:skew-y-6:hover{
    --transform-skew-y: 6deg !important;
  }

  .xs\:hover\:skew-y-12:hover{
    --transform-skew-y: 12deg !important;
  }

  .xs\:hover\:-skew-y-12:hover{
    --transform-skew-y: -12deg !important;
  }

  .xs\:hover\:-skew-y-6:hover{
    --transform-skew-y: -6deg !important;
  }

  .xs\:hover\:-skew-y-3:hover{
    --transform-skew-y: -3deg !important;
  }

  .xs\:hover\:-skew-y-2:hover{
    --transform-skew-y: -2deg !important;
  }

  .xs\:hover\:-skew-y-1:hover{
    --transform-skew-y: -1deg !important;
  }

  .xs\:focus\:skew-x-0:focus{
    --transform-skew-x: 0 !important;
  }

  .xs\:focus\:skew-x-1:focus{
    --transform-skew-x: 1deg !important;
  }

  .xs\:focus\:skew-x-2:focus{
    --transform-skew-x: 2deg !important;
  }

  .xs\:focus\:skew-x-3:focus{
    --transform-skew-x: 3deg !important;
  }

  .xs\:focus\:skew-x-6:focus{
    --transform-skew-x: 6deg !important;
  }

  .xs\:focus\:skew-x-12:focus{
    --transform-skew-x: 12deg !important;
  }

  .xs\:focus\:-skew-x-12:focus{
    --transform-skew-x: -12deg !important;
  }

  .xs\:focus\:-skew-x-6:focus{
    --transform-skew-x: -6deg !important;
  }

  .xs\:focus\:-skew-x-3:focus{
    --transform-skew-x: -3deg !important;
  }

  .xs\:focus\:-skew-x-2:focus{
    --transform-skew-x: -2deg !important;
  }

  .xs\:focus\:-skew-x-1:focus{
    --transform-skew-x: -1deg !important;
  }

  .xs\:focus\:skew-y-0:focus{
    --transform-skew-y: 0 !important;
  }

  .xs\:focus\:skew-y-1:focus{
    --transform-skew-y: 1deg !important;
  }

  .xs\:focus\:skew-y-2:focus{
    --transform-skew-y: 2deg !important;
  }

  .xs\:focus\:skew-y-3:focus{
    --transform-skew-y: 3deg !important;
  }

  .xs\:focus\:skew-y-6:focus{
    --transform-skew-y: 6deg !important;
  }

  .xs\:focus\:skew-y-12:focus{
    --transform-skew-y: 12deg !important;
  }

  .xs\:focus\:-skew-y-12:focus{
    --transform-skew-y: -12deg !important;
  }

  .xs\:focus\:-skew-y-6:focus{
    --transform-skew-y: -6deg !important;
  }

  .xs\:focus\:-skew-y-3:focus{
    --transform-skew-y: -3deg !important;
  }

  .xs\:focus\:-skew-y-2:focus{
    --transform-skew-y: -2deg !important;
  }

  .xs\:focus\:-skew-y-1:focus{
    --transform-skew-y: -1deg !important;
  }

  .xs\:transition-0{
    -webkit-transition-property: hover !important;
    transition-property: hover !important;
  }

  .xs\:transition-1{
    -webkit-transition-property: focus !important;
    transition-property: focus !important;
  }

  .xs\:transition-none{
    -webkit-transition-property: none !important;
    transition-property: none !important;
  }

  .xs\:transition-all{
    -webkit-transition-property: all !important;
    transition-property: all !important;
  }

  .xs\:transition{
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform !important;
  }

  .xs\:transition-colors{
    -webkit-transition-property: background-color, border-color, color, fill, stroke !important;
    transition-property: background-color, border-color, color, fill, stroke !important;
  }

  .xs\:transition-opacity{
    -webkit-transition-property: opacity !important;
    transition-property: opacity !important;
  }

  .xs\:transition-shadow{
    -webkit-transition-property: -webkit-box-shadow !important;
    transition-property: -webkit-box-shadow !important;
    transition-property: box-shadow !important;
    transition-property: box-shadow, -webkit-box-shadow !important;
  }

  .xs\:transition-transform{
    -webkit-transition-property: -webkit-transform !important;
    transition-property: -webkit-transform !important;
    transition-property: transform !important;
    transition-property: transform, -webkit-transform !important;
  }

  .xs\:ease-linear{
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
  }

  .xs\:ease-in{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }

  .xs\:ease-out{
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }

  .xs\:ease-in-out{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .xs\:duration-75{
    -webkit-transition-duration: 75ms !important;
    transition-duration: 75ms !important;
  }

  .xs\:duration-100{
    -webkit-transition-duration: 100ms !important;
    transition-duration: 100ms !important;
  }

  .xs\:duration-150{
    -webkit-transition-duration: 150ms !important;
    transition-duration: 150ms !important;
  }

  .xs\:duration-200{
    -webkit-transition-duration: 200ms !important;
    transition-duration: 200ms !important;
  }

  .xs\:duration-300{
    -webkit-transition-duration: 300ms !important;
    transition-duration: 300ms !important;
  }

  .xs\:duration-500{
    -webkit-transition-duration: 500ms !important;
    transition-duration: 500ms !important;
  }

  .xs\:duration-700{
    -webkit-transition-duration: 700ms !important;
    transition-duration: 700ms !important;
  }

  .xs\:duration-1000{
    -webkit-transition-duration: 1000ms !important;
    transition-duration: 1000ms !important;
  }

  .xs\:delay-75{
    -webkit-transition-delay: 75ms !important;
    transition-delay: 75ms !important;
  }

  .xs\:delay-100{
    -webkit-transition-delay: 100ms !important;
    transition-delay: 100ms !important;
  }

  .xs\:delay-150{
    -webkit-transition-delay: 150ms !important;
    transition-delay: 150ms !important;
  }

  .xs\:delay-200{
    -webkit-transition-delay: 200ms !important;
    transition-delay: 200ms !important;
  }

  .xs\:delay-300{
    -webkit-transition-delay: 300ms !important;
    transition-delay: 300ms !important;
  }

  .xs\:delay-500{
    -webkit-transition-delay: 500ms !important;
    transition-delay: 500ms !important;
  }

  .xs\:delay-700{
    -webkit-transition-delay: 700ms !important;
    transition-delay: 700ms !important;
  }

  .xs\:delay-1000{
    -webkit-transition-delay: 1000ms !important;
    transition-delay: 1000ms !important;
  }

  .xs\:animate-none{
    -webkit-animation: none !important;
    animation: none !important;
  }

  .xs\:animate-spin{
    -webkit-animation: spin 1s linear infinite !important;
    animation: spin 1s linear infinite !important;
  }

  .xs\:animate-ping{
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  }

  .xs\:animate-pulse{
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }

  .xs\:animate-bounce{
    -webkit-animation: bounce 1s infinite !important;
    animation: bounce 1s infinite !important;
  }
}

@media (min-width: 1920px){
  .xxl\:container{
    width: 100%;
  }

  @media (min-width: 320px){
    .xxl\:container{
      max-width: 320px;
    }
  }

  @media (min-width: 360px){
    .xxl\:container{
      max-width: 360px;
    }
  }

  @media (min-width: 560px){
    .xxl\:container{
      max-width: 560px;
    }
  }

  @media (min-width: 768px){
    .xxl\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .xxl\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .xxl\:container{
      max-width: 1280px;
    }
  }

  @media (min-width: 1920px){
    .xxl\:container{
      max-width: 1920px;
    }
  }

  .xxl\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0px * var(--space-x-reverse)) !important;
    margin-left: calc(0px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.25rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.5rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(0.75rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1rem * var(--space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.25rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1.5rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2rem * var(--space-x-reverse)) !important;
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2.5rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3rem * var(--space-x-reverse)) !important;
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(4rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(4rem * var(--space-x-reverse)) !important;
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5rem * var(--space-x-reverse)) !important;
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(6rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(6rem * var(--space-x-reverse)) !important;
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(7rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(7rem * var(--space-x-reverse)) !important;
    margin-left: calc(7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(8rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(8rem * var(--space-x-reverse)) !important;
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10rem * var(--space-x-reverse)) !important;
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(12rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(12rem * var(--space-x-reverse)) !important;
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(14rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(14rem * var(--space-x-reverse)) !important;
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(16rem * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(16rem * var(--space-x-reverse)) !important;
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(1px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(1px * var(--space-x-reverse)) !important;
    margin-left: calc(1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(2px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(2px * var(--space-x-reverse)) !important;
    margin-left: calc(2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(3px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(3px * var(--space-x-reverse)) !important;
    margin-left: calc(3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(5px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(5px * var(--space-x-reverse)) !important;
    margin-left: calc(5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(10px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(10px * var(--space-x-reverse)) !important;
    margin-left: calc(10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(15px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(15px * var(--space-x-reverse)) !important;
    margin-left: calc(15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(20px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(20px * var(--space-x-reverse)) !important;
    margin-left: calc(20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(25px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(25px * var(--space-x-reverse)) !important;
    margin-left: calc(25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(30px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(30px * var(--space-x-reverse)) !important;
    margin-left: calc(30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(36px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(36px * var(--space-x-reverse)) !important;
    margin-left: calc(36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(50px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(50px * var(--space-x-reverse)) !important;
    margin-left: calc(50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(60px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(60px * var(--space-x-reverse)) !important;
    margin-left: calc(60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(120px * var(--space-y-reverse)) !important;
  }

  .xxl\:space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(120px * var(--space-x-reverse)) !important;
    margin-left: calc(120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.25rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.5rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-0.75rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-0.75rem * var(--space-x-reverse)) !important;
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.25rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.25rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1.5rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2.5rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2.5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3rem * var(--space-x-reverse)) !important;
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-4rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-4rem * var(--space-x-reverse)) !important;
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5rem * var(--space-x-reverse)) !important;
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-6rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-6rem * var(--space-x-reverse)) !important;
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-28 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-7rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-7rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-28 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-7rem * var(--space-x-reverse)) !important;
    margin-left: calc(-7rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-8rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-8rem * var(--space-x-reverse)) !important;
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10rem * var(--space-x-reverse)) !important;
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-12rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-12rem * var(--space-x-reverse)) !important;
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-14rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-14rem * var(--space-x-reverse)) !important;
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-16rem * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-16rem * var(--space-x-reverse)) !important;
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-1px * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-1px * var(--space-x-reverse)) !important;
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-2px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-2px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-2px * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-2px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-2px * var(--space-x-reverse)) !important;
    margin-left: calc(-2px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-3px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-3px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-3px * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-3px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-3px * var(--space-x-reverse)) !important;
    margin-left: calc(-3px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-5px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-5px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-5px * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-5px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-5px * var(--space-x-reverse)) !important;
    margin-left: calc(-5px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-10px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-10px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-10px * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-10px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-10px * var(--space-x-reverse)) !important;
    margin-left: calc(-10px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-15px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-15px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-15px * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-15px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-15px * var(--space-x-reverse)) !important;
    margin-left: calc(-15px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-20px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-20px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-20px * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-20px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-20px * var(--space-x-reverse)) !important;
    margin-left: calc(-20px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-25px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-25px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-25px * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-25px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-25px * var(--space-x-reverse)) !important;
    margin-left: calc(-25px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-30px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-30px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-30px * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-30px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-30px * var(--space-x-reverse)) !important;
    margin-left: calc(-30px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-36px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-36px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-36px * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-36px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-36px * var(--space-x-reverse)) !important;
    margin-left: calc(-36px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-50px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-50px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-50px * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-50px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-50px * var(--space-x-reverse)) !important;
    margin-left: calc(-50px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-60px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-60px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-60px * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-60px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-60px * var(--space-x-reverse)) !important;
    margin-left: calc(-60px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:-space-y-120px > :not(template) ~ :not(template){
    --space-y-reverse: 0 !important;
    margin-top: calc(-120px * calc(1 - var(--space-y-reverse))) !important;
    margin-bottom: calc(-120px * var(--space-y-reverse)) !important;
  }

  .xxl\:-space-x-120px > :not(template) ~ :not(template){
    --space-x-reverse: 0 !important;
    margin-right: calc(-120px * var(--space-x-reverse)) !important;
    margin-left: calc(-120px * calc(1 - var(--space-x-reverse))) !important;
  }

  .xxl\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1 !important;
  }

  .xxl\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1 !important;
  }

  .xxl\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(0px * var(--divide-y-reverse)) !important;
  }

  .xxl\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(0px * var(--divide-x-reverse)) !important;
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xxl\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(2px * var(--divide-y-reverse)) !important;
  }

  .xxl\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(2px * var(--divide-x-reverse)) !important;
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xxl\:divide-y-3 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(3px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(3px * var(--divide-y-reverse)) !important;
  }

  .xxl\:divide-x-3 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(3px * var(--divide-x-reverse)) !important;
    border-left-width: calc(3px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xxl\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(4px * var(--divide-y-reverse)) !important;
  }

  .xxl\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(4px * var(--divide-x-reverse)) !important;
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xxl\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(8px * var(--divide-y-reverse)) !important;
  }

  .xxl\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(8px * var(--divide-x-reverse)) !important;
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xxl\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0 !important;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))) !important;
    border-bottom-width: calc(1px * var(--divide-y-reverse)) !important;
  }

  .xxl\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))) !important;
  }

  .xxl\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1 !important;
  }

  .xxl\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1 !important;
  }

  .xxl\:divide-transparent > :not(template) ~ :not(template){
    border-color: transparent !important;
  }

  .xxl\:divide-current > :not(template) ~ :not(template){
    border-color: currentColor !important;
  }

  .xxl\:divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important;
  }

  .xxl\:divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important;
  }

  .xxl\:divide-red > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--divide-opacity)) !important;
  }

  .xxl\:divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important;
  }

  .xxl\:divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important;
  }

  .xxl\:divide-orange-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important;
  }

  .xxl\:divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important;
  }

  .xxl\:divide-orange-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important;
  }

  .xxl\:divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important;
  }

  .xxl\:divide-orange-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important;
  }

  .xxl\:divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important;
  }

  .xxl\:divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important;
  }

  .xxl\:divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important;
  }

  .xxl\:divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important;
  }

  .xxl\:divide-yellow-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important;
  }

  .xxl\:divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important;
  }

  .xxl\:divide-yellow-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important;
  }

  .xxl\:divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important;
  }

  .xxl\:divide-yellow-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important;
  }

  .xxl\:divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important;
  }

  .xxl\:divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important;
  }

  .xxl\:divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important;
  }

  .xxl\:divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important;
  }

  .xxl\:divide-green-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important;
  }

  .xxl\:divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important;
  }

  .xxl\:divide-green-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important;
  }

  .xxl\:divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important;
  }

  .xxl\:divide-green-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important;
  }

  .xxl\:divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important;
  }

  .xxl\:divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important;
  }

  .xxl\:divide-teal-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important;
  }

  .xxl\:divide-teal-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important;
  }

  .xxl\:divide-teal-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important;
  }

  .xxl\:divide-teal-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important;
  }

  .xxl\:divide-teal-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important;
  }

  .xxl\:divide-teal-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important;
  }

  .xxl\:divide-teal-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important;
  }

  .xxl\:divide-teal-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important;
  }

  .xxl\:divide-teal-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important;
  }

  .xxl\:divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important;
  }

  .xxl\:divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important;
  }

  .xxl\:divide-blue-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important;
  }

  .xxl\:divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important;
  }

  .xxl\:divide-blue-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important;
  }

  .xxl\:divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important;
  }

  .xxl\:divide-blue-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important;
  }

  .xxl\:divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important;
  }

  .xxl\:divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important;
  }

  .xxl\:divide-indigo-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important;
  }

  .xxl\:divide-indigo-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important;
  }

  .xxl\:divide-indigo-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important;
  }

  .xxl\:divide-indigo-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important;
  }

  .xxl\:divide-indigo-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important;
  }

  .xxl\:divide-indigo-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important;
  }

  .xxl\:divide-indigo-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important;
  }

  .xxl\:divide-indigo-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important;
  }

  .xxl\:divide-indigo-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important;
  }

  .xxl\:divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important;
  }

  .xxl\:divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important;
  }

  .xxl\:divide-purple-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important;
  }

  .xxl\:divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important;
  }

  .xxl\:divide-purple-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important;
  }

  .xxl\:divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important;
  }

  .xxl\:divide-purple-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important;
  }

  .xxl\:divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important;
  }

  .xxl\:divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important;
  }

  .xxl\:divide-pink-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important;
  }

  .xxl\:divide-pink-200 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important;
  }

  .xxl\:divide-pink-300 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important;
  }

  .xxl\:divide-pink-400 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important;
  }

  .xxl\:divide-pink-500 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important;
  }

  .xxl\:divide-pink-600 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important;
  }

  .xxl\:divide-pink-700 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important;
  }

  .xxl\:divide-pink-800 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important;
  }

  .xxl\:divide-pink-900 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important;
  }

  .xxl\:divide-primary-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .xxl\:divide-primary-hover-color > :not(template) ~ :not(template){
    border-color: var(--hover-color) !important;
  }

  .xxl\:divide-gray-body > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-333 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-666 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-888 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-999 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-icon > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-features > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--divide-opacity)) !important;
  }

  .xxl\:divide-slide-border > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--divide-opacity)) !important;
  }

  .xxl\:divide-sale-color > :not(template) ~ :not(template){
    border-color: var(--primary-color) !important;
  }

  .xxl\:divide-hit-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--divide-opacity)) !important;
  }

  .xxl\:divide-new-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--divide-opacity)) !important;
  }

  .xxl\:divide-fb-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--divide-opacity)) !important;
  }

  .xxl\:divide-fb-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--divide-opacity)) !important;
  }

  .xxl\:divide-vk-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--divide-opacity)) !important;
  }

  .xxl\:divide-vk-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--divide-opacity)) !important;
  }

  .xxl\:divide-insta-hover-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--divide-opacity)) !important;
  }

  .xxl\:divide-insta-active-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-dc > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-cd > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--divide-opacity)) !important;
  }

  .xxl\:divide-gray-e7 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--divide-opacity)) !important;
  }

  .xxl\:divide-check-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--divide-opacity)) !important;
  }

  .xxl\:divide-docx-color > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--divide-opacity)) !important;
  }

  .xxl\:divide-dark-black > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--divide-opacity)) !important;
  }

  .xxl\:divide-green-light > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--divide-opacity)) !important;
  }

  .xxl\:divide-solid > :not(template) ~ :not(template){
    border-style: solid !important;
  }

  .xxl\:divide-dashed > :not(template) ~ :not(template){
    border-style: dashed !important;
  }

  .xxl\:divide-dotted > :not(template) ~ :not(template){
    border-style: dotted !important;
  }

  .xxl\:divide-double > :not(template) ~ :not(template){
    border-style: double !important;
  }

  .xxl\:divide-none > :not(template) ~ :not(template){
    border-style: none !important;
  }

  .xxl\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0 !important;
  }

  .xxl\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25 !important;
  }

  .xxl\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5 !important;
  }

  .xxl\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75 !important;
  }

  .xxl\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1 !important;
  }

  .xxl\:sr-only{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .xxl\:not-sr-only{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .xxl\:focus\:sr-only:focus{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }

  .xxl\:focus\:not-sr-only:focus{
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
  }

  .xxl\:appearance-none{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
  }

  .xxl\:bg-fixed{
    background-attachment: fixed !important;
  }

  .xxl\:bg-local{
    background-attachment: local !important;
  }

  .xxl\:bg-scroll{
    background-attachment: scroll !important;
  }

  .xxl\:bg-clip-border{
    background-clip: border-box !important;
  }

  .xxl\:bg-clip-padding{
    background-clip: padding-box !important;
  }

  .xxl\:bg-clip-content{
    background-clip: content-box !important;
  }

  .xxl\:bg-clip-text{
    -webkit-background-clip: text !important;
    background-clip: text !important;
  }

  .xxl\:bg-transparent{
    background-color: transparent !important;
  }

  .xxl\:bg-current{
    background-color: currentColor !important;
  }

  .xxl\:bg-black{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xxl\:bg-white{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-100{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-200{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-300{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-400{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-500{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-600{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-700{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-800{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-900{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .xxl\:bg-red{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .xxl\:bg-orange-100{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .xxl\:bg-orange-200{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .xxl\:bg-orange-300{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .xxl\:bg-orange-400{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .xxl\:bg-orange-500{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .xxl\:bg-orange-600{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .xxl\:bg-orange-700{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .xxl\:bg-orange-800{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .xxl\:bg-orange-900{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .xxl\:bg-yellow-100{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .xxl\:bg-yellow-200{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .xxl\:bg-yellow-300{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .xxl\:bg-yellow-400{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .xxl\:bg-yellow-500{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .xxl\:bg-yellow-600{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .xxl\:bg-yellow-700{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .xxl\:bg-yellow-800{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .xxl\:bg-yellow-900{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .xxl\:bg-green-100{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .xxl\:bg-green-200{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .xxl\:bg-green-300{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .xxl\:bg-green-400{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .xxl\:bg-green-500{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .xxl\:bg-green-600{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .xxl\:bg-green-700{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .xxl\:bg-green-800{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .xxl\:bg-green-900{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .xxl\:bg-teal-100{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .xxl\:bg-teal-200{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .xxl\:bg-teal-300{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .xxl\:bg-teal-400{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .xxl\:bg-teal-500{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .xxl\:bg-teal-600{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .xxl\:bg-teal-700{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .xxl\:bg-teal-800{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .xxl\:bg-teal-900{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .xxl\:bg-blue-100{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .xxl\:bg-blue-200{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .xxl\:bg-blue-300{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .xxl\:bg-blue-400{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .xxl\:bg-blue-500{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .xxl\:bg-blue-600{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .xxl\:bg-blue-700{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .xxl\:bg-blue-800{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .xxl\:bg-blue-900{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .xxl\:bg-indigo-100{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .xxl\:bg-indigo-200{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .xxl\:bg-indigo-300{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .xxl\:bg-indigo-400{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .xxl\:bg-indigo-500{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .xxl\:bg-indigo-600{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .xxl\:bg-indigo-700{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .xxl\:bg-indigo-800{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .xxl\:bg-indigo-900{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .xxl\:bg-purple-100{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .xxl\:bg-purple-200{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .xxl\:bg-purple-300{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .xxl\:bg-purple-400{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .xxl\:bg-purple-500{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .xxl\:bg-purple-600{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .xxl\:bg-purple-700{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .xxl\:bg-purple-800{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .xxl\:bg-purple-900{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .xxl\:bg-pink-100{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .xxl\:bg-pink-200{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .xxl\:bg-pink-300{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .xxl\:bg-pink-400{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .xxl\:bg-pink-500{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .xxl\:bg-pink-600{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .xxl\:bg-pink-700{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .xxl\:bg-pink-800{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .xxl\:bg-pink-900{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .xxl\:bg-primary-color{
    background-color: var(--primary-color) !important;
  }

  .xxl\:bg-primary-hover-color{
    background-color: var(--hover-color) !important;
  }

  .xxl\:bg-gray-body{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-light{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-333{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-666{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-888{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-999{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-icon{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-features{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .xxl\:bg-slide-border{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .xxl\:bg-sale-color{
    background-color: var(--primary-color) !important;
  }

  .xxl\:bg-hit-color{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .xxl\:bg-new-color{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .xxl\:bg-fb-hover-color{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .xxl\:bg-fb-active-color{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .xxl\:bg-vk-hover-color{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .xxl\:bg-vk-active-color{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .xxl\:bg-insta-hover-color{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .xxl\:bg-insta-active-color{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-dc{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-cd{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .xxl\:bg-gray-e7{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .xxl\:bg-check-color{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .xxl\:bg-docx-color{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .xxl\:bg-dark-black{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .xxl\:bg-green-light{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-transparent:hover{
    background-color: transparent !important;
  }

  .xxl\:hover\:bg-current:hover{
    background-color: currentColor !important;
  }

  .xxl\:hover\:bg-black:hover{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-white:hover{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-200:hover{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-300:hover{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-400:hover{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-500:hover{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-600:hover{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-900:hover{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-red:hover{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-orange-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-orange-200:hover{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-orange-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-orange-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-orange-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-orange-600:hover{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-orange-700:hover{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-orange-800:hover{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-orange-900:hover{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-yellow-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-yellow-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-yellow-300:hover{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-yellow-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-yellow-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-yellow-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-yellow-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-yellow-800:hover{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-yellow-900:hover{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-green-100:hover{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-green-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-green-300:hover{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-green-400:hover{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-green-500:hover{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-green-600:hover{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-green-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-green-800:hover{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-green-900:hover{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-teal-100:hover{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-teal-200:hover{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-teal-300:hover{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-teal-400:hover{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-teal-500:hover{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-teal-600:hover{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-teal-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-teal-800:hover{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-teal-900:hover{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-blue-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-blue-200:hover{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-blue-300:hover{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-blue-400:hover{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-blue-500:hover{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-blue-600:hover{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-blue-700:hover{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-blue-800:hover{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-blue-900:hover{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-indigo-100:hover{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-indigo-200:hover{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-indigo-300:hover{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-indigo-400:hover{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-indigo-500:hover{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-indigo-600:hover{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-indigo-700:hover{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-indigo-800:hover{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-indigo-900:hover{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-purple-100:hover{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-purple-200:hover{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-purple-300:hover{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-purple-400:hover{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-purple-500:hover{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-purple-600:hover{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-purple-700:hover{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-purple-800:hover{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-purple-900:hover{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-pink-100:hover{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-pink-200:hover{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-pink-300:hover{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-pink-400:hover{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-pink-500:hover{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-pink-600:hover{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-pink-700:hover{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-pink-800:hover{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-pink-900:hover{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-primary-color:hover{
    background-color: var(--primary-color) !important;
  }

  .xxl\:hover\:bg-primary-hover-color:hover{
    background-color: var(--hover-color) !important;
  }

  .xxl\:hover\:bg-gray-body:hover{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-light:hover{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-333:hover{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-666:hover{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-888:hover{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-999:hover{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-icon:hover{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-features:hover{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-slide-border:hover{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-sale-color:hover{
    background-color: var(--primary-color) !important;
  }

  .xxl\:hover\:bg-hit-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-new-color:hover{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-fb-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-fb-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-vk-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-vk-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-insta-hover-color:hover{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-insta-active-color:hover{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-dc:hover{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-cd:hover{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-gray-e7:hover{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-check-color:hover{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-docx-color:hover{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-dark-black:hover{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .xxl\:hover\:bg-green-light:hover{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-transparent:focus{
    background-color: transparent !important;
  }

  .xxl\:focus\:bg-current:focus{
    background-color: currentColor !important;
  }

  .xxl\:focus\:bg-black:focus{
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-white:focus{
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-200:focus{
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-300:focus{
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-400:focus{
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-500:focus{
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-600:focus{
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-900:focus{
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-red:focus{
    --bg-opacity: 1 !important;
    background-color: #cc0a0a !important;
    background-color: rgba(204, 10, 10, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-orange-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-orange-200:focus{
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-orange-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-orange-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-orange-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-orange-600:focus{
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-orange-700:focus{
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-orange-800:focus{
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-orange-900:focus{
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-yellow-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fffff0 !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-yellow-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-yellow-300:focus{
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-yellow-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-yellow-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-yellow-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-yellow-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-yellow-800:focus{
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-yellow-900:focus{
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-green-100:focus{
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-green-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-green-300:focus{
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-green-400:focus{
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-green-500:focus{
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-green-600:focus{
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-green-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-green-800:focus{
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-green-900:focus{
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-teal-100:focus{
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-teal-200:focus{
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-teal-300:focus{
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-teal-400:focus{
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-teal-500:focus{
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-teal-600:focus{
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-teal-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-teal-800:focus{
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-teal-900:focus{
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-blue-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-blue-200:focus{
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-blue-300:focus{
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-blue-400:focus{
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-blue-500:focus{
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-blue-600:focus{
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-blue-700:focus{
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-blue-800:focus{
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-blue-900:focus{
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-indigo-100:focus{
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-indigo-200:focus{
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-indigo-300:focus{
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-indigo-400:focus{
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-indigo-500:focus{
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-indigo-600:focus{
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-indigo-700:focus{
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-indigo-800:focus{
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-indigo-900:focus{
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-purple-100:focus{
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-purple-200:focus{
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-purple-300:focus{
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-purple-400:focus{
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-purple-500:focus{
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-purple-600:focus{
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-purple-700:focus{
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-purple-800:focus{
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-purple-900:focus{
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-pink-100:focus{
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-pink-200:focus{
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-pink-300:focus{
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-pink-400:focus{
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-pink-500:focus{
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-pink-600:focus{
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-pink-700:focus{
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-pink-800:focus{
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-pink-900:focus{
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-primary-color:focus{
    background-color: var(--primary-color) !important;
  }

  .xxl\:focus\:bg-primary-hover-color:focus{
    background-color: var(--hover-color) !important;
  }

  .xxl\:focus\:bg-gray-body:focus{
    --bg-opacity: 1 !important;
    background-color: #f2f2f2 !important;
    background-color: rgba(242, 242, 242, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-light:focus{
    --bg-opacity: 1 !important;
    background-color: #ccc !important;
    background-color: rgba(204, 204, 204, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-333:focus{
    --bg-opacity: 1 !important;
    background-color: #333 !important;
    background-color: rgba(51, 51, 51, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-666:focus{
    --bg-opacity: 1 !important;
    background-color: #666 !important;
    background-color: rgba(102, 102, 102, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-888:focus{
    --bg-opacity: 1 !important;
    background-color: #888 !important;
    background-color: rgba(136, 136, 136, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-999:focus{
    --bg-opacity: 1 !important;
    background-color: #999 !important;
    background-color: rgba(153, 153, 153, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-icon:focus{
    --bg-opacity: 1 !important;
    background-color: #9a9a9a !important;
    background-color: rgba(154, 154, 154, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-features:focus{
    --bg-opacity: 1 !important;
    background-color: #f5f5f5 !important;
    background-color: rgba(245, 245, 245, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-slide-border:focus{
    --bg-opacity: 1 !important;
    background-color: #e1e1e1 !important;
    background-color: rgba(225, 225, 225, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-sale-color:focus{
    background-color: var(--primary-color) !important;
  }

  .xxl\:focus\:bg-hit-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ff9900 !important;
    background-color: rgba(255, 153, 0, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-new-color:focus{
    --bg-opacity: 1 !important;
    background-color: #0fa3c6 !important;
    background-color: rgba(15, 163, 198, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-fb-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #5959d8 !important;
    background-color: rgba(89, 89, 216, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-fb-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #4040b3 !important;
    background-color: rgba(64, 64, 179, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-vk-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #628dd3 !important;
    background-color: rgba(98, 141, 211, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-vk-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #3768b9 !important;
    background-color: rgba(55, 104, 185, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-insta-hover-color:focus{
    --bg-opacity: 1 !important;
    background-color: #af35d2 !important;
    background-color: rgba(175, 53, 210, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-insta-active-color:focus{
    --bg-opacity: 1 !important;
    background-color: #7e47b7 !important;
    background-color: rgba(126, 71, 183, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-dc:focus{
    --bg-opacity: 1 !important;
    background-color: #dcdcdc !important;
    background-color: rgba(220, 220, 220, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-cd:focus{
    --bg-opacity: 1 !important;
    background-color: #cdcdcd !important;
    background-color: rgba(205, 205, 205, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-gray-e7:focus{
    --bg-opacity: 1 !important;
    background-color: #e7e7e7 !important;
    background-color: rgba(231, 231, 231, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-check-color:focus{
    --bg-opacity: 1 !important;
    background-color: #ce3a12 !important;
    background-color: rgba(206, 58, 18, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-docx-color:focus{
    --bg-opacity: 1 !important;
    background-color: #1789e9 !important;
    background-color: rgba(23, 137, 233, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-dark-black:focus{
    --bg-opacity: 1 !important;
    background-color: #010101 !important;
    background-color: rgba(1, 1, 1, var(--bg-opacity)) !important;
  }

  .xxl\:focus\:bg-green-light:focus{
    --bg-opacity: 1 !important;
    background-color: #3ab011 !important;
    background-color: rgba(58, 176, 17, var(--bg-opacity)) !important;
  }

  .xxl\:bg-none{
    background-image: none !important;
  }

  .xxl\:bg-gradient-to-t{
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top, var(--gradient-color-stops)) !important;
  }

  .xxl\:bg-gradient-to-tr{
    background-image: -webkit-gradient(linear, left bottom, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top right, var(--gradient-color-stops)) !important;
  }

  .xxl\:bg-gradient-to-r{
    background-image: -webkit-gradient(linear, left top, right top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to right, var(--gradient-color-stops)) !important;
  }

  .xxl\:bg-gradient-to-br{
    background-image: -webkit-gradient(linear, left top, right bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops)) !important;
  }

  .xxl\:bg-gradient-to-b{
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom, var(--gradient-color-stops)) !important;
  }

  .xxl\:bg-gradient-to-bl{
    background-image: -webkit-gradient(linear, right top, left bottom, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops)) !important;
  }

  .xxl\:bg-gradient-to-l{
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to left, var(--gradient-color-stops)) !important;
  }

  .xxl\:bg-gradient-to-tl{
    background-image: -webkit-gradient(linear, right bottom, left top, from(var(--gradient-color-stops))) !important;
    background-image: linear-gradient(to top left, var(--gradient-color-stops)) !important;
  }

  .xxl\:from-transparent{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxl\:from-current{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:from-black{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxl\:from-white{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:from-gray-100{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xxl\:from-gray-200{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xxl\:from-gray-300{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xxl\:from-gray-400{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xxl\:from-gray-500{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xxl\:from-gray-600{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xxl\:from-gray-700{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xxl\:from-gray-800{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xxl\:from-gray-900{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xxl\:from-red{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xxl\:from-orange-100{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xxl\:from-orange-200{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xxl\:from-orange-300{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xxl\:from-orange-400{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xxl\:from-orange-500{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xxl\:from-orange-600{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xxl\:from-orange-700{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xxl\:from-orange-800{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xxl\:from-orange-900{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xxl\:from-yellow-100{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xxl\:from-yellow-200{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xxl\:from-yellow-300{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xxl\:from-yellow-400{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xxl\:from-yellow-500{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xxl\:from-yellow-600{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xxl\:from-yellow-700{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xxl\:from-yellow-800{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xxl\:from-yellow-900{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xxl\:from-green-100{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xxl\:from-green-200{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xxl\:from-green-300{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xxl\:from-green-400{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xxl\:from-green-500{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xxl\:from-green-600{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xxl\:from-green-700{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xxl\:from-green-800{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xxl\:from-green-900{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xxl\:from-teal-100{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xxl\:from-teal-200{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xxl\:from-teal-300{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xxl\:from-teal-400{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xxl\:from-teal-500{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xxl\:from-teal-600{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xxl\:from-teal-700{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xxl\:from-teal-800{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xxl\:from-teal-900{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xxl\:from-blue-100{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xxl\:from-blue-200{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xxl\:from-blue-300{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xxl\:from-blue-400{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xxl\:from-blue-500{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xxl\:from-blue-600{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xxl\:from-blue-700{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xxl\:from-blue-800{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xxl\:from-blue-900{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xxl\:from-indigo-100{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xxl\:from-indigo-200{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xxl\:from-indigo-300{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xxl\:from-indigo-400{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xxl\:from-indigo-500{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xxl\:from-indigo-600{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xxl\:from-indigo-700{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xxl\:from-indigo-800{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xxl\:from-indigo-900{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xxl\:from-purple-100{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xxl\:from-purple-200{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xxl\:from-purple-300{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xxl\:from-purple-400{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xxl\:from-purple-500{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xxl\:from-purple-600{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xxl\:from-purple-700{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xxl\:from-purple-800{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xxl\:from-purple-900{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xxl\:from-pink-100{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xxl\:from-pink-200{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xxl\:from-pink-300{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xxl\:from-pink-400{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xxl\:from-pink-500{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xxl\:from-pink-600{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xxl\:from-pink-700{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xxl\:from-pink-800{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xxl\:from-pink-900{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xxl\:from-primary-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:from-primary-hover-color{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:from-gray-body{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xxl\:from-gray-light{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xxl\:from-gray-333{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xxl\:from-gray-666{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xxl\:from-gray-888{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xxl\:from-gray-999{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xxl\:from-gray-icon{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xxl\:from-gray-features{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xxl\:from-slide-border{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xxl\:from-sale-color{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:from-hit-color{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xxl\:from-new-color{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xxl\:from-fb-hover-color{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xxl\:from-fb-active-color{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xxl\:from-vk-hover-color{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xxl\:from-vk-active-color{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xxl\:from-insta-hover-color{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xxl\:from-insta-active-color{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xxl\:from-gray-dc{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xxl\:from-gray-cd{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xxl\:from-gray-e7{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xxl\:from-check-color{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xxl\:from-docx-color{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xxl\:from-dark-black{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xxl\:from-green-light{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xxl\:via-transparent{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxl\:via-current{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:via-black{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxl\:via-white{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:via-gray-100{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xxl\:via-gray-200{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xxl\:via-gray-300{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xxl\:via-gray-400{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xxl\:via-gray-500{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xxl\:via-gray-600{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xxl\:via-gray-700{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xxl\:via-gray-800{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xxl\:via-gray-900{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xxl\:via-red{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xxl\:via-orange-100{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xxl\:via-orange-200{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xxl\:via-orange-300{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xxl\:via-orange-400{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xxl\:via-orange-500{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xxl\:via-orange-600{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xxl\:via-orange-700{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xxl\:via-orange-800{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xxl\:via-orange-900{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xxl\:via-yellow-100{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xxl\:via-yellow-200{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xxl\:via-yellow-300{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xxl\:via-yellow-400{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xxl\:via-yellow-500{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xxl\:via-yellow-600{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xxl\:via-yellow-700{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xxl\:via-yellow-800{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xxl\:via-yellow-900{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xxl\:via-green-100{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xxl\:via-green-200{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xxl\:via-green-300{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xxl\:via-green-400{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xxl\:via-green-500{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xxl\:via-green-600{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xxl\:via-green-700{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xxl\:via-green-800{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xxl\:via-green-900{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xxl\:via-teal-100{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xxl\:via-teal-200{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xxl\:via-teal-300{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xxl\:via-teal-400{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xxl\:via-teal-500{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xxl\:via-teal-600{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xxl\:via-teal-700{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xxl\:via-teal-800{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xxl\:via-teal-900{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xxl\:via-blue-100{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xxl\:via-blue-200{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xxl\:via-blue-300{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xxl\:via-blue-400{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xxl\:via-blue-500{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xxl\:via-blue-600{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xxl\:via-blue-700{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xxl\:via-blue-800{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xxl\:via-blue-900{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xxl\:via-indigo-100{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xxl\:via-indigo-200{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xxl\:via-indigo-300{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xxl\:via-indigo-400{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xxl\:via-indigo-500{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xxl\:via-indigo-600{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xxl\:via-indigo-700{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xxl\:via-indigo-800{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xxl\:via-indigo-900{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xxl\:via-purple-100{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xxl\:via-purple-200{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xxl\:via-purple-300{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xxl\:via-purple-400{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xxl\:via-purple-500{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xxl\:via-purple-600{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xxl\:via-purple-700{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xxl\:via-purple-800{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xxl\:via-purple-900{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xxl\:via-pink-100{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xxl\:via-pink-200{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xxl\:via-pink-300{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xxl\:via-pink-400{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xxl\:via-pink-500{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xxl\:via-pink-600{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xxl\:via-pink-700{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xxl\:via-pink-800{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xxl\:via-pink-900{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xxl\:via-primary-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:via-primary-hover-color{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:via-gray-body{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xxl\:via-gray-light{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xxl\:via-gray-333{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xxl\:via-gray-666{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xxl\:via-gray-888{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xxl\:via-gray-999{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xxl\:via-gray-icon{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xxl\:via-gray-features{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xxl\:via-slide-border{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xxl\:via-sale-color{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:via-hit-color{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xxl\:via-new-color{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xxl\:via-fb-hover-color{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xxl\:via-fb-active-color{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xxl\:via-vk-hover-color{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xxl\:via-vk-active-color{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xxl\:via-insta-hover-color{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xxl\:via-insta-active-color{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xxl\:via-gray-dc{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xxl\:via-gray-cd{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xxl\:via-gray-e7{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xxl\:via-check-color{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xxl\:via-docx-color{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xxl\:via-dark-black{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xxl\:via-green-light{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xxl\:to-transparent{
    --gradient-to-color: transparent !important;
  }

  .xxl\:to-current{
    --gradient-to-color: currentColor !important;
  }

  .xxl\:to-black{
    --gradient-to-color: #000 !important;
  }

  .xxl\:to-white{
    --gradient-to-color: #fff !important;
  }

  .xxl\:to-gray-100{
    --gradient-to-color: #f7fafc !important;
  }

  .xxl\:to-gray-200{
    --gradient-to-color: #edf2f7 !important;
  }

  .xxl\:to-gray-300{
    --gradient-to-color: #e2e8f0 !important;
  }

  .xxl\:to-gray-400{
    --gradient-to-color: #cbd5e0 !important;
  }

  .xxl\:to-gray-500{
    --gradient-to-color: #a0aec0 !important;
  }

  .xxl\:to-gray-600{
    --gradient-to-color: #718096 !important;
  }

  .xxl\:to-gray-700{
    --gradient-to-color: #4a5568 !important;
  }

  .xxl\:to-gray-800{
    --gradient-to-color: #2d3748 !important;
  }

  .xxl\:to-gray-900{
    --gradient-to-color: #1a202c !important;
  }

  .xxl\:to-red{
    --gradient-to-color: #cc0a0a !important;
  }

  .xxl\:to-orange-100{
    --gradient-to-color: #fffaf0 !important;
  }

  .xxl\:to-orange-200{
    --gradient-to-color: #feebc8 !important;
  }

  .xxl\:to-orange-300{
    --gradient-to-color: #fbd38d !important;
  }

  .xxl\:to-orange-400{
    --gradient-to-color: #f6ad55 !important;
  }

  .xxl\:to-orange-500{
    --gradient-to-color: #ed8936 !important;
  }

  .xxl\:to-orange-600{
    --gradient-to-color: #dd6b20 !important;
  }

  .xxl\:to-orange-700{
    --gradient-to-color: #c05621 !important;
  }

  .xxl\:to-orange-800{
    --gradient-to-color: #9c4221 !important;
  }

  .xxl\:to-orange-900{
    --gradient-to-color: #7b341e !important;
  }

  .xxl\:to-yellow-100{
    --gradient-to-color: #fffff0 !important;
  }

  .xxl\:to-yellow-200{
    --gradient-to-color: #fefcbf !important;
  }

  .xxl\:to-yellow-300{
    --gradient-to-color: #faf089 !important;
  }

  .xxl\:to-yellow-400{
    --gradient-to-color: #f6e05e !important;
  }

  .xxl\:to-yellow-500{
    --gradient-to-color: #ecc94b !important;
  }

  .xxl\:to-yellow-600{
    --gradient-to-color: #d69e2e !important;
  }

  .xxl\:to-yellow-700{
    --gradient-to-color: #b7791f !important;
  }

  .xxl\:to-yellow-800{
    --gradient-to-color: #975a16 !important;
  }

  .xxl\:to-yellow-900{
    --gradient-to-color: #744210 !important;
  }

  .xxl\:to-green-100{
    --gradient-to-color: #f0fff4 !important;
  }

  .xxl\:to-green-200{
    --gradient-to-color: #c6f6d5 !important;
  }

  .xxl\:to-green-300{
    --gradient-to-color: #9ae6b4 !important;
  }

  .xxl\:to-green-400{
    --gradient-to-color: #68d391 !important;
  }

  .xxl\:to-green-500{
    --gradient-to-color: #48bb78 !important;
  }

  .xxl\:to-green-600{
    --gradient-to-color: #38a169 !important;
  }

  .xxl\:to-green-700{
    --gradient-to-color: #2f855a !important;
  }

  .xxl\:to-green-800{
    --gradient-to-color: #276749 !important;
  }

  .xxl\:to-green-900{
    --gradient-to-color: #22543d !important;
  }

  .xxl\:to-teal-100{
    --gradient-to-color: #e6fffa !important;
  }

  .xxl\:to-teal-200{
    --gradient-to-color: #b2f5ea !important;
  }

  .xxl\:to-teal-300{
    --gradient-to-color: #81e6d9 !important;
  }

  .xxl\:to-teal-400{
    --gradient-to-color: #4fd1c5 !important;
  }

  .xxl\:to-teal-500{
    --gradient-to-color: #38b2ac !important;
  }

  .xxl\:to-teal-600{
    --gradient-to-color: #319795 !important;
  }

  .xxl\:to-teal-700{
    --gradient-to-color: #2c7a7b !important;
  }

  .xxl\:to-teal-800{
    --gradient-to-color: #285e61 !important;
  }

  .xxl\:to-teal-900{
    --gradient-to-color: #234e52 !important;
  }

  .xxl\:to-blue-100{
    --gradient-to-color: #ebf8ff !important;
  }

  .xxl\:to-blue-200{
    --gradient-to-color: #bee3f8 !important;
  }

  .xxl\:to-blue-300{
    --gradient-to-color: #90cdf4 !important;
  }

  .xxl\:to-blue-400{
    --gradient-to-color: #63b3ed !important;
  }

  .xxl\:to-blue-500{
    --gradient-to-color: #4299e1 !important;
  }

  .xxl\:to-blue-600{
    --gradient-to-color: #3182ce !important;
  }

  .xxl\:to-blue-700{
    --gradient-to-color: #2b6cb0 !important;
  }

  .xxl\:to-blue-800{
    --gradient-to-color: #2c5282 !important;
  }

  .xxl\:to-blue-900{
    --gradient-to-color: #2a4365 !important;
  }

  .xxl\:to-indigo-100{
    --gradient-to-color: #ebf4ff !important;
  }

  .xxl\:to-indigo-200{
    --gradient-to-color: #c3dafe !important;
  }

  .xxl\:to-indigo-300{
    --gradient-to-color: #a3bffa !important;
  }

  .xxl\:to-indigo-400{
    --gradient-to-color: #7f9cf5 !important;
  }

  .xxl\:to-indigo-500{
    --gradient-to-color: #667eea !important;
  }

  .xxl\:to-indigo-600{
    --gradient-to-color: #5a67d8 !important;
  }

  .xxl\:to-indigo-700{
    --gradient-to-color: #4c51bf !important;
  }

  .xxl\:to-indigo-800{
    --gradient-to-color: #434190 !important;
  }

  .xxl\:to-indigo-900{
    --gradient-to-color: #3c366b !important;
  }

  .xxl\:to-purple-100{
    --gradient-to-color: #faf5ff !important;
  }

  .xxl\:to-purple-200{
    --gradient-to-color: #e9d8fd !important;
  }

  .xxl\:to-purple-300{
    --gradient-to-color: #d6bcfa !important;
  }

  .xxl\:to-purple-400{
    --gradient-to-color: #b794f4 !important;
  }

  .xxl\:to-purple-500{
    --gradient-to-color: #9f7aea !important;
  }

  .xxl\:to-purple-600{
    --gradient-to-color: #805ad5 !important;
  }

  .xxl\:to-purple-700{
    --gradient-to-color: #6b46c1 !important;
  }

  .xxl\:to-purple-800{
    --gradient-to-color: #553c9a !important;
  }

  .xxl\:to-purple-900{
    --gradient-to-color: #44337a !important;
  }

  .xxl\:to-pink-100{
    --gradient-to-color: #fff5f7 !important;
  }

  .xxl\:to-pink-200{
    --gradient-to-color: #fed7e2 !important;
  }

  .xxl\:to-pink-300{
    --gradient-to-color: #fbb6ce !important;
  }

  .xxl\:to-pink-400{
    --gradient-to-color: #f687b3 !important;
  }

  .xxl\:to-pink-500{
    --gradient-to-color: #ed64a6 !important;
  }

  .xxl\:to-pink-600{
    --gradient-to-color: #d53f8c !important;
  }

  .xxl\:to-pink-700{
    --gradient-to-color: #b83280 !important;
  }

  .xxl\:to-pink-800{
    --gradient-to-color: #97266d !important;
  }

  .xxl\:to-pink-900{
    --gradient-to-color: #702459 !important;
  }

  .xxl\:to-primary-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xxl\:to-primary-hover-color{
    --gradient-to-color: var(--hover-color) !important;
  }

  .xxl\:to-gray-body{
    --gradient-to-color: #f2f2f2 !important;
  }

  .xxl\:to-gray-light{
    --gradient-to-color: #ccc !important;
  }

  .xxl\:to-gray-333{
    --gradient-to-color: #333 !important;
  }

  .xxl\:to-gray-666{
    --gradient-to-color: #666 !important;
  }

  .xxl\:to-gray-888{
    --gradient-to-color: #888 !important;
  }

  .xxl\:to-gray-999{
    --gradient-to-color: #999 !important;
  }

  .xxl\:to-gray-icon{
    --gradient-to-color: #9a9a9a !important;
  }

  .xxl\:to-gray-features{
    --gradient-to-color: #f5f5f5 !important;
  }

  .xxl\:to-slide-border{
    --gradient-to-color: #e1e1e1 !important;
  }

  .xxl\:to-sale-color{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xxl\:to-hit-color{
    --gradient-to-color: #ff9900 !important;
  }

  .xxl\:to-new-color{
    --gradient-to-color: #0fa3c6 !important;
  }

  .xxl\:to-fb-hover-color{
    --gradient-to-color: #5959d8 !important;
  }

  .xxl\:to-fb-active-color{
    --gradient-to-color: #4040b3 !important;
  }

  .xxl\:to-vk-hover-color{
    --gradient-to-color: #628dd3 !important;
  }

  .xxl\:to-vk-active-color{
    --gradient-to-color: #3768b9 !important;
  }

  .xxl\:to-insta-hover-color{
    --gradient-to-color: #af35d2 !important;
  }

  .xxl\:to-insta-active-color{
    --gradient-to-color: #7e47b7 !important;
  }

  .xxl\:to-gray-dc{
    --gradient-to-color: #dcdcdc !important;
  }

  .xxl\:to-gray-cd{
    --gradient-to-color: #cdcdcd !important;
  }

  .xxl\:to-gray-e7{
    --gradient-to-color: #e7e7e7 !important;
  }

  .xxl\:to-check-color{
    --gradient-to-color: #ce3a12 !important;
  }

  .xxl\:to-docx-color{
    --gradient-to-color: #1789e9 !important;
  }

  .xxl\:to-dark-black{
    --gradient-to-color: #010101 !important;
  }

  .xxl\:to-green-light{
    --gradient-to-color: #3ab011 !important;
  }

  .xxl\:hover\:from-transparent:hover{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxl\:hover\:from-current:hover{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:hover\:from-black:hover{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxl\:hover\:from-white:hover{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:hover\:from-gray-100:hover{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xxl\:hover\:from-gray-200:hover{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xxl\:hover\:from-gray-300:hover{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xxl\:hover\:from-gray-400:hover{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xxl\:hover\:from-gray-500:hover{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xxl\:hover\:from-gray-600:hover{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xxl\:hover\:from-gray-700:hover{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xxl\:hover\:from-gray-800:hover{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xxl\:hover\:from-gray-900:hover{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xxl\:hover\:from-red:hover{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xxl\:hover\:from-orange-100:hover{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xxl\:hover\:from-orange-200:hover{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xxl\:hover\:from-orange-300:hover{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xxl\:hover\:from-orange-400:hover{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xxl\:hover\:from-orange-500:hover{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xxl\:hover\:from-orange-600:hover{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xxl\:hover\:from-orange-700:hover{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xxl\:hover\:from-orange-800:hover{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xxl\:hover\:from-orange-900:hover{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xxl\:hover\:from-yellow-100:hover{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xxl\:hover\:from-yellow-200:hover{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xxl\:hover\:from-yellow-300:hover{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xxl\:hover\:from-yellow-400:hover{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xxl\:hover\:from-yellow-500:hover{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xxl\:hover\:from-yellow-600:hover{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xxl\:hover\:from-yellow-700:hover{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xxl\:hover\:from-yellow-800:hover{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xxl\:hover\:from-yellow-900:hover{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xxl\:hover\:from-green-100:hover{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xxl\:hover\:from-green-200:hover{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xxl\:hover\:from-green-300:hover{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xxl\:hover\:from-green-400:hover{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xxl\:hover\:from-green-500:hover{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xxl\:hover\:from-green-600:hover{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xxl\:hover\:from-green-700:hover{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xxl\:hover\:from-green-800:hover{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xxl\:hover\:from-green-900:hover{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xxl\:hover\:from-teal-100:hover{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xxl\:hover\:from-teal-200:hover{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xxl\:hover\:from-teal-300:hover{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xxl\:hover\:from-teal-400:hover{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xxl\:hover\:from-teal-500:hover{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xxl\:hover\:from-teal-600:hover{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xxl\:hover\:from-teal-700:hover{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xxl\:hover\:from-teal-800:hover{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xxl\:hover\:from-teal-900:hover{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xxl\:hover\:from-blue-100:hover{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xxl\:hover\:from-blue-200:hover{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xxl\:hover\:from-blue-300:hover{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xxl\:hover\:from-blue-400:hover{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xxl\:hover\:from-blue-500:hover{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xxl\:hover\:from-blue-600:hover{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xxl\:hover\:from-blue-700:hover{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xxl\:hover\:from-blue-800:hover{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xxl\:hover\:from-blue-900:hover{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xxl\:hover\:from-indigo-100:hover{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xxl\:hover\:from-indigo-200:hover{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xxl\:hover\:from-indigo-300:hover{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xxl\:hover\:from-indigo-400:hover{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xxl\:hover\:from-indigo-500:hover{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xxl\:hover\:from-indigo-600:hover{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xxl\:hover\:from-indigo-700:hover{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xxl\:hover\:from-indigo-800:hover{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xxl\:hover\:from-indigo-900:hover{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xxl\:hover\:from-purple-100:hover{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xxl\:hover\:from-purple-200:hover{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xxl\:hover\:from-purple-300:hover{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xxl\:hover\:from-purple-400:hover{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xxl\:hover\:from-purple-500:hover{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xxl\:hover\:from-purple-600:hover{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xxl\:hover\:from-purple-700:hover{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xxl\:hover\:from-purple-800:hover{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xxl\:hover\:from-purple-900:hover{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xxl\:hover\:from-pink-100:hover{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xxl\:hover\:from-pink-200:hover{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xxl\:hover\:from-pink-300:hover{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xxl\:hover\:from-pink-400:hover{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xxl\:hover\:from-pink-500:hover{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xxl\:hover\:from-pink-600:hover{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xxl\:hover\:from-pink-700:hover{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xxl\:hover\:from-pink-800:hover{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xxl\:hover\:from-pink-900:hover{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xxl\:hover\:from-primary-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:hover\:from-primary-hover-color:hover{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:hover\:from-gray-body:hover{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xxl\:hover\:from-gray-light:hover{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xxl\:hover\:from-gray-333:hover{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xxl\:hover\:from-gray-666:hover{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xxl\:hover\:from-gray-888:hover{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xxl\:hover\:from-gray-999:hover{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xxl\:hover\:from-gray-icon:hover{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xxl\:hover\:from-gray-features:hover{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xxl\:hover\:from-slide-border:hover{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xxl\:hover\:from-sale-color:hover{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:hover\:from-hit-color:hover{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xxl\:hover\:from-new-color:hover{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xxl\:hover\:from-fb-hover-color:hover{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xxl\:hover\:from-fb-active-color:hover{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xxl\:hover\:from-vk-hover-color:hover{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xxl\:hover\:from-vk-active-color:hover{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xxl\:hover\:from-insta-hover-color:hover{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xxl\:hover\:from-insta-active-color:hover{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xxl\:hover\:from-gray-dc:hover{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xxl\:hover\:from-gray-cd:hover{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xxl\:hover\:from-gray-e7:hover{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xxl\:hover\:from-check-color:hover{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xxl\:hover\:from-docx-color:hover{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xxl\:hover\:from-dark-black:hover{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xxl\:hover\:from-green-light:hover{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xxl\:hover\:via-transparent:hover{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxl\:hover\:via-current:hover{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:hover\:via-black:hover{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxl\:hover\:via-white:hover{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:hover\:via-gray-100:hover{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xxl\:hover\:via-gray-200:hover{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xxl\:hover\:via-gray-300:hover{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xxl\:hover\:via-gray-400:hover{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xxl\:hover\:via-gray-500:hover{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xxl\:hover\:via-gray-600:hover{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xxl\:hover\:via-gray-700:hover{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xxl\:hover\:via-gray-800:hover{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xxl\:hover\:via-gray-900:hover{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xxl\:hover\:via-red:hover{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xxl\:hover\:via-orange-100:hover{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xxl\:hover\:via-orange-200:hover{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xxl\:hover\:via-orange-300:hover{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xxl\:hover\:via-orange-400:hover{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xxl\:hover\:via-orange-500:hover{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xxl\:hover\:via-orange-600:hover{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xxl\:hover\:via-orange-700:hover{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xxl\:hover\:via-orange-800:hover{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xxl\:hover\:via-orange-900:hover{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xxl\:hover\:via-yellow-100:hover{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xxl\:hover\:via-yellow-200:hover{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xxl\:hover\:via-yellow-300:hover{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xxl\:hover\:via-yellow-400:hover{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xxl\:hover\:via-yellow-500:hover{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xxl\:hover\:via-yellow-600:hover{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xxl\:hover\:via-yellow-700:hover{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xxl\:hover\:via-yellow-800:hover{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xxl\:hover\:via-yellow-900:hover{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xxl\:hover\:via-green-100:hover{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xxl\:hover\:via-green-200:hover{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xxl\:hover\:via-green-300:hover{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xxl\:hover\:via-green-400:hover{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xxl\:hover\:via-green-500:hover{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xxl\:hover\:via-green-600:hover{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xxl\:hover\:via-green-700:hover{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xxl\:hover\:via-green-800:hover{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xxl\:hover\:via-green-900:hover{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xxl\:hover\:via-teal-100:hover{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xxl\:hover\:via-teal-200:hover{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xxl\:hover\:via-teal-300:hover{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xxl\:hover\:via-teal-400:hover{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xxl\:hover\:via-teal-500:hover{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xxl\:hover\:via-teal-600:hover{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xxl\:hover\:via-teal-700:hover{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xxl\:hover\:via-teal-800:hover{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xxl\:hover\:via-teal-900:hover{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xxl\:hover\:via-blue-100:hover{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xxl\:hover\:via-blue-200:hover{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xxl\:hover\:via-blue-300:hover{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xxl\:hover\:via-blue-400:hover{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xxl\:hover\:via-blue-500:hover{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xxl\:hover\:via-blue-600:hover{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xxl\:hover\:via-blue-700:hover{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xxl\:hover\:via-blue-800:hover{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xxl\:hover\:via-blue-900:hover{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xxl\:hover\:via-indigo-100:hover{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xxl\:hover\:via-indigo-200:hover{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xxl\:hover\:via-indigo-300:hover{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xxl\:hover\:via-indigo-400:hover{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xxl\:hover\:via-indigo-500:hover{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xxl\:hover\:via-indigo-600:hover{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xxl\:hover\:via-indigo-700:hover{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xxl\:hover\:via-indigo-800:hover{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xxl\:hover\:via-indigo-900:hover{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xxl\:hover\:via-purple-100:hover{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xxl\:hover\:via-purple-200:hover{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xxl\:hover\:via-purple-300:hover{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xxl\:hover\:via-purple-400:hover{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xxl\:hover\:via-purple-500:hover{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xxl\:hover\:via-purple-600:hover{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xxl\:hover\:via-purple-700:hover{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xxl\:hover\:via-purple-800:hover{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xxl\:hover\:via-purple-900:hover{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xxl\:hover\:via-pink-100:hover{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xxl\:hover\:via-pink-200:hover{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xxl\:hover\:via-pink-300:hover{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xxl\:hover\:via-pink-400:hover{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xxl\:hover\:via-pink-500:hover{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xxl\:hover\:via-pink-600:hover{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xxl\:hover\:via-pink-700:hover{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xxl\:hover\:via-pink-800:hover{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xxl\:hover\:via-pink-900:hover{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xxl\:hover\:via-primary-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:hover\:via-primary-hover-color:hover{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:hover\:via-gray-body:hover{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xxl\:hover\:via-gray-light:hover{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xxl\:hover\:via-gray-333:hover{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xxl\:hover\:via-gray-666:hover{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xxl\:hover\:via-gray-888:hover{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xxl\:hover\:via-gray-999:hover{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xxl\:hover\:via-gray-icon:hover{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xxl\:hover\:via-gray-features:hover{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xxl\:hover\:via-slide-border:hover{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xxl\:hover\:via-sale-color:hover{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:hover\:via-hit-color:hover{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xxl\:hover\:via-new-color:hover{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xxl\:hover\:via-fb-hover-color:hover{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xxl\:hover\:via-fb-active-color:hover{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xxl\:hover\:via-vk-hover-color:hover{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xxl\:hover\:via-vk-active-color:hover{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xxl\:hover\:via-insta-hover-color:hover{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xxl\:hover\:via-insta-active-color:hover{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xxl\:hover\:via-gray-dc:hover{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xxl\:hover\:via-gray-cd:hover{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xxl\:hover\:via-gray-e7:hover{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xxl\:hover\:via-check-color:hover{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xxl\:hover\:via-docx-color:hover{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xxl\:hover\:via-dark-black:hover{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xxl\:hover\:via-green-light:hover{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xxl\:hover\:to-transparent:hover{
    --gradient-to-color: transparent !important;
  }

  .xxl\:hover\:to-current:hover{
    --gradient-to-color: currentColor !important;
  }

  .xxl\:hover\:to-black:hover{
    --gradient-to-color: #000 !important;
  }

  .xxl\:hover\:to-white:hover{
    --gradient-to-color: #fff !important;
  }

  .xxl\:hover\:to-gray-100:hover{
    --gradient-to-color: #f7fafc !important;
  }

  .xxl\:hover\:to-gray-200:hover{
    --gradient-to-color: #edf2f7 !important;
  }

  .xxl\:hover\:to-gray-300:hover{
    --gradient-to-color: #e2e8f0 !important;
  }

  .xxl\:hover\:to-gray-400:hover{
    --gradient-to-color: #cbd5e0 !important;
  }

  .xxl\:hover\:to-gray-500:hover{
    --gradient-to-color: #a0aec0 !important;
  }

  .xxl\:hover\:to-gray-600:hover{
    --gradient-to-color: #718096 !important;
  }

  .xxl\:hover\:to-gray-700:hover{
    --gradient-to-color: #4a5568 !important;
  }

  .xxl\:hover\:to-gray-800:hover{
    --gradient-to-color: #2d3748 !important;
  }

  .xxl\:hover\:to-gray-900:hover{
    --gradient-to-color: #1a202c !important;
  }

  .xxl\:hover\:to-red:hover{
    --gradient-to-color: #cc0a0a !important;
  }

  .xxl\:hover\:to-orange-100:hover{
    --gradient-to-color: #fffaf0 !important;
  }

  .xxl\:hover\:to-orange-200:hover{
    --gradient-to-color: #feebc8 !important;
  }

  .xxl\:hover\:to-orange-300:hover{
    --gradient-to-color: #fbd38d !important;
  }

  .xxl\:hover\:to-orange-400:hover{
    --gradient-to-color: #f6ad55 !important;
  }

  .xxl\:hover\:to-orange-500:hover{
    --gradient-to-color: #ed8936 !important;
  }

  .xxl\:hover\:to-orange-600:hover{
    --gradient-to-color: #dd6b20 !important;
  }

  .xxl\:hover\:to-orange-700:hover{
    --gradient-to-color: #c05621 !important;
  }

  .xxl\:hover\:to-orange-800:hover{
    --gradient-to-color: #9c4221 !important;
  }

  .xxl\:hover\:to-orange-900:hover{
    --gradient-to-color: #7b341e !important;
  }

  .xxl\:hover\:to-yellow-100:hover{
    --gradient-to-color: #fffff0 !important;
  }

  .xxl\:hover\:to-yellow-200:hover{
    --gradient-to-color: #fefcbf !important;
  }

  .xxl\:hover\:to-yellow-300:hover{
    --gradient-to-color: #faf089 !important;
  }

  .xxl\:hover\:to-yellow-400:hover{
    --gradient-to-color: #f6e05e !important;
  }

  .xxl\:hover\:to-yellow-500:hover{
    --gradient-to-color: #ecc94b !important;
  }

  .xxl\:hover\:to-yellow-600:hover{
    --gradient-to-color: #d69e2e !important;
  }

  .xxl\:hover\:to-yellow-700:hover{
    --gradient-to-color: #b7791f !important;
  }

  .xxl\:hover\:to-yellow-800:hover{
    --gradient-to-color: #975a16 !important;
  }

  .xxl\:hover\:to-yellow-900:hover{
    --gradient-to-color: #744210 !important;
  }

  .xxl\:hover\:to-green-100:hover{
    --gradient-to-color: #f0fff4 !important;
  }

  .xxl\:hover\:to-green-200:hover{
    --gradient-to-color: #c6f6d5 !important;
  }

  .xxl\:hover\:to-green-300:hover{
    --gradient-to-color: #9ae6b4 !important;
  }

  .xxl\:hover\:to-green-400:hover{
    --gradient-to-color: #68d391 !important;
  }

  .xxl\:hover\:to-green-500:hover{
    --gradient-to-color: #48bb78 !important;
  }

  .xxl\:hover\:to-green-600:hover{
    --gradient-to-color: #38a169 !important;
  }

  .xxl\:hover\:to-green-700:hover{
    --gradient-to-color: #2f855a !important;
  }

  .xxl\:hover\:to-green-800:hover{
    --gradient-to-color: #276749 !important;
  }

  .xxl\:hover\:to-green-900:hover{
    --gradient-to-color: #22543d !important;
  }

  .xxl\:hover\:to-teal-100:hover{
    --gradient-to-color: #e6fffa !important;
  }

  .xxl\:hover\:to-teal-200:hover{
    --gradient-to-color: #b2f5ea !important;
  }

  .xxl\:hover\:to-teal-300:hover{
    --gradient-to-color: #81e6d9 !important;
  }

  .xxl\:hover\:to-teal-400:hover{
    --gradient-to-color: #4fd1c5 !important;
  }

  .xxl\:hover\:to-teal-500:hover{
    --gradient-to-color: #38b2ac !important;
  }

  .xxl\:hover\:to-teal-600:hover{
    --gradient-to-color: #319795 !important;
  }

  .xxl\:hover\:to-teal-700:hover{
    --gradient-to-color: #2c7a7b !important;
  }

  .xxl\:hover\:to-teal-800:hover{
    --gradient-to-color: #285e61 !important;
  }

  .xxl\:hover\:to-teal-900:hover{
    --gradient-to-color: #234e52 !important;
  }

  .xxl\:hover\:to-blue-100:hover{
    --gradient-to-color: #ebf8ff !important;
  }

  .xxl\:hover\:to-blue-200:hover{
    --gradient-to-color: #bee3f8 !important;
  }

  .xxl\:hover\:to-blue-300:hover{
    --gradient-to-color: #90cdf4 !important;
  }

  .xxl\:hover\:to-blue-400:hover{
    --gradient-to-color: #63b3ed !important;
  }

  .xxl\:hover\:to-blue-500:hover{
    --gradient-to-color: #4299e1 !important;
  }

  .xxl\:hover\:to-blue-600:hover{
    --gradient-to-color: #3182ce !important;
  }

  .xxl\:hover\:to-blue-700:hover{
    --gradient-to-color: #2b6cb0 !important;
  }

  .xxl\:hover\:to-blue-800:hover{
    --gradient-to-color: #2c5282 !important;
  }

  .xxl\:hover\:to-blue-900:hover{
    --gradient-to-color: #2a4365 !important;
  }

  .xxl\:hover\:to-indigo-100:hover{
    --gradient-to-color: #ebf4ff !important;
  }

  .xxl\:hover\:to-indigo-200:hover{
    --gradient-to-color: #c3dafe !important;
  }

  .xxl\:hover\:to-indigo-300:hover{
    --gradient-to-color: #a3bffa !important;
  }

  .xxl\:hover\:to-indigo-400:hover{
    --gradient-to-color: #7f9cf5 !important;
  }

  .xxl\:hover\:to-indigo-500:hover{
    --gradient-to-color: #667eea !important;
  }

  .xxl\:hover\:to-indigo-600:hover{
    --gradient-to-color: #5a67d8 !important;
  }

  .xxl\:hover\:to-indigo-700:hover{
    --gradient-to-color: #4c51bf !important;
  }

  .xxl\:hover\:to-indigo-800:hover{
    --gradient-to-color: #434190 !important;
  }

  .xxl\:hover\:to-indigo-900:hover{
    --gradient-to-color: #3c366b !important;
  }

  .xxl\:hover\:to-purple-100:hover{
    --gradient-to-color: #faf5ff !important;
  }

  .xxl\:hover\:to-purple-200:hover{
    --gradient-to-color: #e9d8fd !important;
  }

  .xxl\:hover\:to-purple-300:hover{
    --gradient-to-color: #d6bcfa !important;
  }

  .xxl\:hover\:to-purple-400:hover{
    --gradient-to-color: #b794f4 !important;
  }

  .xxl\:hover\:to-purple-500:hover{
    --gradient-to-color: #9f7aea !important;
  }

  .xxl\:hover\:to-purple-600:hover{
    --gradient-to-color: #805ad5 !important;
  }

  .xxl\:hover\:to-purple-700:hover{
    --gradient-to-color: #6b46c1 !important;
  }

  .xxl\:hover\:to-purple-800:hover{
    --gradient-to-color: #553c9a !important;
  }

  .xxl\:hover\:to-purple-900:hover{
    --gradient-to-color: #44337a !important;
  }

  .xxl\:hover\:to-pink-100:hover{
    --gradient-to-color: #fff5f7 !important;
  }

  .xxl\:hover\:to-pink-200:hover{
    --gradient-to-color: #fed7e2 !important;
  }

  .xxl\:hover\:to-pink-300:hover{
    --gradient-to-color: #fbb6ce !important;
  }

  .xxl\:hover\:to-pink-400:hover{
    --gradient-to-color: #f687b3 !important;
  }

  .xxl\:hover\:to-pink-500:hover{
    --gradient-to-color: #ed64a6 !important;
  }

  .xxl\:hover\:to-pink-600:hover{
    --gradient-to-color: #d53f8c !important;
  }

  .xxl\:hover\:to-pink-700:hover{
    --gradient-to-color: #b83280 !important;
  }

  .xxl\:hover\:to-pink-800:hover{
    --gradient-to-color: #97266d !important;
  }

  .xxl\:hover\:to-pink-900:hover{
    --gradient-to-color: #702459 !important;
  }

  .xxl\:hover\:to-primary-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xxl\:hover\:to-primary-hover-color:hover{
    --gradient-to-color: var(--hover-color) !important;
  }

  .xxl\:hover\:to-gray-body:hover{
    --gradient-to-color: #f2f2f2 !important;
  }

  .xxl\:hover\:to-gray-light:hover{
    --gradient-to-color: #ccc !important;
  }

  .xxl\:hover\:to-gray-333:hover{
    --gradient-to-color: #333 !important;
  }

  .xxl\:hover\:to-gray-666:hover{
    --gradient-to-color: #666 !important;
  }

  .xxl\:hover\:to-gray-888:hover{
    --gradient-to-color: #888 !important;
  }

  .xxl\:hover\:to-gray-999:hover{
    --gradient-to-color: #999 !important;
  }

  .xxl\:hover\:to-gray-icon:hover{
    --gradient-to-color: #9a9a9a !important;
  }

  .xxl\:hover\:to-gray-features:hover{
    --gradient-to-color: #f5f5f5 !important;
  }

  .xxl\:hover\:to-slide-border:hover{
    --gradient-to-color: #e1e1e1 !important;
  }

  .xxl\:hover\:to-sale-color:hover{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xxl\:hover\:to-hit-color:hover{
    --gradient-to-color: #ff9900 !important;
  }

  .xxl\:hover\:to-new-color:hover{
    --gradient-to-color: #0fa3c6 !important;
  }

  .xxl\:hover\:to-fb-hover-color:hover{
    --gradient-to-color: #5959d8 !important;
  }

  .xxl\:hover\:to-fb-active-color:hover{
    --gradient-to-color: #4040b3 !important;
  }

  .xxl\:hover\:to-vk-hover-color:hover{
    --gradient-to-color: #628dd3 !important;
  }

  .xxl\:hover\:to-vk-active-color:hover{
    --gradient-to-color: #3768b9 !important;
  }

  .xxl\:hover\:to-insta-hover-color:hover{
    --gradient-to-color: #af35d2 !important;
  }

  .xxl\:hover\:to-insta-active-color:hover{
    --gradient-to-color: #7e47b7 !important;
  }

  .xxl\:hover\:to-gray-dc:hover{
    --gradient-to-color: #dcdcdc !important;
  }

  .xxl\:hover\:to-gray-cd:hover{
    --gradient-to-color: #cdcdcd !important;
  }

  .xxl\:hover\:to-gray-e7:hover{
    --gradient-to-color: #e7e7e7 !important;
  }

  .xxl\:hover\:to-check-color:hover{
    --gradient-to-color: #ce3a12 !important;
  }

  .xxl\:hover\:to-docx-color:hover{
    --gradient-to-color: #1789e9 !important;
  }

  .xxl\:hover\:to-dark-black:hover{
    --gradient-to-color: #010101 !important;
  }

  .xxl\:hover\:to-green-light:hover{
    --gradient-to-color: #3ab011 !important;
  }

  .xxl\:focus\:from-transparent:focus{
    --gradient-from-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxl\:focus\:from-current:focus{
    --gradient-from-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:focus\:from-black:focus{
    --gradient-from-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxl\:focus\:from-white:focus{
    --gradient-from-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:focus\:from-gray-100:focus{
    --gradient-from-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xxl\:focus\:from-gray-200:focus{
    --gradient-from-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xxl\:focus\:from-gray-300:focus{
    --gradient-from-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xxl\:focus\:from-gray-400:focus{
    --gradient-from-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xxl\:focus\:from-gray-500:focus{
    --gradient-from-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xxl\:focus\:from-gray-600:focus{
    --gradient-from-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xxl\:focus\:from-gray-700:focus{
    --gradient-from-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xxl\:focus\:from-gray-800:focus{
    --gradient-from-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xxl\:focus\:from-gray-900:focus{
    --gradient-from-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xxl\:focus\:from-red:focus{
    --gradient-from-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xxl\:focus\:from-orange-100:focus{
    --gradient-from-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xxl\:focus\:from-orange-200:focus{
    --gradient-from-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xxl\:focus\:from-orange-300:focus{
    --gradient-from-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xxl\:focus\:from-orange-400:focus{
    --gradient-from-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xxl\:focus\:from-orange-500:focus{
    --gradient-from-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xxl\:focus\:from-orange-600:focus{
    --gradient-from-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xxl\:focus\:from-orange-700:focus{
    --gradient-from-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xxl\:focus\:from-orange-800:focus{
    --gradient-from-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xxl\:focus\:from-orange-900:focus{
    --gradient-from-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xxl\:focus\:from-yellow-100:focus{
    --gradient-from-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xxl\:focus\:from-yellow-200:focus{
    --gradient-from-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xxl\:focus\:from-yellow-300:focus{
    --gradient-from-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xxl\:focus\:from-yellow-400:focus{
    --gradient-from-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xxl\:focus\:from-yellow-500:focus{
    --gradient-from-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xxl\:focus\:from-yellow-600:focus{
    --gradient-from-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xxl\:focus\:from-yellow-700:focus{
    --gradient-from-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xxl\:focus\:from-yellow-800:focus{
    --gradient-from-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xxl\:focus\:from-yellow-900:focus{
    --gradient-from-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xxl\:focus\:from-green-100:focus{
    --gradient-from-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xxl\:focus\:from-green-200:focus{
    --gradient-from-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xxl\:focus\:from-green-300:focus{
    --gradient-from-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xxl\:focus\:from-green-400:focus{
    --gradient-from-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xxl\:focus\:from-green-500:focus{
    --gradient-from-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xxl\:focus\:from-green-600:focus{
    --gradient-from-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xxl\:focus\:from-green-700:focus{
    --gradient-from-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xxl\:focus\:from-green-800:focus{
    --gradient-from-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xxl\:focus\:from-green-900:focus{
    --gradient-from-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xxl\:focus\:from-teal-100:focus{
    --gradient-from-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xxl\:focus\:from-teal-200:focus{
    --gradient-from-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xxl\:focus\:from-teal-300:focus{
    --gradient-from-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xxl\:focus\:from-teal-400:focus{
    --gradient-from-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xxl\:focus\:from-teal-500:focus{
    --gradient-from-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xxl\:focus\:from-teal-600:focus{
    --gradient-from-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xxl\:focus\:from-teal-700:focus{
    --gradient-from-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xxl\:focus\:from-teal-800:focus{
    --gradient-from-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xxl\:focus\:from-teal-900:focus{
    --gradient-from-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xxl\:focus\:from-blue-100:focus{
    --gradient-from-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xxl\:focus\:from-blue-200:focus{
    --gradient-from-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xxl\:focus\:from-blue-300:focus{
    --gradient-from-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xxl\:focus\:from-blue-400:focus{
    --gradient-from-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xxl\:focus\:from-blue-500:focus{
    --gradient-from-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xxl\:focus\:from-blue-600:focus{
    --gradient-from-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xxl\:focus\:from-blue-700:focus{
    --gradient-from-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xxl\:focus\:from-blue-800:focus{
    --gradient-from-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xxl\:focus\:from-blue-900:focus{
    --gradient-from-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xxl\:focus\:from-indigo-100:focus{
    --gradient-from-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xxl\:focus\:from-indigo-200:focus{
    --gradient-from-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xxl\:focus\:from-indigo-300:focus{
    --gradient-from-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xxl\:focus\:from-indigo-400:focus{
    --gradient-from-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xxl\:focus\:from-indigo-500:focus{
    --gradient-from-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xxl\:focus\:from-indigo-600:focus{
    --gradient-from-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xxl\:focus\:from-indigo-700:focus{
    --gradient-from-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xxl\:focus\:from-indigo-800:focus{
    --gradient-from-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xxl\:focus\:from-indigo-900:focus{
    --gradient-from-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xxl\:focus\:from-purple-100:focus{
    --gradient-from-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xxl\:focus\:from-purple-200:focus{
    --gradient-from-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xxl\:focus\:from-purple-300:focus{
    --gradient-from-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xxl\:focus\:from-purple-400:focus{
    --gradient-from-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xxl\:focus\:from-purple-500:focus{
    --gradient-from-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xxl\:focus\:from-purple-600:focus{
    --gradient-from-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xxl\:focus\:from-purple-700:focus{
    --gradient-from-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xxl\:focus\:from-purple-800:focus{
    --gradient-from-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xxl\:focus\:from-purple-900:focus{
    --gradient-from-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xxl\:focus\:from-pink-100:focus{
    --gradient-from-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xxl\:focus\:from-pink-200:focus{
    --gradient-from-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xxl\:focus\:from-pink-300:focus{
    --gradient-from-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xxl\:focus\:from-pink-400:focus{
    --gradient-from-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xxl\:focus\:from-pink-500:focus{
    --gradient-from-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xxl\:focus\:from-pink-600:focus{
    --gradient-from-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xxl\:focus\:from-pink-700:focus{
    --gradient-from-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xxl\:focus\:from-pink-800:focus{
    --gradient-from-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xxl\:focus\:from-pink-900:focus{
    --gradient-from-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xxl\:focus\:from-primary-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:focus\:from-primary-hover-color:focus{
    --gradient-from-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:focus\:from-gray-body:focus{
    --gradient-from-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xxl\:focus\:from-gray-light:focus{
    --gradient-from-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xxl\:focus\:from-gray-333:focus{
    --gradient-from-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xxl\:focus\:from-gray-666:focus{
    --gradient-from-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xxl\:focus\:from-gray-888:focus{
    --gradient-from-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xxl\:focus\:from-gray-999:focus{
    --gradient-from-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xxl\:focus\:from-gray-icon:focus{
    --gradient-from-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xxl\:focus\:from-gray-features:focus{
    --gradient-from-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xxl\:focus\:from-slide-border:focus{
    --gradient-from-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xxl\:focus\:from-sale-color:focus{
    --gradient-from-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:focus\:from-hit-color:focus{
    --gradient-from-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xxl\:focus\:from-new-color:focus{
    --gradient-from-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xxl\:focus\:from-fb-hover-color:focus{
    --gradient-from-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xxl\:focus\:from-fb-active-color:focus{
    --gradient-from-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xxl\:focus\:from-vk-hover-color:focus{
    --gradient-from-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xxl\:focus\:from-vk-active-color:focus{
    --gradient-from-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xxl\:focus\:from-insta-hover-color:focus{
    --gradient-from-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xxl\:focus\:from-insta-active-color:focus{
    --gradient-from-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xxl\:focus\:from-gray-dc:focus{
    --gradient-from-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xxl\:focus\:from-gray-cd:focus{
    --gradient-from-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xxl\:focus\:from-gray-e7:focus{
    --gradient-from-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xxl\:focus\:from-check-color:focus{
    --gradient-from-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xxl\:focus\:from-docx-color:focus{
    --gradient-from-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xxl\:focus\:from-dark-black:focus{
    --gradient-from-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xxl\:focus\:from-green-light:focus{
    --gradient-from-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xxl\:focus\:via-transparent:focus{
    --gradient-via-color: transparent !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxl\:focus\:via-current:focus{
    --gradient-via-color: currentColor !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:focus\:via-black:focus{
    --gradient-via-color: #000 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0)) !important;
  }

  .xxl\:focus\:via-white:focus{
    --gradient-via-color: #fff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:focus\:via-gray-100:focus{
    --gradient-via-color: #f7fafc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0)) !important;
  }

  .xxl\:focus\:via-gray-200:focus{
    --gradient-via-color: #edf2f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0)) !important;
  }

  .xxl\:focus\:via-gray-300:focus{
    --gradient-via-color: #e2e8f0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0)) !important;
  }

  .xxl\:focus\:via-gray-400:focus{
    --gradient-via-color: #cbd5e0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0)) !important;
  }

  .xxl\:focus\:via-gray-500:focus{
    --gradient-via-color: #a0aec0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0)) !important;
  }

  .xxl\:focus\:via-gray-600:focus{
    --gradient-via-color: #718096 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0)) !important;
  }

  .xxl\:focus\:via-gray-700:focus{
    --gradient-via-color: #4a5568 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0)) !important;
  }

  .xxl\:focus\:via-gray-800:focus{
    --gradient-via-color: #2d3748 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0)) !important;
  }

  .xxl\:focus\:via-gray-900:focus{
    --gradient-via-color: #1a202c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0)) !important;
  }

  .xxl\:focus\:via-red:focus{
    --gradient-via-color: #cc0a0a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 10, 10, 0)) !important;
  }

  .xxl\:focus\:via-orange-100:focus{
    --gradient-via-color: #fffaf0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0)) !important;
  }

  .xxl\:focus\:via-orange-200:focus{
    --gradient-via-color: #feebc8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0)) !important;
  }

  .xxl\:focus\:via-orange-300:focus{
    --gradient-via-color: #fbd38d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0)) !important;
  }

  .xxl\:focus\:via-orange-400:focus{
    --gradient-via-color: #f6ad55 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0)) !important;
  }

  .xxl\:focus\:via-orange-500:focus{
    --gradient-via-color: #ed8936 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0)) !important;
  }

  .xxl\:focus\:via-orange-600:focus{
    --gradient-via-color: #dd6b20 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0)) !important;
  }

  .xxl\:focus\:via-orange-700:focus{
    --gradient-via-color: #c05621 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0)) !important;
  }

  .xxl\:focus\:via-orange-800:focus{
    --gradient-via-color: #9c4221 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0)) !important;
  }

  .xxl\:focus\:via-orange-900:focus{
    --gradient-via-color: #7b341e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0)) !important;
  }

  .xxl\:focus\:via-yellow-100:focus{
    --gradient-via-color: #fffff0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0)) !important;
  }

  .xxl\:focus\:via-yellow-200:focus{
    --gradient-via-color: #fefcbf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0)) !important;
  }

  .xxl\:focus\:via-yellow-300:focus{
    --gradient-via-color: #faf089 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0)) !important;
  }

  .xxl\:focus\:via-yellow-400:focus{
    --gradient-via-color: #f6e05e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0)) !important;
  }

  .xxl\:focus\:via-yellow-500:focus{
    --gradient-via-color: #ecc94b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0)) !important;
  }

  .xxl\:focus\:via-yellow-600:focus{
    --gradient-via-color: #d69e2e !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0)) !important;
  }

  .xxl\:focus\:via-yellow-700:focus{
    --gradient-via-color: #b7791f !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0)) !important;
  }

  .xxl\:focus\:via-yellow-800:focus{
    --gradient-via-color: #975a16 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0)) !important;
  }

  .xxl\:focus\:via-yellow-900:focus{
    --gradient-via-color: #744210 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0)) !important;
  }

  .xxl\:focus\:via-green-100:focus{
    --gradient-via-color: #f0fff4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0)) !important;
  }

  .xxl\:focus\:via-green-200:focus{
    --gradient-via-color: #c6f6d5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0)) !important;
  }

  .xxl\:focus\:via-green-300:focus{
    --gradient-via-color: #9ae6b4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0)) !important;
  }

  .xxl\:focus\:via-green-400:focus{
    --gradient-via-color: #68d391 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0)) !important;
  }

  .xxl\:focus\:via-green-500:focus{
    --gradient-via-color: #48bb78 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0)) !important;
  }

  .xxl\:focus\:via-green-600:focus{
    --gradient-via-color: #38a169 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0)) !important;
  }

  .xxl\:focus\:via-green-700:focus{
    --gradient-via-color: #2f855a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0)) !important;
  }

  .xxl\:focus\:via-green-800:focus{
    --gradient-via-color: #276749 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0)) !important;
  }

  .xxl\:focus\:via-green-900:focus{
    --gradient-via-color: #22543d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0)) !important;
  }

  .xxl\:focus\:via-teal-100:focus{
    --gradient-via-color: #e6fffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0)) !important;
  }

  .xxl\:focus\:via-teal-200:focus{
    --gradient-via-color: #b2f5ea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0)) !important;
  }

  .xxl\:focus\:via-teal-300:focus{
    --gradient-via-color: #81e6d9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0)) !important;
  }

  .xxl\:focus\:via-teal-400:focus{
    --gradient-via-color: #4fd1c5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0)) !important;
  }

  .xxl\:focus\:via-teal-500:focus{
    --gradient-via-color: #38b2ac !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0)) !important;
  }

  .xxl\:focus\:via-teal-600:focus{
    --gradient-via-color: #319795 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0)) !important;
  }

  .xxl\:focus\:via-teal-700:focus{
    --gradient-via-color: #2c7a7b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0)) !important;
  }

  .xxl\:focus\:via-teal-800:focus{
    --gradient-via-color: #285e61 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0)) !important;
  }

  .xxl\:focus\:via-teal-900:focus{
    --gradient-via-color: #234e52 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0)) !important;
  }

  .xxl\:focus\:via-blue-100:focus{
    --gradient-via-color: #ebf8ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0)) !important;
  }

  .xxl\:focus\:via-blue-200:focus{
    --gradient-via-color: #bee3f8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0)) !important;
  }

  .xxl\:focus\:via-blue-300:focus{
    --gradient-via-color: #90cdf4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0)) !important;
  }

  .xxl\:focus\:via-blue-400:focus{
    --gradient-via-color: #63b3ed !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0)) !important;
  }

  .xxl\:focus\:via-blue-500:focus{
    --gradient-via-color: #4299e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0)) !important;
  }

  .xxl\:focus\:via-blue-600:focus{
    --gradient-via-color: #3182ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0)) !important;
  }

  .xxl\:focus\:via-blue-700:focus{
    --gradient-via-color: #2b6cb0 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0)) !important;
  }

  .xxl\:focus\:via-blue-800:focus{
    --gradient-via-color: #2c5282 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0)) !important;
  }

  .xxl\:focus\:via-blue-900:focus{
    --gradient-via-color: #2a4365 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0)) !important;
  }

  .xxl\:focus\:via-indigo-100:focus{
    --gradient-via-color: #ebf4ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0)) !important;
  }

  .xxl\:focus\:via-indigo-200:focus{
    --gradient-via-color: #c3dafe !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0)) !important;
  }

  .xxl\:focus\:via-indigo-300:focus{
    --gradient-via-color: #a3bffa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0)) !important;
  }

  .xxl\:focus\:via-indigo-400:focus{
    --gradient-via-color: #7f9cf5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0)) !important;
  }

  .xxl\:focus\:via-indigo-500:focus{
    --gradient-via-color: #667eea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0)) !important;
  }

  .xxl\:focus\:via-indigo-600:focus{
    --gradient-via-color: #5a67d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0)) !important;
  }

  .xxl\:focus\:via-indigo-700:focus{
    --gradient-via-color: #4c51bf !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0)) !important;
  }

  .xxl\:focus\:via-indigo-800:focus{
    --gradient-via-color: #434190 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0)) !important;
  }

  .xxl\:focus\:via-indigo-900:focus{
    --gradient-via-color: #3c366b !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0)) !important;
  }

  .xxl\:focus\:via-purple-100:focus{
    --gradient-via-color: #faf5ff !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0)) !important;
  }

  .xxl\:focus\:via-purple-200:focus{
    --gradient-via-color: #e9d8fd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0)) !important;
  }

  .xxl\:focus\:via-purple-300:focus{
    --gradient-via-color: #d6bcfa !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0)) !important;
  }

  .xxl\:focus\:via-purple-400:focus{
    --gradient-via-color: #b794f4 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0)) !important;
  }

  .xxl\:focus\:via-purple-500:focus{
    --gradient-via-color: #9f7aea !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0)) !important;
  }

  .xxl\:focus\:via-purple-600:focus{
    --gradient-via-color: #805ad5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0)) !important;
  }

  .xxl\:focus\:via-purple-700:focus{
    --gradient-via-color: #6b46c1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0)) !important;
  }

  .xxl\:focus\:via-purple-800:focus{
    --gradient-via-color: #553c9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0)) !important;
  }

  .xxl\:focus\:via-purple-900:focus{
    --gradient-via-color: #44337a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0)) !important;
  }

  .xxl\:focus\:via-pink-100:focus{
    --gradient-via-color: #fff5f7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0)) !important;
  }

  .xxl\:focus\:via-pink-200:focus{
    --gradient-via-color: #fed7e2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0)) !important;
  }

  .xxl\:focus\:via-pink-300:focus{
    --gradient-via-color: #fbb6ce !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0)) !important;
  }

  .xxl\:focus\:via-pink-400:focus{
    --gradient-via-color: #f687b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0)) !important;
  }

  .xxl\:focus\:via-pink-500:focus{
    --gradient-via-color: #ed64a6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0)) !important;
  }

  .xxl\:focus\:via-pink-600:focus{
    --gradient-via-color: #d53f8c !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0)) !important;
  }

  .xxl\:focus\:via-pink-700:focus{
    --gradient-via-color: #b83280 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0)) !important;
  }

  .xxl\:focus\:via-pink-800:focus{
    --gradient-via-color: #97266d !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0)) !important;
  }

  .xxl\:focus\:via-pink-900:focus{
    --gradient-via-color: #702459 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0)) !important;
  }

  .xxl\:focus\:via-primary-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:focus\:via-primary-hover-color:focus{
    --gradient-via-color: var(--hover-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:focus\:via-gray-body:focus{
    --gradient-via-color: #f2f2f2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 242, 242, 0)) !important;
  }

  .xxl\:focus\:via-gray-light:focus{
    --gradient-via-color: #ccc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 204, 204, 0)) !important;
  }

  .xxl\:focus\:via-gray-333:focus{
    --gradient-via-color: #333 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0)) !important;
  }

  .xxl\:focus\:via-gray-666:focus{
    --gradient-via-color: #666 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 102, 102, 0)) !important;
  }

  .xxl\:focus\:via-gray-888:focus{
    --gradient-via-color: #888 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 136, 136, 0)) !important;
  }

  .xxl\:focus\:via-gray-999:focus{
    --gradient-via-color: #999 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 153, 153, 0)) !important;
  }

  .xxl\:focus\:via-gray-icon:focus{
    --gradient-via-color: #9a9a9a !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 154, 154, 0)) !important;
  }

  .xxl\:focus\:via-gray-features:focus{
    --gradient-via-color: #f5f5f5 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 245, 245, 0)) !important;
  }

  .xxl\:focus\:via-slide-border:focus{
    --gradient-via-color: #e1e1e1 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 225, 225, 0)) !important;
  }

  .xxl\:focus\:via-sale-color:focus{
    --gradient-via-color: var(--primary-color) !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0)) !important;
  }

  .xxl\:focus\:via-hit-color:focus{
    --gradient-via-color: #ff9900 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 153, 0, 0)) !important;
  }

  .xxl\:focus\:via-new-color:focus{
    --gradient-via-color: #0fa3c6 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 163, 198, 0)) !important;
  }

  .xxl\:focus\:via-fb-hover-color:focus{
    --gradient-via-color: #5959d8 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(89, 89, 216, 0)) !important;
  }

  .xxl\:focus\:via-fb-active-color:focus{
    --gradient-via-color: #4040b3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 179, 0)) !important;
  }

  .xxl\:focus\:via-vk-hover-color:focus{
    --gradient-via-color: #628dd3 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 141, 211, 0)) !important;
  }

  .xxl\:focus\:via-vk-active-color:focus{
    --gradient-via-color: #3768b9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 104, 185, 0)) !important;
  }

  .xxl\:focus\:via-insta-hover-color:focus{
    --gradient-via-color: #af35d2 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 53, 210, 0)) !important;
  }

  .xxl\:focus\:via-insta-active-color:focus{
    --gradient-via-color: #7e47b7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 71, 183, 0)) !important;
  }

  .xxl\:focus\:via-gray-dc:focus{
    --gradient-via-color: #dcdcdc !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 220, 220, 0)) !important;
  }

  .xxl\:focus\:via-gray-cd:focus{
    --gradient-via-color: #cdcdcd !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 205, 205, 0)) !important;
  }

  .xxl\:focus\:via-gray-e7:focus{
    --gradient-via-color: #e7e7e7 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 231, 231, 0)) !important;
  }

  .xxl\:focus\:via-check-color:focus{
    --gradient-via-color: #ce3a12 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 58, 18, 0)) !important;
  }

  .xxl\:focus\:via-docx-color:focus{
    --gradient-via-color: #1789e9 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 137, 233, 0)) !important;
  }

  .xxl\:focus\:via-dark-black:focus{
    --gradient-via-color: #010101 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 1, 1, 0)) !important;
  }

  .xxl\:focus\:via-green-light:focus{
    --gradient-via-color: #3ab011 !important;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 176, 17, 0)) !important;
  }

  .xxl\:focus\:to-transparent:focus{
    --gradient-to-color: transparent !important;
  }

  .xxl\:focus\:to-current:focus{
    --gradient-to-color: currentColor !important;
  }

  .xxl\:focus\:to-black:focus{
    --gradient-to-color: #000 !important;
  }

  .xxl\:focus\:to-white:focus{
    --gradient-to-color: #fff !important;
  }

  .xxl\:focus\:to-gray-100:focus{
    --gradient-to-color: #f7fafc !important;
  }

  .xxl\:focus\:to-gray-200:focus{
    --gradient-to-color: #edf2f7 !important;
  }

  .xxl\:focus\:to-gray-300:focus{
    --gradient-to-color: #e2e8f0 !important;
  }

  .xxl\:focus\:to-gray-400:focus{
    --gradient-to-color: #cbd5e0 !important;
  }

  .xxl\:focus\:to-gray-500:focus{
    --gradient-to-color: #a0aec0 !important;
  }

  .xxl\:focus\:to-gray-600:focus{
    --gradient-to-color: #718096 !important;
  }

  .xxl\:focus\:to-gray-700:focus{
    --gradient-to-color: #4a5568 !important;
  }

  .xxl\:focus\:to-gray-800:focus{
    --gradient-to-color: #2d3748 !important;
  }

  .xxl\:focus\:to-gray-900:focus{
    --gradient-to-color: #1a202c !important;
  }

  .xxl\:focus\:to-red:focus{
    --gradient-to-color: #cc0a0a !important;
  }

  .xxl\:focus\:to-orange-100:focus{
    --gradient-to-color: #fffaf0 !important;
  }

  .xxl\:focus\:to-orange-200:focus{
    --gradient-to-color: #feebc8 !important;
  }

  .xxl\:focus\:to-orange-300:focus{
    --gradient-to-color: #fbd38d !important;
  }

  .xxl\:focus\:to-orange-400:focus{
    --gradient-to-color: #f6ad55 !important;
  }

  .xxl\:focus\:to-orange-500:focus{
    --gradient-to-color: #ed8936 !important;
  }

  .xxl\:focus\:to-orange-600:focus{
    --gradient-to-color: #dd6b20 !important;
  }

  .xxl\:focus\:to-orange-700:focus{
    --gradient-to-color: #c05621 !important;
  }

  .xxl\:focus\:to-orange-800:focus{
    --gradient-to-color: #9c4221 !important;
  }

  .xxl\:focus\:to-orange-900:focus{
    --gradient-to-color: #7b341e !important;
  }

  .xxl\:focus\:to-yellow-100:focus{
    --gradient-to-color: #fffff0 !important;
  }

  .xxl\:focus\:to-yellow-200:focus{
    --gradient-to-color: #fefcbf !important;
  }

  .xxl\:focus\:to-yellow-300:focus{
    --gradient-to-color: #faf089 !important;
  }

  .xxl\:focus\:to-yellow-400:focus{
    --gradient-to-color: #f6e05e !important;
  }

  .xxl\:focus\:to-yellow-500:focus{
    --gradient-to-color: #ecc94b !important;
  }

  .xxl\:focus\:to-yellow-600:focus{
    --gradient-to-color: #d69e2e !important;
  }

  .xxl\:focus\:to-yellow-700:focus{
    --gradient-to-color: #b7791f !important;
  }

  .xxl\:focus\:to-yellow-800:focus{
    --gradient-to-color: #975a16 !important;
  }

  .xxl\:focus\:to-yellow-900:focus{
    --gradient-to-color: #744210 !important;
  }

  .xxl\:focus\:to-green-100:focus{
    --gradient-to-color: #f0fff4 !important;
  }

  .xxl\:focus\:to-green-200:focus{
    --gradient-to-color: #c6f6d5 !important;
  }

  .xxl\:focus\:to-green-300:focus{
    --gradient-to-color: #9ae6b4 !important;
  }

  .xxl\:focus\:to-green-400:focus{
    --gradient-to-color: #68d391 !important;
  }

  .xxl\:focus\:to-green-500:focus{
    --gradient-to-color: #48bb78 !important;
  }

  .xxl\:focus\:to-green-600:focus{
    --gradient-to-color: #38a169 !important;
  }

  .xxl\:focus\:to-green-700:focus{
    --gradient-to-color: #2f855a !important;
  }

  .xxl\:focus\:to-green-800:focus{
    --gradient-to-color: #276749 !important;
  }

  .xxl\:focus\:to-green-900:focus{
    --gradient-to-color: #22543d !important;
  }

  .xxl\:focus\:to-teal-100:focus{
    --gradient-to-color: #e6fffa !important;
  }

  .xxl\:focus\:to-teal-200:focus{
    --gradient-to-color: #b2f5ea !important;
  }

  .xxl\:focus\:to-teal-300:focus{
    --gradient-to-color: #81e6d9 !important;
  }

  .xxl\:focus\:to-teal-400:focus{
    --gradient-to-color: #4fd1c5 !important;
  }

  .xxl\:focus\:to-teal-500:focus{
    --gradient-to-color: #38b2ac !important;
  }

  .xxl\:focus\:to-teal-600:focus{
    --gradient-to-color: #319795 !important;
  }

  .xxl\:focus\:to-teal-700:focus{
    --gradient-to-color: #2c7a7b !important;
  }

  .xxl\:focus\:to-teal-800:focus{
    --gradient-to-color: #285e61 !important;
  }

  .xxl\:focus\:to-teal-900:focus{
    --gradient-to-color: #234e52 !important;
  }

  .xxl\:focus\:to-blue-100:focus{
    --gradient-to-color: #ebf8ff !important;
  }

  .xxl\:focus\:to-blue-200:focus{
    --gradient-to-color: #bee3f8 !important;
  }

  .xxl\:focus\:to-blue-300:focus{
    --gradient-to-color: #90cdf4 !important;
  }

  .xxl\:focus\:to-blue-400:focus{
    --gradient-to-color: #63b3ed !important;
  }

  .xxl\:focus\:to-blue-500:focus{
    --gradient-to-color: #4299e1 !important;
  }

  .xxl\:focus\:to-blue-600:focus{
    --gradient-to-color: #3182ce !important;
  }

  .xxl\:focus\:to-blue-700:focus{
    --gradient-to-color: #2b6cb0 !important;
  }

  .xxl\:focus\:to-blue-800:focus{
    --gradient-to-color: #2c5282 !important;
  }

  .xxl\:focus\:to-blue-900:focus{
    --gradient-to-color: #2a4365 !important;
  }

  .xxl\:focus\:to-indigo-100:focus{
    --gradient-to-color: #ebf4ff !important;
  }

  .xxl\:focus\:to-indigo-200:focus{
    --gradient-to-color: #c3dafe !important;
  }

  .xxl\:focus\:to-indigo-300:focus{
    --gradient-to-color: #a3bffa !important;
  }

  .xxl\:focus\:to-indigo-400:focus{
    --gradient-to-color: #7f9cf5 !important;
  }

  .xxl\:focus\:to-indigo-500:focus{
    --gradient-to-color: #667eea !important;
  }

  .xxl\:focus\:to-indigo-600:focus{
    --gradient-to-color: #5a67d8 !important;
  }

  .xxl\:focus\:to-indigo-700:focus{
    --gradient-to-color: #4c51bf !important;
  }

  .xxl\:focus\:to-indigo-800:focus{
    --gradient-to-color: #434190 !important;
  }

  .xxl\:focus\:to-indigo-900:focus{
    --gradient-to-color: #3c366b !important;
  }

  .xxl\:focus\:to-purple-100:focus{
    --gradient-to-color: #faf5ff !important;
  }

  .xxl\:focus\:to-purple-200:focus{
    --gradient-to-color: #e9d8fd !important;
  }

  .xxl\:focus\:to-purple-300:focus{
    --gradient-to-color: #d6bcfa !important;
  }

  .xxl\:focus\:to-purple-400:focus{
    --gradient-to-color: #b794f4 !important;
  }

  .xxl\:focus\:to-purple-500:focus{
    --gradient-to-color: #9f7aea !important;
  }

  .xxl\:focus\:to-purple-600:focus{
    --gradient-to-color: #805ad5 !important;
  }

  .xxl\:focus\:to-purple-700:focus{
    --gradient-to-color: #6b46c1 !important;
  }

  .xxl\:focus\:to-purple-800:focus{
    --gradient-to-color: #553c9a !important;
  }

  .xxl\:focus\:to-purple-900:focus{
    --gradient-to-color: #44337a !important;
  }

  .xxl\:focus\:to-pink-100:focus{
    --gradient-to-color: #fff5f7 !important;
  }

  .xxl\:focus\:to-pink-200:focus{
    --gradient-to-color: #fed7e2 !important;
  }

  .xxl\:focus\:to-pink-300:focus{
    --gradient-to-color: #fbb6ce !important;
  }

  .xxl\:focus\:to-pink-400:focus{
    --gradient-to-color: #f687b3 !important;
  }

  .xxl\:focus\:to-pink-500:focus{
    --gradient-to-color: #ed64a6 !important;
  }

  .xxl\:focus\:to-pink-600:focus{
    --gradient-to-color: #d53f8c !important;
  }

  .xxl\:focus\:to-pink-700:focus{
    --gradient-to-color: #b83280 !important;
  }

  .xxl\:focus\:to-pink-800:focus{
    --gradient-to-color: #97266d !important;
  }

  .xxl\:focus\:to-pink-900:focus{
    --gradient-to-color: #702459 !important;
  }

  .xxl\:focus\:to-primary-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xxl\:focus\:to-primary-hover-color:focus{
    --gradient-to-color: var(--hover-color) !important;
  }

  .xxl\:focus\:to-gray-body:focus{
    --gradient-to-color: #f2f2f2 !important;
  }

  .xxl\:focus\:to-gray-light:focus{
    --gradient-to-color: #ccc !important;
  }

  .xxl\:focus\:to-gray-333:focus{
    --gradient-to-color: #333 !important;
  }

  .xxl\:focus\:to-gray-666:focus{
    --gradient-to-color: #666 !important;
  }

  .xxl\:focus\:to-gray-888:focus{
    --gradient-to-color: #888 !important;
  }

  .xxl\:focus\:to-gray-999:focus{
    --gradient-to-color: #999 !important;
  }

  .xxl\:focus\:to-gray-icon:focus{
    --gradient-to-color: #9a9a9a !important;
  }

  .xxl\:focus\:to-gray-features:focus{
    --gradient-to-color: #f5f5f5 !important;
  }

  .xxl\:focus\:to-slide-border:focus{
    --gradient-to-color: #e1e1e1 !important;
  }

  .xxl\:focus\:to-sale-color:focus{
    --gradient-to-color: var(--primary-color) !important;
  }

  .xxl\:focus\:to-hit-color:focus{
    --gradient-to-color: #ff9900 !important;
  }

  .xxl\:focus\:to-new-color:focus{
    --gradient-to-color: #0fa3c6 !important;
  }

  .xxl\:focus\:to-fb-hover-color:focus{
    --gradient-to-color: #5959d8 !important;
  }

  .xxl\:focus\:to-fb-active-color:focus{
    --gradient-to-color: #4040b3 !important;
  }

  .xxl\:focus\:to-vk-hover-color:focus{
    --gradient-to-color: #628dd3 !important;
  }

  .xxl\:focus\:to-vk-active-color:focus{
    --gradient-to-color: #3768b9 !important;
  }

  .xxl\:focus\:to-insta-hover-color:focus{
    --gradient-to-color: #af35d2 !important;
  }

  .xxl\:focus\:to-insta-active-color:focus{
    --gradient-to-color: #7e47b7 !important;
  }

  .xxl\:focus\:to-gray-dc:focus{
    --gradient-to-color: #dcdcdc !important;
  }

  .xxl\:focus\:to-gray-cd:focus{
    --gradient-to-color: #cdcdcd !important;
  }

  .xxl\:focus\:to-gray-e7:focus{
    --gradient-to-color: #e7e7e7 !important;
  }

  .xxl\:focus\:to-check-color:focus{
    --gradient-to-color: #ce3a12 !important;
  }

  .xxl\:focus\:to-docx-color:focus{
    --gradient-to-color: #1789e9 !important;
  }

  .xxl\:focus\:to-dark-black:focus{
    --gradient-to-color: #010101 !important;
  }

  .xxl\:focus\:to-green-light:focus{
    --gradient-to-color: #3ab011 !important;
  }

  .xxl\:bg-opacity-0{
    --bg-opacity: 0 !important;
  }

  .xxl\:bg-opacity-25{
    --bg-opacity: 0.25 !important;
  }

  .xxl\:bg-opacity-50{
    --bg-opacity: 0.5 !important;
  }

  .xxl\:bg-opacity-75{
    --bg-opacity: 0.75 !important;
  }

  .xxl\:bg-opacity-100{
    --bg-opacity: 1 !important;
  }

  .xxl\:hover\:bg-opacity-0:hover{
    --bg-opacity: 0 !important;
  }

  .xxl\:hover\:bg-opacity-25:hover{
    --bg-opacity: 0.25 !important;
  }

  .xxl\:hover\:bg-opacity-50:hover{
    --bg-opacity: 0.5 !important;
  }

  .xxl\:hover\:bg-opacity-75:hover{
    --bg-opacity: 0.75 !important;
  }

  .xxl\:hover\:bg-opacity-100:hover{
    --bg-opacity: 1 !important;
  }

  .xxl\:focus\:bg-opacity-0:focus{
    --bg-opacity: 0 !important;
  }

  .xxl\:focus\:bg-opacity-25:focus{
    --bg-opacity: 0.25 !important;
  }

  .xxl\:focus\:bg-opacity-50:focus{
    --bg-opacity: 0.5 !important;
  }

  .xxl\:focus\:bg-opacity-75:focus{
    --bg-opacity: 0.75 !important;
  }

  .xxl\:focus\:bg-opacity-100:focus{
    --bg-opacity: 1 !important;
  }

  .xxl\:bg-bottom{
    background-position: bottom !important;
  }

  .xxl\:bg-center{
    background-position: center !important;
  }

  .xxl\:bg-left{
    background-position: left !important;
  }

  .xxl\:bg-left-bottom{
    background-position: left bottom !important;
  }

  .xxl\:bg-left-top{
    background-position: left top !important;
  }

  .xxl\:bg-right{
    background-position: right !important;
  }

  .xxl\:bg-right-bottom{
    background-position: right bottom !important;
  }

  .xxl\:bg-right-top{
    background-position: right top !important;
  }

  .xxl\:bg-top{
    background-position: top !important;
  }

  .xxl\:bg-repeat{
    background-repeat: repeat !important;
  }

  .xxl\:bg-no-repeat{
    background-repeat: no-repeat !important;
  }

  .xxl\:bg-repeat-x{
    background-repeat: repeat-x !important;
  }

  .xxl\:bg-repeat-y{
    background-repeat: repeat-y !important;
  }

  .xxl\:bg-repeat-round{
    background-repeat: round !important;
  }

  .xxl\:bg-repeat-space{
    background-repeat: space !important;
  }

  .xxl\:bg-auto{
    background-size: auto !important;
  }

  .xxl\:bg-cover{
    background-size: cover !important;
  }

  .xxl\:bg-contain{
    background-size: contain !important;
  }

  .xxl\:border-collapse{
    border-collapse: collapse !important;
  }

  .xxl\:border-separate{
    border-collapse: separate !important;
  }

  .xxl\:border-transparent{
    border-color: transparent !important;
  }

  .xxl\:border-current{
    border-color: currentColor !important;
  }

  .xxl\:border-black{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xxl\:border-white{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-100{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-200{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-300{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-400{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-500{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-600{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-700{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-800{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-900{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .xxl\:border-red{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .xxl\:border-orange-100{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .xxl\:border-orange-200{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .xxl\:border-orange-300{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .xxl\:border-orange-400{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .xxl\:border-orange-500{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .xxl\:border-orange-600{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .xxl\:border-orange-700{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .xxl\:border-orange-800{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .xxl\:border-orange-900{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .xxl\:border-yellow-100{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .xxl\:border-yellow-200{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .xxl\:border-yellow-300{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .xxl\:border-yellow-400{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .xxl\:border-yellow-500{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .xxl\:border-yellow-600{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .xxl\:border-yellow-700{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .xxl\:border-yellow-800{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .xxl\:border-yellow-900{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .xxl\:border-green-100{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .xxl\:border-green-200{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .xxl\:border-green-300{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .xxl\:border-green-400{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .xxl\:border-green-500{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .xxl\:border-green-600{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .xxl\:border-green-700{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .xxl\:border-green-800{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .xxl\:border-green-900{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .xxl\:border-teal-100{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .xxl\:border-teal-200{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .xxl\:border-teal-300{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .xxl\:border-teal-400{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .xxl\:border-teal-500{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .xxl\:border-teal-600{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .xxl\:border-teal-700{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .xxl\:border-teal-800{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .xxl\:border-teal-900{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .xxl\:border-blue-100{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .xxl\:border-blue-200{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .xxl\:border-blue-300{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .xxl\:border-blue-400{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .xxl\:border-blue-500{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .xxl\:border-blue-600{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .xxl\:border-blue-700{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .xxl\:border-blue-800{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .xxl\:border-blue-900{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .xxl\:border-indigo-100{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .xxl\:border-indigo-200{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .xxl\:border-indigo-300{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .xxl\:border-indigo-400{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .xxl\:border-indigo-500{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .xxl\:border-indigo-600{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .xxl\:border-indigo-700{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .xxl\:border-indigo-800{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .xxl\:border-indigo-900{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .xxl\:border-purple-100{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .xxl\:border-purple-200{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .xxl\:border-purple-300{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .xxl\:border-purple-400{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .xxl\:border-purple-500{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .xxl\:border-purple-600{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .xxl\:border-purple-700{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .xxl\:border-purple-800{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .xxl\:border-purple-900{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .xxl\:border-pink-100{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .xxl\:border-pink-200{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .xxl\:border-pink-300{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .xxl\:border-pink-400{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .xxl\:border-pink-500{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .xxl\:border-pink-600{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .xxl\:border-pink-700{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .xxl\:border-pink-800{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .xxl\:border-pink-900{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .xxl\:border-primary-color{
    border-color: var(--primary-color) !important;
  }

  .xxl\:border-primary-hover-color{
    border-color: var(--hover-color) !important;
  }

  .xxl\:border-gray-body{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-light{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-333{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-666{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-888{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-999{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-icon{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-features{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .xxl\:border-slide-border{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .xxl\:border-sale-color{
    border-color: var(--primary-color) !important;
  }

  .xxl\:border-hit-color{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .xxl\:border-new-color{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .xxl\:border-fb-hover-color{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .xxl\:border-fb-active-color{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .xxl\:border-vk-hover-color{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .xxl\:border-vk-active-color{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .xxl\:border-insta-hover-color{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .xxl\:border-insta-active-color{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-dc{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-cd{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .xxl\:border-gray-e7{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .xxl\:border-check-color{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .xxl\:border-docx-color{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .xxl\:border-dark-black{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .xxl\:border-green-light{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-transparent:hover{
    border-color: transparent !important;
  }

  .xxl\:hover\:border-current:hover{
    border-color: currentColor !important;
  }

  .xxl\:hover\:border-black:hover{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-white:hover{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-100:hover{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-200:hover{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-300:hover{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-400:hover{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-500:hover{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-600:hover{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-700:hover{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-800:hover{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-900:hover{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-red:hover{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-orange-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-orange-200:hover{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-orange-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-orange-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-orange-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-orange-600:hover{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-orange-700:hover{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-orange-800:hover{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-orange-900:hover{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-yellow-100:hover{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-yellow-200:hover{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-yellow-300:hover{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-yellow-400:hover{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-yellow-500:hover{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-yellow-600:hover{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-yellow-700:hover{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-yellow-800:hover{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-yellow-900:hover{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-green-100:hover{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-green-200:hover{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-green-300:hover{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-green-400:hover{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-green-500:hover{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-green-600:hover{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-green-700:hover{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-green-800:hover{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-green-900:hover{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-teal-100:hover{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-teal-200:hover{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-teal-300:hover{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-teal-400:hover{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-teal-500:hover{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-teal-600:hover{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-teal-700:hover{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-teal-800:hover{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-teal-900:hover{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-blue-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-blue-200:hover{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-blue-300:hover{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-blue-400:hover{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-blue-500:hover{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-blue-600:hover{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-blue-700:hover{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-blue-800:hover{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-blue-900:hover{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-indigo-100:hover{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-indigo-200:hover{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-indigo-300:hover{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-indigo-400:hover{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-indigo-500:hover{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-indigo-600:hover{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-indigo-700:hover{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-indigo-800:hover{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-indigo-900:hover{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-purple-100:hover{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-purple-200:hover{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-purple-300:hover{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-purple-400:hover{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-purple-500:hover{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-purple-600:hover{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-purple-700:hover{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-purple-800:hover{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-purple-900:hover{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-pink-100:hover{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-pink-200:hover{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-pink-300:hover{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-pink-400:hover{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-pink-500:hover{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-pink-600:hover{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-pink-700:hover{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-pink-800:hover{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-pink-900:hover{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-primary-color:hover{
    border-color: var(--primary-color) !important;
  }

  .xxl\:hover\:border-primary-hover-color:hover{
    border-color: var(--hover-color) !important;
  }

  .xxl\:hover\:border-gray-body:hover{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-light:hover{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-333:hover{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-666:hover{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-888:hover{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-999:hover{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-icon:hover{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-features:hover{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-slide-border:hover{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-sale-color:hover{
    border-color: var(--primary-color) !important;
  }

  .xxl\:hover\:border-hit-color:hover{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-new-color:hover{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-fb-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-fb-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-vk-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-vk-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-insta-hover-color:hover{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-insta-active-color:hover{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-dc:hover{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-cd:hover{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-gray-e7:hover{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-check-color:hover{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-docx-color:hover{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-dark-black:hover{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .xxl\:hover\:border-green-light:hover{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-transparent:focus{
    border-color: transparent !important;
  }

  .xxl\:focus\:border-current:focus{
    border-color: currentColor !important;
  }

  .xxl\:focus\:border-black:focus{
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-white:focus{
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-100:focus{
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-200:focus{
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-300:focus{
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-400:focus{
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-500:focus{
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-600:focus{
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-700:focus{
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-800:focus{
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-900:focus{
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-red:focus{
    --border-opacity: 1 !important;
    border-color: #cc0a0a !important;
    border-color: rgba(204, 10, 10, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-orange-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-orange-200:focus{
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-orange-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-orange-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-orange-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-orange-600:focus{
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-orange-700:focus{
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-orange-800:focus{
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-orange-900:focus{
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-yellow-100:focus{
    --border-opacity: 1 !important;
    border-color: #fffff0 !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-yellow-200:focus{
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-yellow-300:focus{
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-yellow-400:focus{
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-yellow-500:focus{
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-yellow-600:focus{
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-yellow-700:focus{
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-yellow-800:focus{
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-yellow-900:focus{
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-green-100:focus{
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-green-200:focus{
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-green-300:focus{
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-green-400:focus{
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-green-500:focus{
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-green-600:focus{
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-green-700:focus{
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-green-800:focus{
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-green-900:focus{
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-teal-100:focus{
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-teal-200:focus{
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-teal-300:focus{
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-teal-400:focus{
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-teal-500:focus{
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-teal-600:focus{
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-teal-700:focus{
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-teal-800:focus{
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-teal-900:focus{
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-blue-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-blue-200:focus{
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-blue-300:focus{
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-blue-400:focus{
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-blue-500:focus{
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-blue-600:focus{
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-blue-700:focus{
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-blue-800:focus{
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-blue-900:focus{
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-indigo-100:focus{
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-indigo-200:focus{
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-indigo-300:focus{
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-indigo-400:focus{
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-indigo-500:focus{
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-indigo-600:focus{
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-indigo-700:focus{
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-indigo-800:focus{
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-indigo-900:focus{
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-purple-100:focus{
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-purple-200:focus{
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-purple-300:focus{
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-purple-400:focus{
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-purple-500:focus{
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-purple-600:focus{
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-purple-700:focus{
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-purple-800:focus{
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-purple-900:focus{
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-pink-100:focus{
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-pink-200:focus{
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-pink-300:focus{
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-pink-400:focus{
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-pink-500:focus{
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-pink-600:focus{
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-pink-700:focus{
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-pink-800:focus{
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-pink-900:focus{
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-primary-color:focus{
    border-color: var(--primary-color) !important;
  }

  .xxl\:focus\:border-primary-hover-color:focus{
    border-color: var(--hover-color) !important;
  }

  .xxl\:focus\:border-gray-body:focus{
    --border-opacity: 1 !important;
    border-color: #f2f2f2 !important;
    border-color: rgba(242, 242, 242, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-light:focus{
    --border-opacity: 1 !important;
    border-color: #ccc !important;
    border-color: rgba(204, 204, 204, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-333:focus{
    --border-opacity: 1 !important;
    border-color: #333 !important;
    border-color: rgba(51, 51, 51, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-666:focus{
    --border-opacity: 1 !important;
    border-color: #666 !important;
    border-color: rgba(102, 102, 102, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-888:focus{
    --border-opacity: 1 !important;
    border-color: #888 !important;
    border-color: rgba(136, 136, 136, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-999:focus{
    --border-opacity: 1 !important;
    border-color: #999 !important;
    border-color: rgba(153, 153, 153, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-icon:focus{
    --border-opacity: 1 !important;
    border-color: #9a9a9a !important;
    border-color: rgba(154, 154, 154, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-features:focus{
    --border-opacity: 1 !important;
    border-color: #f5f5f5 !important;
    border-color: rgba(245, 245, 245, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-slide-border:focus{
    --border-opacity: 1 !important;
    border-color: #e1e1e1 !important;
    border-color: rgba(225, 225, 225, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-sale-color:focus{
    border-color: var(--primary-color) !important;
  }

  .xxl\:focus\:border-hit-color:focus{
    --border-opacity: 1 !important;
    border-color: #ff9900 !important;
    border-color: rgba(255, 153, 0, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-new-color:focus{
    --border-opacity: 1 !important;
    border-color: #0fa3c6 !important;
    border-color: rgba(15, 163, 198, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-fb-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #5959d8 !important;
    border-color: rgba(89, 89, 216, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-fb-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #4040b3 !important;
    border-color: rgba(64, 64, 179, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-vk-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #628dd3 !important;
    border-color: rgba(98, 141, 211, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-vk-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #3768b9 !important;
    border-color: rgba(55, 104, 185, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-insta-hover-color:focus{
    --border-opacity: 1 !important;
    border-color: #af35d2 !important;
    border-color: rgba(175, 53, 210, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-insta-active-color:focus{
    --border-opacity: 1 !important;
    border-color: #7e47b7 !important;
    border-color: rgba(126, 71, 183, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-dc:focus{
    --border-opacity: 1 !important;
    border-color: #dcdcdc !important;
    border-color: rgba(220, 220, 220, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-cd:focus{
    --border-opacity: 1 !important;
    border-color: #cdcdcd !important;
    border-color: rgba(205, 205, 205, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-gray-e7:focus{
    --border-opacity: 1 !important;
    border-color: #e7e7e7 !important;
    border-color: rgba(231, 231, 231, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-check-color:focus{
    --border-opacity: 1 !important;
    border-color: #ce3a12 !important;
    border-color: rgba(206, 58, 18, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-docx-color:focus{
    --border-opacity: 1 !important;
    border-color: #1789e9 !important;
    border-color: rgba(23, 137, 233, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-dark-black:focus{
    --border-opacity: 1 !important;
    border-color: #010101 !important;
    border-color: rgba(1, 1, 1, var(--border-opacity)) !important;
  }

  .xxl\:focus\:border-green-light:focus{
    --border-opacity: 1 !important;
    border-color: #3ab011 !important;
    border-color: rgba(58, 176, 17, var(--border-opacity)) !important;
  }

  .xxl\:border-opacity-0{
    --border-opacity: 0 !important;
  }

  .xxl\:border-opacity-25{
    --border-opacity: 0.25 !important;
  }

  .xxl\:border-opacity-50{
    --border-opacity: 0.5 !important;
  }

  .xxl\:border-opacity-75{
    --border-opacity: 0.75 !important;
  }

  .xxl\:border-opacity-100{
    --border-opacity: 1 !important;
  }

  .xxl\:hover\:border-opacity-0:hover{
    --border-opacity: 0 !important;
  }

  .xxl\:hover\:border-opacity-25:hover{
    --border-opacity: 0.25 !important;
  }

  .xxl\:hover\:border-opacity-50:hover{
    --border-opacity: 0.5 !important;
  }

  .xxl\:hover\:border-opacity-75:hover{
    --border-opacity: 0.75 !important;
  }

  .xxl\:hover\:border-opacity-100:hover{
    --border-opacity: 1 !important;
  }

  .xxl\:focus\:border-opacity-0:focus{
    --border-opacity: 0 !important;
  }

  .xxl\:focus\:border-opacity-25:focus{
    --border-opacity: 0.25 !important;
  }

  .xxl\:focus\:border-opacity-50:focus{
    --border-opacity: 0.5 !important;
  }

  .xxl\:focus\:border-opacity-75:focus{
    --border-opacity: 0.75 !important;
  }

  .xxl\:focus\:border-opacity-100:focus{
    --border-opacity: 1 !important;
  }

  .xxl\:rounded-10{
    border-radius: 10px !important;
  }

  .xxl\:rounded-none{
    border-radius: 0 !important;
  }

  .xxl\:rounded-sm{
    border-radius: 0.125rem !important;
  }

  .xxl\:rounded{
    border-radius: 0.25rem !important;
  }

  .xxl\:rounded-md{
    border-radius: 0.375rem !important;
  }

  .xxl\:rounded-lg{
    border-radius: 0.5rem !important;
  }

  .xxl\:rounded-xl{
    border-radius: 0.75rem !important;
  }

  .xxl\:rounded-2xl{
    border-radius: 1rem !important;
  }

  .xxl\:rounded-3xl{
    border-radius: 1.5rem !important;
  }

  .xxl\:rounded-full{
    border-radius: 9999px !important;
  }

  .xxl\:rounded-50\%{
    border-radius: 50% !important;
  }

  .xxl\:rounded-t-10{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }

  .xxl\:rounded-r-10{
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }

  .xxl\:rounded-b-10{
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .xxl\:rounded-l-10{
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }

  .xxl\:rounded-t-none{
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .xxl\:rounded-r-none{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }

  .xxl\:rounded-b-none{
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .xxl\:rounded-l-none{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .xxl\:rounded-t-sm{
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }

  .xxl\:rounded-r-sm{
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }

  .xxl\:rounded-b-sm{
    border-bottom-right-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .xxl\:rounded-l-sm{
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }

  .xxl\:rounded-t{
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }

  .xxl\:rounded-r{
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }

  .xxl\:rounded-b{
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .xxl\:rounded-l{
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }

  .xxl\:rounded-t-md{
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }

  .xxl\:rounded-r-md{
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }

  .xxl\:rounded-b-md{
    border-bottom-right-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .xxl\:rounded-l-md{
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }

  .xxl\:rounded-t-lg{
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }

  .xxl\:rounded-r-lg{
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }

  .xxl\:rounded-b-lg{
    border-bottom-right-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .xxl\:rounded-l-lg{
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }

  .xxl\:rounded-t-xl{
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }

  .xxl\:rounded-r-xl{
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }

  .xxl\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .xxl\:rounded-l-xl{
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }

  .xxl\:rounded-t-2xl{
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }

  .xxl\:rounded-r-2xl{
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }

  .xxl\:rounded-b-2xl{
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .xxl\:rounded-l-2xl{
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }

  .xxl\:rounded-t-3xl{
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }

  .xxl\:rounded-r-3xl{
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }

  .xxl\:rounded-b-3xl{
    border-bottom-right-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .xxl\:rounded-l-3xl{
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }

  .xxl\:rounded-t-full{
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important;
  }

  .xxl\:rounded-r-full{
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
  }

  .xxl\:rounded-b-full{
    border-bottom-right-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .xxl\:rounded-l-full{
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
  }

  .xxl\:rounded-t-50\%{
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }

  .xxl\:rounded-r-50\%{
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }

  .xxl\:rounded-b-50\%{
    border-bottom-right-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .xxl\:rounded-l-50\%{
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }

  .xxl\:rounded-tl-10{
    border-top-left-radius: 10px !important;
  }

  .xxl\:rounded-tr-10{
    border-top-right-radius: 10px !important;
  }

  .xxl\:rounded-br-10{
    border-bottom-right-radius: 10px !important;
  }

  .xxl\:rounded-bl-10{
    border-bottom-left-radius: 10px !important;
  }

  .xxl\:rounded-tl-none{
    border-top-left-radius: 0 !important;
  }

  .xxl\:rounded-tr-none{
    border-top-right-radius: 0 !important;
  }

  .xxl\:rounded-br-none{
    border-bottom-right-radius: 0 !important;
  }

  .xxl\:rounded-bl-none{
    border-bottom-left-radius: 0 !important;
  }

  .xxl\:rounded-tl-sm{
    border-top-left-radius: 0.125rem !important;
  }

  .xxl\:rounded-tr-sm{
    border-top-right-radius: 0.125rem !important;
  }

  .xxl\:rounded-br-sm{
    border-bottom-right-radius: 0.125rem !important;
  }

  .xxl\:rounded-bl-sm{
    border-bottom-left-radius: 0.125rem !important;
  }

  .xxl\:rounded-tl{
    border-top-left-radius: 0.25rem !important;
  }

  .xxl\:rounded-tr{
    border-top-right-radius: 0.25rem !important;
  }

  .xxl\:rounded-br{
    border-bottom-right-radius: 0.25rem !important;
  }

  .xxl\:rounded-bl{
    border-bottom-left-radius: 0.25rem !important;
  }

  .xxl\:rounded-tl-md{
    border-top-left-radius: 0.375rem !important;
  }

  .xxl\:rounded-tr-md{
    border-top-right-radius: 0.375rem !important;
  }

  .xxl\:rounded-br-md{
    border-bottom-right-radius: 0.375rem !important;
  }

  .xxl\:rounded-bl-md{
    border-bottom-left-radius: 0.375rem !important;
  }

  .xxl\:rounded-tl-lg{
    border-top-left-radius: 0.5rem !important;
  }

  .xxl\:rounded-tr-lg{
    border-top-right-radius: 0.5rem !important;
  }

  .xxl\:rounded-br-lg{
    border-bottom-right-radius: 0.5rem !important;
  }

  .xxl\:rounded-bl-lg{
    border-bottom-left-radius: 0.5rem !important;
  }

  .xxl\:rounded-tl-xl{
    border-top-left-radius: 0.75rem !important;
  }

  .xxl\:rounded-tr-xl{
    border-top-right-radius: 0.75rem !important;
  }

  .xxl\:rounded-br-xl{
    border-bottom-right-radius: 0.75rem !important;
  }

  .xxl\:rounded-bl-xl{
    border-bottom-left-radius: 0.75rem !important;
  }

  .xxl\:rounded-tl-2xl{
    border-top-left-radius: 1rem !important;
  }

  .xxl\:rounded-tr-2xl{
    border-top-right-radius: 1rem !important;
  }

  .xxl\:rounded-br-2xl{
    border-bottom-right-radius: 1rem !important;
  }

  .xxl\:rounded-bl-2xl{
    border-bottom-left-radius: 1rem !important;
  }

  .xxl\:rounded-tl-3xl{
    border-top-left-radius: 1.5rem !important;
  }

  .xxl\:rounded-tr-3xl{
    border-top-right-radius: 1.5rem !important;
  }

  .xxl\:rounded-br-3xl{
    border-bottom-right-radius: 1.5rem !important;
  }

  .xxl\:rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem !important;
  }

  .xxl\:rounded-tl-full{
    border-top-left-radius: 9999px !important;
  }

  .xxl\:rounded-tr-full{
    border-top-right-radius: 9999px !important;
  }

  .xxl\:rounded-br-full{
    border-bottom-right-radius: 9999px !important;
  }

  .xxl\:rounded-bl-full{
    border-bottom-left-radius: 9999px !important;
  }

  .xxl\:rounded-tl-50\%{
    border-top-left-radius: 50% !important;
  }

  .xxl\:rounded-tr-50\%{
    border-top-right-radius: 50% !important;
  }

  .xxl\:rounded-br-50\%{
    border-bottom-right-radius: 50% !important;
  }

  .xxl\:rounded-bl-50\%{
    border-bottom-left-radius: 50% !important;
  }

  .xxl\:border-solid{
    border-style: solid !important;
  }

  .xxl\:border-dashed{
    border-style: dashed !important;
  }

  .xxl\:border-dotted{
    border-style: dotted !important;
  }

  .xxl\:border-double{
    border-style: double !important;
  }

  .xxl\:border-none{
    border-style: none !important;
  }

  .xxl\:border-0{
    border-width: 0 !important;
  }

  .xxl\:border-2{
    border-width: 2px !important;
  }

  .xxl\:border-3{
    border-width: 3px !important;
  }

  .xxl\:border-4{
    border-width: 4px !important;
  }

  .xxl\:border-8{
    border-width: 8px !important;
  }

  .xxl\:border{
    border-width: 1px !important;
  }

  .xxl\:border-t-0{
    border-top-width: 0 !important;
  }

  .xxl\:border-r-0{
    border-right-width: 0 !important;
  }

  .xxl\:border-b-0{
    border-bottom-width: 0 !important;
  }

  .xxl\:border-l-0{
    border-left-width: 0 !important;
  }

  .xxl\:border-t-2{
    border-top-width: 2px !important;
  }

  .xxl\:border-r-2{
    border-right-width: 2px !important;
  }

  .xxl\:border-b-2{
    border-bottom-width: 2px !important;
  }

  .xxl\:border-l-2{
    border-left-width: 2px !important;
  }

  .xxl\:border-t-3{
    border-top-width: 3px !important;
  }

  .xxl\:border-r-3{
    border-right-width: 3px !important;
  }

  .xxl\:border-b-3{
    border-bottom-width: 3px !important;
  }

  .xxl\:border-l-3{
    border-left-width: 3px !important;
  }

  .xxl\:border-t-4{
    border-top-width: 4px !important;
  }

  .xxl\:border-r-4{
    border-right-width: 4px !important;
  }

  .xxl\:border-b-4{
    border-bottom-width: 4px !important;
  }

  .xxl\:border-l-4{
    border-left-width: 4px !important;
  }

  .xxl\:border-t-8{
    border-top-width: 8px !important;
  }

  .xxl\:border-r-8{
    border-right-width: 8px !important;
  }

  .xxl\:border-b-8{
    border-bottom-width: 8px !important;
  }

  .xxl\:border-l-8{
    border-left-width: 8px !important;
  }

  .xxl\:border-t{
    border-top-width: 1px !important;
  }

  .xxl\:border-r{
    border-right-width: 1px !important;
  }

  .xxl\:border-b{
    border-bottom-width: 1px !important;
  }

  .xxl\:border-l{
    border-left-width: 1px !important;
  }

  .xxl\:box-border{
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
  }

  .xxl\:box-content{
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
  }

  .xxl\:cursor-auto{
    cursor: auto !important;
  }

  .xxl\:cursor-default{
    cursor: default !important;
  }

  .xxl\:cursor-pointer{
    cursor: pointer !important;
  }

  .xxl\:cursor-wait{
    cursor: wait !important;
  }

  .xxl\:cursor-text{
    cursor: text !important;
  }

  .xxl\:cursor-move{
    cursor: move !important;
  }

  .xxl\:cursor-not-allowed{
    cursor: not-allowed !important;
  }

  .xxl\:block{
    display: block !important;
  }

  .xxl\:inline-block{
    display: inline-block !important;
  }

  .xxl\:inline{
    display: inline !important;
  }

  .xxl\:flex{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .xxl\:inline-flex{
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .xxl\:table{
    display: table !important;
  }

  .xxl\:table-caption{
    display: table-caption !important;
  }

  .xxl\:table-cell{
    display: table-cell !important;
  }

  .xxl\:table-column{
    display: table-column !important;
  }

  .xxl\:table-column-group{
    display: table-column-group !important;
  }

  .xxl\:table-footer-group{
    display: table-footer-group !important;
  }

  .xxl\:table-header-group{
    display: table-header-group !important;
  }

  .xxl\:table-row-group{
    display: table-row-group !important;
  }

  .xxl\:table-row{
    display: table-row !important;
  }

  .xxl\:flow-root{
    display: flow-root !important;
  }

  .xxl\:grid{
    display: grid !important;
  }

  .xxl\:inline-grid{
    display: inline-grid !important;
  }

  .xxl\:contents{
    display: contents !important;
  }

  .xxl\:hidden{
    display: none !important;
  }

  .xxl\:flex-row{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .xxl\:flex-row-reverse{
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .xxl\:flex-col{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .xxl\:flex-col-reverse{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .xxl\:flex-wrap{
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .xxl\:flex-wrap-reverse{
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .xxl\:flex-no-wrap{
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .xxl\:place-items-auto{
    place-items: auto !important;
  }

  .xxl\:place-items-start{
    place-items: start !important;
  }

  .xxl\:place-items-end{
    place-items: end !important;
  }

  .xxl\:place-items-center{
    place-items: center !important;
  }

  .xxl\:place-items-stretch{
    place-items: stretch !important;
  }

  .xxl\:place-content-center{
    place-content: center !important;
  }

  .xxl\:place-content-start{
    place-content: start !important;
  }

  .xxl\:place-content-end{
    place-content: end !important;
  }

  .xxl\:place-content-between{
    place-content: space-between !important;
  }

  .xxl\:place-content-around{
    place-content: space-around !important;
  }

  .xxl\:place-content-evenly{
    place-content: space-evenly !important;
  }

  .xxl\:place-content-stretch{
    place-content: stretch !important;
  }

  .xxl\:place-self-auto{
    place-self: auto !important;
  }

  .xxl\:place-self-start{
    place-self: start !important;
  }

  .xxl\:place-self-end{
    place-self: end !important;
  }

  .xxl\:place-self-center{
    place-self: center !important;
  }

  .xxl\:place-self-stretch{
    place-self: stretch !important;
  }

  .xxl\:items-start{
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .xxl\:items-end{
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .xxl\:items-center{
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .xxl\:items-baseline{
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .xxl\:items-stretch{
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .xxl\:content-center{
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .xxl\:content-start{
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .xxl\:content-end{
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .xxl\:content-between{
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .xxl\:content-around{
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .xxl\:content-evenly{
    -ms-flex-line-pack: space-evenly !important;
    align-content: space-evenly !important;
  }

  .xxl\:self-auto{
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .xxl\:self-start{
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .xxl\:self-end{
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .xxl\:self-center{
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .xxl\:self-stretch{
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }

  .xxl\:justify-items-auto{
    justify-items: auto !important;
  }

  .xxl\:justify-items-start{
    justify-items: start !important;
  }

  .xxl\:justify-items-end{
    justify-items: end !important;
  }

  .xxl\:justify-items-center{
    justify-items: center !important;
  }

  .xxl\:justify-items-stretch{
    justify-items: stretch !important;
  }

  .xxl\:justify-start{
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .xxl\:justify-end{
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .xxl\:justify-center{
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .xxl\:justify-between{
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .xxl\:justify-around{
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .xxl\:justify-evenly{
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }

  .xxl\:justify-self-auto{
    justify-self: auto !important;
  }

  .xxl\:justify-self-start{
    justify-self: start !important;
  }

  .xxl\:justify-self-end{
    justify-self: end !important;
  }

  .xxl\:justify-self-center{
    justify-self: center !important;
  }

  .xxl\:justify-self-stretch{
    justify-self: stretch !important;
  }

  .xxl\:flex-1{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 0% !important;
    flex: 1 1 0% !important;
  }

  .xxl\:flex-auto{
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .xxl\:flex-initial{
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 1 auto !important;
    flex: 0 1 auto !important;
  }

  .xxl\:flex-none{
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important;
  }

  .xxl\:flex-grow-0{
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .xxl\:flex-grow{
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .xxl\:flex-shrink-0{
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .xxl\:flex-shrink{
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .xxl\:order-1{
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important;
  }

  .xxl\:order-2{
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important;
  }

  .xxl\:order-3{
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important;
  }

  .xxl\:order-4{
    -webkit-box-ordinal-group: 5 !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
  }

  .xxl\:order-5{
    -webkit-box-ordinal-group: 6 !important;
    -ms-flex-order: 5 !important;
    order: 5 !important;
  }

  .xxl\:order-6{
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
  }

  .xxl\:order-7{
    -webkit-box-ordinal-group: 8 !important;
    -ms-flex-order: 7 !important;
    order: 7 !important;
  }

  .xxl\:order-8{
    -webkit-box-ordinal-group: 9 !important;
    -ms-flex-order: 8 !important;
    order: 8 !important;
  }

  .xxl\:order-9{
    -webkit-box-ordinal-group: 10 !important;
    -ms-flex-order: 9 !important;
    order: 9 !important;
  }

  .xxl\:order-10{
    -webkit-box-ordinal-group: 11 !important;
    -ms-flex-order: 10 !important;
    order: 10 !important;
  }

  .xxl\:order-11{
    -webkit-box-ordinal-group: 12 !important;
    -ms-flex-order: 11 !important;
    order: 11 !important;
  }

  .xxl\:order-12{
    -webkit-box-ordinal-group: 13 !important;
    -ms-flex-order: 12 !important;
    order: 12 !important;
  }

  .xxl\:order-first{
    -webkit-box-ordinal-group: -9998 !important;
    -ms-flex-order: -9999 !important;
    order: -9999 !important;
  }

  .xxl\:order-last{
    -webkit-box-ordinal-group: 10000 !important;
    -ms-flex-order: 9999 !important;
    order: 9999 !important;
  }

  .xxl\:order-none{
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
  }

  .xxl\:float-right{
    float: right !important;
  }

  .xxl\:float-left{
    float: left !important;
  }

  .xxl\:float-none{
    float: none !important;
  }

  .xxl\:clearfix:after{
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  .xxl\:clear-left{
    clear: left !important;
  }

  .xxl\:clear-right{
    clear: right !important;
  }

  .xxl\:clear-both{
    clear: both !important;
  }

  .xxl\:clear-none{
    clear: none !important;
  }

  .xxl\:font-sans{
    font-family: 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" !important;
  }

  .xxl\:font-serif{
    font-family: Georgia, Cambria, "Times New Roman", Times, serif !important;
  }

  .xxl\:font-mono{
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  }

  .xxl\:font-hairline{
    font-weight: 100 !important;
  }

  .xxl\:font-thin{
    font-weight: 200 !important;
  }

  .xxl\:font-light{
    font-weight: 300 !important;
  }

  .xxl\:font-normal{
    font-weight: 400 !important;
  }

  .xxl\:font-medium{
    font-weight: 500 !important;
  }

  .xxl\:font-semibold{
    font-weight: 600 !important;
  }

  .xxl\:font-bold{
    font-weight: 700 !important;
  }

  .xxl\:font-extrabold{
    font-weight: 800 !important;
  }

  .xxl\:font-black{
    font-weight: 900 !important;
  }

  .xxl\:hover\:font-hairline:hover{
    font-weight: 100 !important;
  }

  .xxl\:hover\:font-thin:hover{
    font-weight: 200 !important;
  }

  .xxl\:hover\:font-light:hover{
    font-weight: 300 !important;
  }

  .xxl\:hover\:font-normal:hover{
    font-weight: 400 !important;
  }

  .xxl\:hover\:font-medium:hover{
    font-weight: 500 !important;
  }

  .xxl\:hover\:font-semibold:hover{
    font-weight: 600 !important;
  }

  .xxl\:hover\:font-bold:hover{
    font-weight: 700 !important;
  }

  .xxl\:hover\:font-extrabold:hover{
    font-weight: 800 !important;
  }

  .xxl\:hover\:font-black:hover{
    font-weight: 900 !important;
  }

  .xxl\:focus\:font-hairline:focus{
    font-weight: 100 !important;
  }

  .xxl\:focus\:font-thin:focus{
    font-weight: 200 !important;
  }

  .xxl\:focus\:font-light:focus{
    font-weight: 300 !important;
  }

  .xxl\:focus\:font-normal:focus{
    font-weight: 400 !important;
  }

  .xxl\:focus\:font-medium:focus{
    font-weight: 500 !important;
  }

  .xxl\:focus\:font-semibold:focus{
    font-weight: 600 !important;
  }

  .xxl\:focus\:font-bold:focus{
    font-weight: 700 !important;
  }

  .xxl\:focus\:font-extrabold:focus{
    font-weight: 800 !important;
  }

  .xxl\:focus\:font-black:focus{
    font-weight: 900 !important;
  }

  .xxl\:h-0{
    height: 0 !important;
  }

  .xxl\:h-1{
    height: 0.25rem !important;
  }

  .xxl\:h-2{
    height: 0.5rem !important;
  }

  .xxl\:h-3{
    height: 0.75rem !important;
  }

  .xxl\:h-4{
    height: 1rem !important;
  }

  .xxl\:h-5{
    height: 1.25rem !important;
  }

  .xxl\:h-6{
    height: 1.5rem !important;
  }

  .xxl\:h-8{
    height: 2rem !important;
  }

  .xxl\:h-10{
    height: 2.5rem !important;
  }

  .xxl\:h-12{
    height: 3rem !important;
  }

  .xxl\:h-16{
    height: 4rem !important;
  }

  .xxl\:h-20{
    height: 5rem !important;
  }

  .xxl\:h-24{
    height: 6rem !important;
  }

  .xxl\:h-28{
    height: 7rem !important;
  }

  .xxl\:h-32{
    height: 8rem !important;
  }

  .xxl\:h-40{
    height: 10rem !important;
  }

  .xxl\:h-48{
    height: 12rem !important;
  }

  .xxl\:h-56{
    height: 14rem !important;
  }

  .xxl\:h-64{
    height: 16rem !important;
  }

  .xxl\:h-auto{
    height: auto !important;
  }

  .xxl\:h-px{
    height: 1px !important;
  }

  .xxl\:h-2px{
    height: 2px !important;
  }

  .xxl\:h-3px{
    height: 3px !important;
  }

  .xxl\:h-5px{
    height: 5px !important;
  }

  .xxl\:h-10px{
    height: 10px !important;
  }

  .xxl\:h-15px{
    height: 15px !important;
  }

  .xxl\:h-20px{
    height: 20px !important;
  }

  .xxl\:h-25px{
    height: 25px !important;
  }

  .xxl\:h-30px{
    height: 30px !important;
  }

  .xxl\:h-36px{
    height: 36px !important;
  }

  .xxl\:h-50px{
    height: 50px !important;
  }

  .xxl\:h-60px{
    height: 60px !important;
  }

  .xxl\:h-120px{
    height: 120px !important;
  }

  .xxl\:h-full{
    height: 100% !important;
  }

  .xxl\:h-screen{
    height: 100vh !important;
  }

  .xxl\:text-xs{
    font-size: .75rem !important;
  }

  .xxl\:text-sm{
    font-size: 14px !important;
  }

  .xxl\:text-base{
    font-size: 16px !important;
  }

  .xxl\:text-lg{
    font-size: 18px !important;
  }

  .xxl\:text-xl{
    font-size: 20px !important;
  }

  .xxl\:text-2xl{
    font-size: 1.5rem !important;
  }

  .xxl\:text-3xl{
    font-size: 30px !important;
  }

  .xxl\:text-4xl{
    font-size: 2.25rem !important;
  }

  .xxl\:text-5xl{
    font-size: 3rem !important;
  }

  .xxl\:text-6xl{
    font-size: 4rem !important;
  }

  .xxl\:text-toy{
    font-size: 10px !important;
  }

  .xxl\:text-xxs{
    font-size: 11px !important;
  }

  .xxl\:text-tiny{
    font-size: 13px !important;
  }

  .xxl\:text-normal{
    font-size: 15px !important;
  }

  .xxl\:text-x21{
    font-size: 21px !important;
  }

  .xxl\:text-x22{
    font-size: 22px !important;
  }

  .xxl\:text-x23{
    font-size: 23px !important;
  }

  .xxl\:text-x25{
    font-size: 25px !important;
  }

  .xxl\:text-large{
    font-size: 40px !important;
  }

  .xxl\:text-huge{
    font-size: 50px !important;
  }

  .xxl\:leading-3{
    line-height: .75rem !important;
  }

  .xxl\:leading-4{
    line-height: 1rem !important;
  }

  .xxl\:leading-5{
    line-height: 1.25rem !important;
  }

  .xxl\:leading-6{
    line-height: 1.5rem !important;
  }

  .xxl\:leading-7{
    line-height: 1.75rem !important;
  }

  .xxl\:leading-8{
    line-height: 2rem !important;
  }

  .xxl\:leading-9{
    line-height: 2.25rem !important;
  }

  .xxl\:leading-10{
    line-height: 2.5rem !important;
  }

  .xxl\:leading-none{
    line-height: 1 !important;
  }

  .xxl\:leading-tight{
    line-height: 1.25 !important;
  }

  .xxl\:leading-snug{
    line-height: 1.375 !important;
  }

  .xxl\:leading-normal{
    line-height: 1.5 !important;
  }

  .xxl\:leading-relaxed{
    line-height: 1.625 !important;
  }

  .xxl\:leading-loose{
    line-height: 2 !important;
  }

  .xxl\:leading-60px{
    line-height: 60px !important;
  }

  .xxl\:leading-small{
    line-height: 23px !important;
  }

  .xxl\:leading-ordinary{
    line-height: 25px !important;
  }

  .xxl\:list-inside{
    list-style-position: inside !important;
  }

  .xxl\:list-outside{
    list-style-position: outside !important;
  }

  .xxl\:list-none{
    list-style-type: none !important;
  }

  .xxl\:list-disc{
    list-style-type: disc !important;
  }

  .xxl\:list-decimal{
    list-style-type: decimal !important;
  }

  .xxl\:list-line{
    list-style-type: - !important;
  }

  .xxl\:m-0{
    margin: 0 !important;
  }

  .xxl\:m-1{
    margin: 0.25rem !important;
  }

  .xxl\:m-2{
    margin: 0.5rem !important;
  }

  .xxl\:m-3{
    margin: 0.75rem !important;
  }

  .xxl\:m-4{
    margin: 1rem !important;
  }

  .xxl\:m-5{
    margin: 1.25rem !important;
  }

  .xxl\:m-6{
    margin: 1.5rem !important;
  }

  .xxl\:m-8{
    margin: 2rem !important;
  }

  .xxl\:m-10{
    margin: 2.5rem !important;
  }

  .xxl\:m-12{
    margin: 3rem !important;
  }

  .xxl\:m-16{
    margin: 4rem !important;
  }

  .xxl\:m-20{
    margin: 5rem !important;
  }

  .xxl\:m-24{
    margin: 6rem !important;
  }

  .xxl\:m-28{
    margin: 7rem !important;
  }

  .xxl\:m-32{
    margin: 8rem !important;
  }

  .xxl\:m-40{
    margin: 10rem !important;
  }

  .xxl\:m-48{
    margin: 12rem !important;
  }

  .xxl\:m-56{
    margin: 14rem !important;
  }

  .xxl\:m-64{
    margin: 16rem !important;
  }

  .xxl\:m-auto{
    margin: auto !important;
  }

  .xxl\:m-px{
    margin: 1px !important;
  }

  .xxl\:m-2px{
    margin: 2px !important;
  }

  .xxl\:m-3px{
    margin: 3px !important;
  }

  .xxl\:m-5px{
    margin: 5px !important;
  }

  .xxl\:m-10px{
    margin: 10px !important;
  }

  .xxl\:m-15px{
    margin: 15px !important;
  }

  .xxl\:m-20px{
    margin: 20px !important;
  }

  .xxl\:m-25px{
    margin: 25px !important;
  }

  .xxl\:m-30px{
    margin: 30px !important;
  }

  .xxl\:m-36px{
    margin: 36px !important;
  }

  .xxl\:m-50px{
    margin: 50px !important;
  }

  .xxl\:m-60px{
    margin: 60px !important;
  }

  .xxl\:m-120px{
    margin: 120px !important;
  }

  .xxl\:-m-1{
    margin: -0.25rem !important;
  }

  .xxl\:-m-2{
    margin: -0.5rem !important;
  }

  .xxl\:-m-3{
    margin: -0.75rem !important;
  }

  .xxl\:-m-4{
    margin: -1rem !important;
  }

  .xxl\:-m-5{
    margin: -1.25rem !important;
  }

  .xxl\:-m-6{
    margin: -1.5rem !important;
  }

  .xxl\:-m-8{
    margin: -2rem !important;
  }

  .xxl\:-m-10{
    margin: -2.5rem !important;
  }

  .xxl\:-m-12{
    margin: -3rem !important;
  }

  .xxl\:-m-16{
    margin: -4rem !important;
  }

  .xxl\:-m-20{
    margin: -5rem !important;
  }

  .xxl\:-m-24{
    margin: -6rem !important;
  }

  .xxl\:-m-28{
    margin: -7rem !important;
  }

  .xxl\:-m-32{
    margin: -8rem !important;
  }

  .xxl\:-m-40{
    margin: -10rem !important;
  }

  .xxl\:-m-48{
    margin: -12rem !important;
  }

  .xxl\:-m-56{
    margin: -14rem !important;
  }

  .xxl\:-m-64{
    margin: -16rem !important;
  }

  .xxl\:-m-px{
    margin: -1px !important;
  }

  .xxl\:-m-2px{
    margin: -2px !important;
  }

  .xxl\:-m-3px{
    margin: -3px !important;
  }

  .xxl\:-m-5px{
    margin: -5px !important;
  }

  .xxl\:-m-10px{
    margin: -10px !important;
  }

  .xxl\:-m-15px{
    margin: -15px !important;
  }

  .xxl\:-m-20px{
    margin: -20px !important;
  }

  .xxl\:-m-25px{
    margin: -25px !important;
  }

  .xxl\:-m-30px{
    margin: -30px !important;
  }

  .xxl\:-m-36px{
    margin: -36px !important;
  }

  .xxl\:-m-50px{
    margin: -50px !important;
  }

  .xxl\:-m-60px{
    margin: -60px !important;
  }

  .xxl\:-m-120px{
    margin: -120px !important;
  }

  .xxl\:my-0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .xxl\:mx-0{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .xxl\:my-1{
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .xxl\:mx-1{
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }

  .xxl\:my-2{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .xxl\:mx-2{
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .xxl\:my-3{
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }

  .xxl\:mx-3{
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  .xxl\:my-4{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .xxl\:mx-4{
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .xxl\:my-5{
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }

  .xxl\:mx-5{
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }

  .xxl\:my-6{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .xxl\:mx-6{
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .xxl\:my-8{
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .xxl\:mx-8{
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .xxl\:my-10{
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .xxl\:mx-10{
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }

  .xxl\:my-12{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .xxl\:mx-12{
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .xxl\:my-16{
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .xxl\:mx-16{
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .xxl\:my-20{
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .xxl\:mx-20{
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .xxl\:my-24{
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .xxl\:mx-24{
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }

  .xxl\:my-28{
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .xxl\:mx-28{
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .xxl\:my-32{
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .xxl\:mx-32{
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .xxl\:my-40{
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .xxl\:mx-40{
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .xxl\:my-48{
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }

  .xxl\:mx-48{
    margin-left: 12rem !important;
    margin-right: 12rem !important;
  }

  .xxl\:my-56{
    margin-top: 14rem !important;
    margin-bottom: 14rem !important;
  }

  .xxl\:mx-56{
    margin-left: 14rem !important;
    margin-right: 14rem !important;
  }

  .xxl\:my-64{
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }

  .xxl\:mx-64{
    margin-left: 16rem !important;
    margin-right: 16rem !important;
  }

  .xxl\:my-auto{
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .xxl\:mx-auto{
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .xxl\:my-px{
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .xxl\:mx-px{
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .xxl\:my-2px{
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .xxl\:mx-2px{
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .xxl\:my-3px{
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .xxl\:mx-3px{
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .xxl\:my-5px{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .xxl\:mx-5px{
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .xxl\:my-10px{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .xxl\:mx-10px{
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .xxl\:my-15px{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .xxl\:mx-15px{
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .xxl\:my-20px{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .xxl\:mx-20px{
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .xxl\:my-25px{
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .xxl\:mx-25px{
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .xxl\:my-30px{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .xxl\:mx-30px{
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .xxl\:my-36px{
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }

  .xxl\:mx-36px{
    margin-left: 36px !important;
    margin-right: 36px !important;
  }

  .xxl\:my-50px{
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .xxl\:mx-50px{
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .xxl\:my-60px{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .xxl\:mx-60px{
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .xxl\:my-120px{
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .xxl\:mx-120px{
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .xxl\:-my-1{
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }

  .xxl\:-mx-1{
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }

  .xxl\:-my-2{
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }

  .xxl\:-mx-2{
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }

  .xxl\:-my-3{
    margin-top: -0.75rem !important;
    margin-bottom: -0.75rem !important;
  }

  .xxl\:-mx-3{
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
  }

  .xxl\:-my-4{
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }

  .xxl\:-mx-4{
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }

  .xxl\:-my-5{
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important;
  }

  .xxl\:-mx-5{
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
  }

  .xxl\:-my-6{
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }

  .xxl\:-mx-6{
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }

  .xxl\:-my-8{
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }

  .xxl\:-mx-8{
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }

  .xxl\:-my-10{
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important;
  }

  .xxl\:-mx-10{
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important;
  }

  .xxl\:-my-12{
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }

  .xxl\:-mx-12{
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }

  .xxl\:-my-16{
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }

  .xxl\:-mx-16{
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }

  .xxl\:-my-20{
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }

  .xxl\:-mx-20{
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }

  .xxl\:-my-24{
    margin-top: -6rem !important;
    margin-bottom: -6rem !important;
  }

  .xxl\:-mx-24{
    margin-left: -6rem !important;
    margin-right: -6rem !important;
  }

  .xxl\:-my-28{
    margin-top: -7rem !important;
    margin-bottom: -7rem !important;
  }

  .xxl\:-mx-28{
    margin-left: -7rem !important;
    margin-right: -7rem !important;
  }

  .xxl\:-my-32{
    margin-top: -8rem !important;
    margin-bottom: -8rem !important;
  }

  .xxl\:-mx-32{
    margin-left: -8rem !important;
    margin-right: -8rem !important;
  }

  .xxl\:-my-40{
    margin-top: -10rem !important;
    margin-bottom: -10rem !important;
  }

  .xxl\:-mx-40{
    margin-left: -10rem !important;
    margin-right: -10rem !important;
  }

  .xxl\:-my-48{
    margin-top: -12rem !important;
    margin-bottom: -12rem !important;
  }

  .xxl\:-mx-48{
    margin-left: -12rem !important;
    margin-right: -12rem !important;
  }

  .xxl\:-my-56{
    margin-top: -14rem !important;
    margin-bottom: -14rem !important;
  }

  .xxl\:-mx-56{
    margin-left: -14rem !important;
    margin-right: -14rem !important;
  }

  .xxl\:-my-64{
    margin-top: -16rem !important;
    margin-bottom: -16rem !important;
  }

  .xxl\:-mx-64{
    margin-left: -16rem !important;
    margin-right: -16rem !important;
  }

  .xxl\:-my-px{
    margin-top: -1px !important;
    margin-bottom: -1px !important;
  }

  .xxl\:-mx-px{
    margin-left: -1px !important;
    margin-right: -1px !important;
  }

  .xxl\:-my-2px{
    margin-top: -2px !important;
    margin-bottom: -2px !important;
  }

  .xxl\:-mx-2px{
    margin-left: -2px !important;
    margin-right: -2px !important;
  }

  .xxl\:-my-3px{
    margin-top: -3px !important;
    margin-bottom: -3px !important;
  }

  .xxl\:-mx-3px{
    margin-left: -3px !important;
    margin-right: -3px !important;
  }

  .xxl\:-my-5px{
    margin-top: -5px !important;
    margin-bottom: -5px !important;
  }

  .xxl\:-mx-5px{
    margin-left: -5px !important;
    margin-right: -5px !important;
  }

  .xxl\:-my-10px{
    margin-top: -10px !important;
    margin-bottom: -10px !important;
  }

  .xxl\:-mx-10px{
    margin-left: -10px !important;
    margin-right: -10px !important;
  }

  .xxl\:-my-15px{
    margin-top: -15px !important;
    margin-bottom: -15px !important;
  }

  .xxl\:-mx-15px{
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .xxl\:-my-20px{
    margin-top: -20px !important;
    margin-bottom: -20px !important;
  }

  .xxl\:-mx-20px{
    margin-left: -20px !important;
    margin-right: -20px !important;
  }

  .xxl\:-my-25px{
    margin-top: -25px !important;
    margin-bottom: -25px !important;
  }

  .xxl\:-mx-25px{
    margin-left: -25px !important;
    margin-right: -25px !important;
  }

  .xxl\:-my-30px{
    margin-top: -30px !important;
    margin-bottom: -30px !important;
  }

  .xxl\:-mx-30px{
    margin-left: -30px !important;
    margin-right: -30px !important;
  }

  .xxl\:-my-36px{
    margin-top: -36px !important;
    margin-bottom: -36px !important;
  }

  .xxl\:-mx-36px{
    margin-left: -36px !important;
    margin-right: -36px !important;
  }

  .xxl\:-my-50px{
    margin-top: -50px !important;
    margin-bottom: -50px !important;
  }

  .xxl\:-mx-50px{
    margin-left: -50px !important;
    margin-right: -50px !important;
  }

  .xxl\:-my-60px{
    margin-top: -60px !important;
    margin-bottom: -60px !important;
  }

  .xxl\:-mx-60px{
    margin-left: -60px !important;
    margin-right: -60px !important;
  }

  .xxl\:-my-120px{
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }

  .xxl\:-mx-120px{
    margin-left: -120px !important;
    margin-right: -120px !important;
  }

  .xxl\:mt-0{
    margin-top: 0 !important;
  }

  .xxl\:mr-0{
    margin-right: 0 !important;
  }

  .xxl\:mb-0{
    margin-bottom: 0 !important;
  }

  .xxl\:ml-0{
    margin-left: 0 !important;
  }

  .xxl\:mt-1{
    margin-top: 0.25rem !important;
  }

  .xxl\:mr-1{
    margin-right: 0.25rem !important;
  }

  .xxl\:mb-1{
    margin-bottom: 0.25rem !important;
  }

  .xxl\:ml-1{
    margin-left: 0.25rem !important;
  }

  .xxl\:mt-2{
    margin-top: 0.5rem !important;
  }

  .xxl\:mr-2{
    margin-right: 0.5rem !important;
  }

  .xxl\:mb-2{
    margin-bottom: 0.5rem !important;
  }

  .xxl\:ml-2{
    margin-left: 0.5rem !important;
  }

  .xxl\:mt-3{
    margin-top: 0.75rem !important;
  }

  .xxl\:mr-3{
    margin-right: 0.75rem !important;
  }

  .xxl\:mb-3{
    margin-bottom: 0.75rem !important;
  }

  .xxl\:ml-3{
    margin-left: 0.75rem !important;
  }

  .xxl\:mt-4{
    margin-top: 1rem !important;
  }

  .xxl\:mr-4{
    margin-right: 1rem !important;
  }

  .xxl\:mb-4{
    margin-bottom: 1rem !important;
  }

  .xxl\:ml-4{
    margin-left: 1rem !important;
  }

  .xxl\:mt-5{
    margin-top: 1.25rem !important;
  }

  .xxl\:mr-5{
    margin-right: 1.25rem !important;
  }

  .xxl\:mb-5{
    margin-bottom: 1.25rem !important;
  }

  .xxl\:ml-5{
    margin-left: 1.25rem !important;
  }

  .xxl\:mt-6{
    margin-top: 1.5rem !important;
  }

  .xxl\:mr-6{
    margin-right: 1.5rem !important;
  }

  .xxl\:mb-6{
    margin-bottom: 1.5rem !important;
  }

  .xxl\:ml-6{
    margin-left: 1.5rem !important;
  }

  .xxl\:mt-8{
    margin-top: 2rem !important;
  }

  .xxl\:mr-8{
    margin-right: 2rem !important;
  }

  .xxl\:mb-8{
    margin-bottom: 2rem !important;
  }

  .xxl\:ml-8{
    margin-left: 2rem !important;
  }

  .xxl\:mt-10{
    margin-top: 2.5rem !important;
  }

  .xxl\:mr-10{
    margin-right: 2.5rem !important;
  }

  .xxl\:mb-10{
    margin-bottom: 2.5rem !important;
  }

  .xxl\:ml-10{
    margin-left: 2.5rem !important;
  }

  .xxl\:mt-12{
    margin-top: 3rem !important;
  }

  .xxl\:mr-12{
    margin-right: 3rem !important;
  }

  .xxl\:mb-12{
    margin-bottom: 3rem !important;
  }

  .xxl\:ml-12{
    margin-left: 3rem !important;
  }

  .xxl\:mt-16{
    margin-top: 4rem !important;
  }

  .xxl\:mr-16{
    margin-right: 4rem !important;
  }

  .xxl\:mb-16{
    margin-bottom: 4rem !important;
  }

  .xxl\:ml-16{
    margin-left: 4rem !important;
  }

  .xxl\:mt-20{
    margin-top: 5rem !important;
  }

  .xxl\:mr-20{
    margin-right: 5rem !important;
  }

  .xxl\:mb-20{
    margin-bottom: 5rem !important;
  }

  .xxl\:ml-20{
    margin-left: 5rem !important;
  }

  .xxl\:mt-24{
    margin-top: 6rem !important;
  }

  .xxl\:mr-24{
    margin-right: 6rem !important;
  }

  .xxl\:mb-24{
    margin-bottom: 6rem !important;
  }

  .xxl\:ml-24{
    margin-left: 6rem !important;
  }

  .xxl\:mt-28{
    margin-top: 7rem !important;
  }

  .xxl\:mr-28{
    margin-right: 7rem !important;
  }

  .xxl\:mb-28{
    margin-bottom: 7rem !important;
  }

  .xxl\:ml-28{
    margin-left: 7rem !important;
  }

  .xxl\:mt-32{
    margin-top: 8rem !important;
  }

  .xxl\:mr-32{
    margin-right: 8rem !important;
  }

  .xxl\:mb-32{
    margin-bottom: 8rem !important;
  }

  .xxl\:ml-32{
    margin-left: 8rem !important;
  }

  .xxl\:mt-40{
    margin-top: 10rem !important;
  }

  .xxl\:mr-40{
    margin-right: 10rem !important;
  }

  .xxl\:mb-40{
    margin-bottom: 10rem !important;
  }

  .xxl\:ml-40{
    margin-left: 10rem !important;
  }

  .xxl\:mt-48{
    margin-top: 12rem !important;
  }

  .xxl\:mr-48{
    margin-right: 12rem !important;
  }

  .xxl\:mb-48{
    margin-bottom: 12rem !important;
  }

  .xxl\:ml-48{
    margin-left: 12rem !important;
  }

  .xxl\:mt-56{
    margin-top: 14rem !important;
  }

  .xxl\:mr-56{
    margin-right: 14rem !important;
  }

  .xxl\:mb-56{
    margin-bottom: 14rem !important;
  }

  .xxl\:ml-56{
    margin-left: 14rem !important;
  }

  .xxl\:mt-64{
    margin-top: 16rem !important;
  }

  .xxl\:mr-64{
    margin-right: 16rem !important;
  }

  .xxl\:mb-64{
    margin-bottom: 16rem !important;
  }

  .xxl\:ml-64{
    margin-left: 16rem !important;
  }

  .xxl\:mt-auto{
    margin-top: auto !important;
  }

  .xxl\:mr-auto{
    margin-right: auto !important;
  }

  .xxl\:mb-auto{
    margin-bottom: auto !important;
  }

  .xxl\:ml-auto{
    margin-left: auto !important;
  }

  .xxl\:mt-px{
    margin-top: 1px !important;
  }

  .xxl\:mr-px{
    margin-right: 1px !important;
  }

  .xxl\:mb-px{
    margin-bottom: 1px !important;
  }

  .xxl\:ml-px{
    margin-left: 1px !important;
  }

  .xxl\:mt-2px{
    margin-top: 2px !important;
  }

  .xxl\:mr-2px{
    margin-right: 2px !important;
  }

  .xxl\:mb-2px{
    margin-bottom: 2px !important;
  }

  .xxl\:ml-2px{
    margin-left: 2px !important;
  }

  .xxl\:mt-3px{
    margin-top: 3px !important;
  }

  .xxl\:mr-3px{
    margin-right: 3px !important;
  }

  .xxl\:mb-3px{
    margin-bottom: 3px !important;
  }

  .xxl\:ml-3px{
    margin-left: 3px !important;
  }

  .xxl\:mt-5px{
    margin-top: 5px !important;
  }

  .xxl\:mr-5px{
    margin-right: 5px !important;
  }

  .xxl\:mb-5px{
    margin-bottom: 5px !important;
  }

  .xxl\:ml-5px{
    margin-left: 5px !important;
  }

  .xxl\:mt-10px{
    margin-top: 10px !important;
  }

  .xxl\:mr-10px{
    margin-right: 10px !important;
  }

  .xxl\:mb-10px{
    margin-bottom: 10px !important;
  }

  .xxl\:ml-10px{
    margin-left: 10px !important;
  }

  .xxl\:mt-15px{
    margin-top: 15px !important;
  }

  .xxl\:mr-15px{
    margin-right: 15px !important;
  }

  .xxl\:mb-15px{
    margin-bottom: 15px !important;
  }

  .xxl\:ml-15px{
    margin-left: 15px !important;
  }

  .xxl\:mt-20px{
    margin-top: 20px !important;
  }

  .xxl\:mr-20px{
    margin-right: 20px !important;
  }

  .xxl\:mb-20px{
    margin-bottom: 20px !important;
  }

  .xxl\:ml-20px{
    margin-left: 20px !important;
  }

  .xxl\:mt-25px{
    margin-top: 25px !important;
  }

  .xxl\:mr-25px{
    margin-right: 25px !important;
  }

  .xxl\:mb-25px{
    margin-bottom: 25px !important;
  }

  .xxl\:ml-25px{
    margin-left: 25px !important;
  }

  .xxl\:mt-30px{
    margin-top: 30px !important;
  }

  .xxl\:mr-30px{
    margin-right: 30px !important;
  }

  .xxl\:mb-30px{
    margin-bottom: 30px !important;
  }

  .xxl\:ml-30px{
    margin-left: 30px !important;
  }

  .xxl\:mt-36px{
    margin-top: 36px !important;
  }

  .xxl\:mr-36px{
    margin-right: 36px !important;
  }

  .xxl\:mb-36px{
    margin-bottom: 36px !important;
  }

  .xxl\:ml-36px{
    margin-left: 36px !important;
  }

  .xxl\:mt-50px{
    margin-top: 50px !important;
  }

  .xxl\:mr-50px{
    margin-right: 50px !important;
  }

  .xxl\:mb-50px{
    margin-bottom: 50px !important;
  }

  .xxl\:ml-50px{
    margin-left: 50px !important;
  }

  .xxl\:mt-60px{
    margin-top: 60px !important;
  }

  .xxl\:mr-60px{
    margin-right: 60px !important;
  }

  .xxl\:mb-60px{
    margin-bottom: 60px !important;
  }

  .xxl\:ml-60px{
    margin-left: 60px !important;
  }

  .xxl\:mt-120px{
    margin-top: 120px !important;
  }

  .xxl\:mr-120px{
    margin-right: 120px !important;
  }

  .xxl\:mb-120px{
    margin-bottom: 120px !important;
  }

  .xxl\:ml-120px{
    margin-left: 120px !important;
  }

  .xxl\:-mt-1{
    margin-top: -0.25rem !important;
  }

  .xxl\:-mr-1{
    margin-right: -0.25rem !important;
  }

  .xxl\:-mb-1{
    margin-bottom: -0.25rem !important;
  }

  .xxl\:-ml-1{
    margin-left: -0.25rem !important;
  }

  .xxl\:-mt-2{
    margin-top: -0.5rem !important;
  }

  .xxl\:-mr-2{
    margin-right: -0.5rem !important;
  }

  .xxl\:-mb-2{
    margin-bottom: -0.5rem !important;
  }

  .xxl\:-ml-2{
    margin-left: -0.5rem !important;
  }

  .xxl\:-mt-3{
    margin-top: -0.75rem !important;
  }

  .xxl\:-mr-3{
    margin-right: -0.75rem !important;
  }

  .xxl\:-mb-3{
    margin-bottom: -0.75rem !important;
  }

  .xxl\:-ml-3{
    margin-left: -0.75rem !important;
  }

  .xxl\:-mt-4{
    margin-top: -1rem !important;
  }

  .xxl\:-mr-4{
    margin-right: -1rem !important;
  }

  .xxl\:-mb-4{
    margin-bottom: -1rem !important;
  }

  .xxl\:-ml-4{
    margin-left: -1rem !important;
  }

  .xxl\:-mt-5{
    margin-top: -1.25rem !important;
  }

  .xxl\:-mr-5{
    margin-right: -1.25rem !important;
  }

  .xxl\:-mb-5{
    margin-bottom: -1.25rem !important;
  }

  .xxl\:-ml-5{
    margin-left: -1.25rem !important;
  }

  .xxl\:-mt-6{
    margin-top: -1.5rem !important;
  }

  .xxl\:-mr-6{
    margin-right: -1.5rem !important;
  }

  .xxl\:-mb-6{
    margin-bottom: -1.5rem !important;
  }

  .xxl\:-ml-6{
    margin-left: -1.5rem !important;
  }

  .xxl\:-mt-8{
    margin-top: -2rem !important;
  }

  .xxl\:-mr-8{
    margin-right: -2rem !important;
  }

  .xxl\:-mb-8{
    margin-bottom: -2rem !important;
  }

  .xxl\:-ml-8{
    margin-left: -2rem !important;
  }

  .xxl\:-mt-10{
    margin-top: -2.5rem !important;
  }

  .xxl\:-mr-10{
    margin-right: -2.5rem !important;
  }

  .xxl\:-mb-10{
    margin-bottom: -2.5rem !important;
  }

  .xxl\:-ml-10{
    margin-left: -2.5rem !important;
  }

  .xxl\:-mt-12{
    margin-top: -3rem !important;
  }

  .xxl\:-mr-12{
    margin-right: -3rem !important;
  }

  .xxl\:-mb-12{
    margin-bottom: -3rem !important;
  }

  .xxl\:-ml-12{
    margin-left: -3rem !important;
  }

  .xxl\:-mt-16{
    margin-top: -4rem !important;
  }

  .xxl\:-mr-16{
    margin-right: -4rem !important;
  }

  .xxl\:-mb-16{
    margin-bottom: -4rem !important;
  }

  .xxl\:-ml-16{
    margin-left: -4rem !important;
  }

  .xxl\:-mt-20{
    margin-top: -5rem !important;
  }

  .xxl\:-mr-20{
    margin-right: -5rem !important;
  }

  .xxl\:-mb-20{
    margin-bottom: -5rem !important;
  }

  .xxl\:-ml-20{
    margin-left: -5rem !important;
  }

  .xxl\:-mt-24{
    margin-top: -6rem !important;
  }

  .xxl\:-mr-24{
    margin-right: -6rem !important;
  }

  .xxl\:-mb-24{
    margin-bottom: -6rem !important;
  }

  .xxl\:-ml-24{
    margin-left: -6rem !important;
  }

  .xxl\:-mt-28{
    margin-top: -7rem !important;
  }

  .xxl\:-mr-28{
    margin-right: -7rem !important;
  }

  .xxl\:-mb-28{
    margin-bottom: -7rem !important;
  }

  .xxl\:-ml-28{
    margin-left: -7rem !important;
  }

  .xxl\:-mt-32{
    margin-top: -8rem !important;
  }

  .xxl\:-mr-32{
    margin-right: -8rem !important;
  }

  .xxl\:-mb-32{
    margin-bottom: -8rem !important;
  }

  .xxl\:-ml-32{
    margin-left: -8rem !important;
  }

  .xxl\:-mt-40{
    margin-top: -10rem !important;
  }

  .xxl\:-mr-40{
    margin-right: -10rem !important;
  }

  .xxl\:-mb-40{
    margin-bottom: -10rem !important;
  }

  .xxl\:-ml-40{
    margin-left: -10rem !important;
  }

  .xxl\:-mt-48{
    margin-top: -12rem !important;
  }

  .xxl\:-mr-48{
    margin-right: -12rem !important;
  }

  .xxl\:-mb-48{
    margin-bottom: -12rem !important;
  }

  .xxl\:-ml-48{
    margin-left: -12rem !important;
  }

  .xxl\:-mt-56{
    margin-top: -14rem !important;
  }

  .xxl\:-mr-56{
    margin-right: -14rem !important;
  }

  .xxl\:-mb-56{
    margin-bottom: -14rem !important;
  }

  .xxl\:-ml-56{
    margin-left: -14rem !important;
  }

  .xxl\:-mt-64{
    margin-top: -16rem !important;
  }

  .xxl\:-mr-64{
    margin-right: -16rem !important;
  }

  .xxl\:-mb-64{
    margin-bottom: -16rem !important;
  }

  .xxl\:-ml-64{
    margin-left: -16rem !important;
  }

  .xxl\:-mt-px{
    margin-top: -1px !important;
  }

  .xxl\:-mr-px{
    margin-right: -1px !important;
  }

  .xxl\:-mb-px{
    margin-bottom: -1px !important;
  }

  .xxl\:-ml-px{
    margin-left: -1px !important;
  }

  .xxl\:-mt-2px{
    margin-top: -2px !important;
  }

  .xxl\:-mr-2px{
    margin-right: -2px !important;
  }

  .xxl\:-mb-2px{
    margin-bottom: -2px !important;
  }

  .xxl\:-ml-2px{
    margin-left: -2px !important;
  }

  .xxl\:-mt-3px{
    margin-top: -3px !important;
  }

  .xxl\:-mr-3px{
    margin-right: -3px !important;
  }

  .xxl\:-mb-3px{
    margin-bottom: -3px !important;
  }

  .xxl\:-ml-3px{
    margin-left: -3px !important;
  }

  .xxl\:-mt-5px{
    margin-top: -5px !important;
  }

  .xxl\:-mr-5px{
    margin-right: -5px !important;
  }

  .xxl\:-mb-5px{
    margin-bottom: -5px !important;
  }

  .xxl\:-ml-5px{
    margin-left: -5px !important;
  }

  .xxl\:-mt-10px{
    margin-top: -10px !important;
  }

  .xxl\:-mr-10px{
    margin-right: -10px !important;
  }

  .xxl\:-mb-10px{
    margin-bottom: -10px !important;
  }

  .xxl\:-ml-10px{
    margin-left: -10px !important;
  }

  .xxl\:-mt-15px{
    margin-top: -15px !important;
  }

  .xxl\:-mr-15px{
    margin-right: -15px !important;
  }

  .xxl\:-mb-15px{
    margin-bottom: -15px !important;
  }

  .xxl\:-ml-15px{
    margin-left: -15px !important;
  }

  .xxl\:-mt-20px{
    margin-top: -20px !important;
  }

  .xxl\:-mr-20px{
    margin-right: -20px !important;
  }

  .xxl\:-mb-20px{
    margin-bottom: -20px !important;
  }

  .xxl\:-ml-20px{
    margin-left: -20px !important;
  }

  .xxl\:-mt-25px{
    margin-top: -25px !important;
  }

  .xxl\:-mr-25px{
    margin-right: -25px !important;
  }

  .xxl\:-mb-25px{
    margin-bottom: -25px !important;
  }

  .xxl\:-ml-25px{
    margin-left: -25px !important;
  }

  .xxl\:-mt-30px{
    margin-top: -30px !important;
  }

  .xxl\:-mr-30px{
    margin-right: -30px !important;
  }

  .xxl\:-mb-30px{
    margin-bottom: -30px !important;
  }

  .xxl\:-ml-30px{
    margin-left: -30px !important;
  }

  .xxl\:-mt-36px{
    margin-top: -36px !important;
  }

  .xxl\:-mr-36px{
    margin-right: -36px !important;
  }

  .xxl\:-mb-36px{
    margin-bottom: -36px !important;
  }

  .xxl\:-ml-36px{
    margin-left: -36px !important;
  }

  .xxl\:-mt-50px{
    margin-top: -50px !important;
  }

  .xxl\:-mr-50px{
    margin-right: -50px !important;
  }

  .xxl\:-mb-50px{
    margin-bottom: -50px !important;
  }

  .xxl\:-ml-50px{
    margin-left: -50px !important;
  }

  .xxl\:-mt-60px{
    margin-top: -60px !important;
  }

  .xxl\:-mr-60px{
    margin-right: -60px !important;
  }

  .xxl\:-mb-60px{
    margin-bottom: -60px !important;
  }

  .xxl\:-ml-60px{
    margin-left: -60px !important;
  }

  .xxl\:-mt-120px{
    margin-top: -120px !important;
  }

  .xxl\:-mr-120px{
    margin-right: -120px !important;
  }

  .xxl\:-mb-120px{
    margin-bottom: -120px !important;
  }

  .xxl\:-ml-120px{
    margin-left: -120px !important;
  }

  .xxl\:max-h-full{
    max-height: 100% !important;
  }

  .xxl\:max-h-screen{
    max-height: 100vh !important;
  }

  .xxl\:max-h-3\/4{
    max-height: 75% !important;
  }

  .xxl\:max-w-250{
    max-width: 250px !important;
  }

  .xxl\:max-w-440{
    max-width: 440px !important;
  }

  .xxl\:max-w-none{
    max-width: none !important;
  }

  .xxl\:max-w-xs{
    max-width: 20rem !important;
  }

  .xxl\:max-w-sm{
    max-width: 24rem !important;
  }

  .xxl\:max-w-md{
    max-width: 28rem !important;
  }

  .xxl\:max-w-lg{
    max-width: 32rem !important;
  }

  .xxl\:max-w-xl{
    max-width: 36rem !important;
  }

  .xxl\:max-w-2xl{
    max-width: 42rem !important;
  }

  .xxl\:max-w-3xl{
    max-width: 48rem !important;
  }

  .xxl\:max-w-4xl{
    max-width: 56rem !important;
  }

  .xxl\:max-w-5xl{
    max-width: 64rem !important;
  }

  .xxl\:max-w-6xl{
    max-width: 72rem !important;
  }

  .xxl\:max-w-full{
    max-width: 100% !important;
  }

  .xxl\:max-w-screen-sm{
    max-width: 560px !important;
  }

  .xxl\:max-w-screen-md{
    max-width: 768px !important;
  }

  .xxl\:max-w-screen-lg{
    max-width: 1024px !important;
  }

  .xxl\:max-w-screen-xl{
    max-width: 1280px !important;
  }

  .xxl\:max-w-screen-xxs{
    max-width: 320px !important;
  }

  .xxl\:max-w-screen-xs{
    max-width: 360px !important;
  }

  .xxl\:max-w-screen-xxl{
    max-width: 1920px !important;
  }

  .xxl\:min-h-0{
    min-height: 0 !important;
  }

  .xxl\:min-h-full{
    min-height: 100% !important;
  }

  .xxl\:min-h-screen{
    min-height: 100vh !important;
  }

  .xxl\:min-w-0{
    min-width: 0 !important;
  }

  .xxl\:min-w-full{
    min-width: 100% !important;
  }

  .xxl\:object-contain{
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }

  .xxl\:object-cover{
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }

  .xxl\:object-fill{
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }

  .xxl\:object-none{
    -o-object-fit: none !important;
    object-fit: none !important;
  }

  .xxl\:object-scale-down{
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }

  .xxl\:object-bottom{
    -o-object-position: bottom !important;
    object-position: bottom !important;
  }

  .xxl\:object-center{
    -o-object-position: center !important;
    object-position: center !important;
  }

  .xxl\:object-left{
    -o-object-position: left !important;
    object-position: left !important;
  }

  .xxl\:object-left-bottom{
    -o-object-position: left bottom !important;
    object-position: left bottom !important;
  }

  .xxl\:object-left-top{
    -o-object-position: left top !important;
    object-position: left top !important;
  }

  .xxl\:object-right{
    -o-object-position: right !important;
    object-position: right !important;
  }

  .xxl\:object-right-bottom{
    -o-object-position: right bottom !important;
    object-position: right bottom !important;
  }

  .xxl\:object-right-top{
    -o-object-position: right top !important;
    object-position: right top !important;
  }

  .xxl\:object-top{
    -o-object-position: top !important;
    object-position: top !important;
  }

  .xxl\:opacity-0{
    opacity: 0 !important;
  }

  .xxl\:opacity-25{
    opacity: 0.25 !important;
  }

  .xxl\:opacity-50{
    opacity: 0.5 !important;
  }

  .xxl\:opacity-75{
    opacity: 0.75 !important;
  }

  .xxl\:opacity-100{
    opacity: 1 !important;
  }

  .xxl\:hover\:opacity-0:hover{
    opacity: 0 !important;
  }

  .xxl\:hover\:opacity-25:hover{
    opacity: 0.25 !important;
  }

  .xxl\:hover\:opacity-50:hover{
    opacity: 0.5 !important;
  }

  .xxl\:hover\:opacity-75:hover{
    opacity: 0.75 !important;
  }

  .xxl\:hover\:opacity-100:hover{
    opacity: 1 !important;
  }

  .xxl\:focus\:opacity-0:focus{
    opacity: 0 !important;
  }

  .xxl\:focus\:opacity-25:focus{
    opacity: 0.25 !important;
  }

  .xxl\:focus\:opacity-50:focus{
    opacity: 0.5 !important;
  }

  .xxl\:focus\:opacity-75:focus{
    opacity: 0.75 !important;
  }

  .xxl\:focus\:opacity-100:focus{
    opacity: 1 !important;
  }

  .xxl\:outline-none{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .xxl\:outline-white{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .xxl\:outline-black{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .xxl\:focus\:outline-none:focus{
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }

  .xxl\:focus\:outline-white:focus{
    outline: 2px dotted white !important;
    outline-offset: 2px !important;
  }

  .xxl\:focus\:outline-black:focus{
    outline: 2px dotted black !important;
    outline-offset: 2px !important;
  }

  .xxl\:overflow-auto{
    overflow: auto !important;
  }

  .xxl\:overflow-hidden{
    overflow: hidden !important;
  }

  .xxl\:overflow-visible{
    overflow: visible !important;
  }

  .xxl\:overflow-scroll{
    overflow: scroll !important;
  }

  .xxl\:overflow-x-auto{
    overflow-x: auto !important;
  }

  .xxl\:overflow-y-auto{
    overflow-y: auto !important;
  }

  .xxl\:overflow-x-hidden{
    overflow-x: hidden !important;
  }

  .xxl\:overflow-y-hidden{
    overflow-y: hidden !important;
  }

  .xxl\:overflow-x-visible{
    overflow-x: visible !important;
  }

  .xxl\:overflow-y-visible{
    overflow-y: visible !important;
  }

  .xxl\:overflow-x-scroll{
    overflow-x: scroll !important;
  }

  .xxl\:overflow-y-scroll{
    overflow-y: scroll !important;
  }

  .xxl\:scrolling-touch{
    -webkit-overflow-scrolling: touch !important;
  }

  .xxl\:scrolling-auto{
    -webkit-overflow-scrolling: auto !important;
  }

  .xxl\:overscroll-auto{
    -ms-scroll-chaining: chained !important;
    overscroll-behavior: auto !important;
  }

  .xxl\:overscroll-contain{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: contain !important;
  }

  .xxl\:overscroll-none{
    -ms-scroll-chaining: none !important;
    overscroll-behavior: none !important;
  }

  .xxl\:overscroll-y-auto{
    overscroll-behavior-y: auto !important;
  }

  .xxl\:overscroll-y-contain{
    overscroll-behavior-y: contain !important;
  }

  .xxl\:overscroll-y-none{
    overscroll-behavior-y: none !important;
  }

  .xxl\:overscroll-x-auto{
    overscroll-behavior-x: auto !important;
  }

  .xxl\:overscroll-x-contain{
    overscroll-behavior-x: contain !important;
  }

  .xxl\:overscroll-x-none{
    overscroll-behavior-x: none !important;
  }

  .xxl\:p-0{
    padding: 0 !important;
  }

  .xxl\:p-1{
    padding: 0.25rem !important;
  }

  .xxl\:p-2{
    padding: 0.5rem !important;
  }

  .xxl\:p-3{
    padding: 0.75rem !important;
  }

  .xxl\:p-4{
    padding: 1rem !important;
  }

  .xxl\:p-5{
    padding: 1.25rem !important;
  }

  .xxl\:p-6{
    padding: 1.5rem !important;
  }

  .xxl\:p-8{
    padding: 2rem !important;
  }

  .xxl\:p-10{
    padding: 2.5rem !important;
  }

  .xxl\:p-12{
    padding: 3rem !important;
  }

  .xxl\:p-16{
    padding: 4rem !important;
  }

  .xxl\:p-20{
    padding: 5rem !important;
  }

  .xxl\:p-24{
    padding: 6rem !important;
  }

  .xxl\:p-28{
    padding: 7rem !important;
  }

  .xxl\:p-32{
    padding: 8rem !important;
  }

  .xxl\:p-40{
    padding: 10rem !important;
  }

  .xxl\:p-48{
    padding: 12rem !important;
  }

  .xxl\:p-56{
    padding: 14rem !important;
  }

  .xxl\:p-64{
    padding: 16rem !important;
  }

  .xxl\:p-px{
    padding: 1px !important;
  }

  .xxl\:p-2px{
    padding: 2px !important;
  }

  .xxl\:p-3px{
    padding: 3px !important;
  }

  .xxl\:p-5px{
    padding: 5px !important;
  }

  .xxl\:p-10px{
    padding: 10px !important;
  }

  .xxl\:p-15px{
    padding: 15px !important;
  }

  .xxl\:p-20px{
    padding: 20px !important;
  }

  .xxl\:p-25px{
    padding: 25px !important;
  }

  .xxl\:p-30px{
    padding: 30px !important;
  }

  .xxl\:p-36px{
    padding: 36px !important;
  }

  .xxl\:p-50px{
    padding: 50px !important;
  }

  .xxl\:p-60px{
    padding: 60px !important;
  }

  .xxl\:p-120px{
    padding: 120px !important;
  }

  .xxl\:py-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .xxl\:px-0{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .xxl\:py-1{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .xxl\:px-1{
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .xxl\:py-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .xxl\:px-2{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .xxl\:py-3{
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .xxl\:px-3{
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .xxl\:py-4{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .xxl\:px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .xxl\:py-5{
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .xxl\:px-5{
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .xxl\:py-6{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .xxl\:px-6{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .xxl\:py-8{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  .xxl\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .xxl\:py-10{
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .xxl\:px-10{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  .xxl\:py-12{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .xxl\:px-12{
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .xxl\:py-16{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .xxl\:px-16{
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .xxl\:py-20{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .xxl\:px-20{
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .xxl\:py-24{
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }

  .xxl\:px-24{
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .xxl\:py-28{
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }

  .xxl\:px-28{
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .xxl\:py-32{
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }

  .xxl\:px-32{
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .xxl\:py-40{
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .xxl\:px-40{
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .xxl\:py-48{
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
  }

  .xxl\:px-48{
    padding-left: 12rem !important;
    padding-right: 12rem !important;
  }

  .xxl\:py-56{
    padding-top: 14rem !important;
    padding-bottom: 14rem !important;
  }

  .xxl\:px-56{
    padding-left: 14rem !important;
    padding-right: 14rem !important;
  }

  .xxl\:py-64{
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }

  .xxl\:px-64{
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .xxl\:py-px{
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .xxl\:px-px{
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .xxl\:py-2px{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .xxl\:px-2px{
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .xxl\:py-3px{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .xxl\:px-3px{
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .xxl\:py-5px{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .xxl\:px-5px{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .xxl\:py-10px{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .xxl\:px-10px{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .xxl\:py-15px{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .xxl\:px-15px{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .xxl\:py-20px{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .xxl\:px-20px{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .xxl\:py-25px{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .xxl\:px-25px{
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .xxl\:py-30px{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .xxl\:px-30px{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .xxl\:py-36px{
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .xxl\:px-36px{
    padding-left: 36px !important;
    padding-right: 36px !important;
  }

  .xxl\:py-50px{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .xxl\:px-50px{
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .xxl\:py-60px{
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .xxl\:px-60px{
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .xxl\:py-120px{
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .xxl\:px-120px{
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .xxl\:pt-0{
    padding-top: 0 !important;
  }

  .xxl\:pr-0{
    padding-right: 0 !important;
  }

  .xxl\:pb-0{
    padding-bottom: 0 !important;
  }

  .xxl\:pl-0{
    padding-left: 0 !important;
  }

  .xxl\:pt-1{
    padding-top: 0.25rem !important;
  }

  .xxl\:pr-1{
    padding-right: 0.25rem !important;
  }

  .xxl\:pb-1{
    padding-bottom: 0.25rem !important;
  }

  .xxl\:pl-1{
    padding-left: 0.25rem !important;
  }

  .xxl\:pt-2{
    padding-top: 0.5rem !important;
  }

  .xxl\:pr-2{
    padding-right: 0.5rem !important;
  }

  .xxl\:pb-2{
    padding-bottom: 0.5rem !important;
  }

  .xxl\:pl-2{
    padding-left: 0.5rem !important;
  }

  .xxl\:pt-3{
    padding-top: 0.75rem !important;
  }

  .xxl\:pr-3{
    padding-right: 0.75rem !important;
  }

  .xxl\:pb-3{
    padding-bottom: 0.75rem !important;
  }

  .xxl\:pl-3{
    padding-left: 0.75rem !important;
  }

  .xxl\:pt-4{
    padding-top: 1rem !important;
  }

  .xxl\:pr-4{
    padding-right: 1rem !important;
  }

  .xxl\:pb-4{
    padding-bottom: 1rem !important;
  }

  .xxl\:pl-4{
    padding-left: 1rem !important;
  }

  .xxl\:pt-5{
    padding-top: 1.25rem !important;
  }

  .xxl\:pr-5{
    padding-right: 1.25rem !important;
  }

  .xxl\:pb-5{
    padding-bottom: 1.25rem !important;
  }

  .xxl\:pl-5{
    padding-left: 1.25rem !important;
  }

  .xxl\:pt-6{
    padding-top: 1.5rem !important;
  }

  .xxl\:pr-6{
    padding-right: 1.5rem !important;
  }

  .xxl\:pb-6{
    padding-bottom: 1.5rem !important;
  }

  .xxl\:pl-6{
    padding-left: 1.5rem !important;
  }

  .xxl\:pt-8{
    padding-top: 2rem !important;
  }

  .xxl\:pr-8{
    padding-right: 2rem !important;
  }

  .xxl\:pb-8{
    padding-bottom: 2rem !important;
  }

  .xxl\:pl-8{
    padding-left: 2rem !important;
  }

  .xxl\:pt-10{
    padding-top: 2.5rem !important;
  }

  .xxl\:pr-10{
    padding-right: 2.5rem !important;
  }

  .xxl\:pb-10{
    padding-bottom: 2.5rem !important;
  }

  .xxl\:pl-10{
    padding-left: 2.5rem !important;
  }

  .xxl\:pt-12{
    padding-top: 3rem !important;
  }

  .xxl\:pr-12{
    padding-right: 3rem !important;
  }

  .xxl\:pb-12{
    padding-bottom: 3rem !important;
  }

  .xxl\:pl-12{
    padding-left: 3rem !important;
  }

  .xxl\:pt-16{
    padding-top: 4rem !important;
  }

  .xxl\:pr-16{
    padding-right: 4rem !important;
  }

  .xxl\:pb-16{
    padding-bottom: 4rem !important;
  }

  .xxl\:pl-16{
    padding-left: 4rem !important;
  }

  .xxl\:pt-20{
    padding-top: 5rem !important;
  }

  .xxl\:pr-20{
    padding-right: 5rem !important;
  }

  .xxl\:pb-20{
    padding-bottom: 5rem !important;
  }

  .xxl\:pl-20{
    padding-left: 5rem !important;
  }

  .xxl\:pt-24{
    padding-top: 6rem !important;
  }

  .xxl\:pr-24{
    padding-right: 6rem !important;
  }

  .xxl\:pb-24{
    padding-bottom: 6rem !important;
  }

  .xxl\:pl-24{
    padding-left: 6rem !important;
  }

  .xxl\:pt-28{
    padding-top: 7rem !important;
  }

  .xxl\:pr-28{
    padding-right: 7rem !important;
  }

  .xxl\:pb-28{
    padding-bottom: 7rem !important;
  }

  .xxl\:pl-28{
    padding-left: 7rem !important;
  }

  .xxl\:pt-32{
    padding-top: 8rem !important;
  }

  .xxl\:pr-32{
    padding-right: 8rem !important;
  }

  .xxl\:pb-32{
    padding-bottom: 8rem !important;
  }

  .xxl\:pl-32{
    padding-left: 8rem !important;
  }

  .xxl\:pt-40{
    padding-top: 10rem !important;
  }

  .xxl\:pr-40{
    padding-right: 10rem !important;
  }

  .xxl\:pb-40{
    padding-bottom: 10rem !important;
  }

  .xxl\:pl-40{
    padding-left: 10rem !important;
  }

  .xxl\:pt-48{
    padding-top: 12rem !important;
  }

  .xxl\:pr-48{
    padding-right: 12rem !important;
  }

  .xxl\:pb-48{
    padding-bottom: 12rem !important;
  }

  .xxl\:pl-48{
    padding-left: 12rem !important;
  }

  .xxl\:pt-56{
    padding-top: 14rem !important;
  }

  .xxl\:pr-56{
    padding-right: 14rem !important;
  }

  .xxl\:pb-56{
    padding-bottom: 14rem !important;
  }

  .xxl\:pl-56{
    padding-left: 14rem !important;
  }

  .xxl\:pt-64{
    padding-top: 16rem !important;
  }

  .xxl\:pr-64{
    padding-right: 16rem !important;
  }

  .xxl\:pb-64{
    padding-bottom: 16rem !important;
  }

  .xxl\:pl-64{
    padding-left: 16rem !important;
  }

  .xxl\:pt-px{
    padding-top: 1px !important;
  }

  .xxl\:pr-px{
    padding-right: 1px !important;
  }

  .xxl\:pb-px{
    padding-bottom: 1px !important;
  }

  .xxl\:pl-px{
    padding-left: 1px !important;
  }

  .xxl\:pt-2px{
    padding-top: 2px !important;
  }

  .xxl\:pr-2px{
    padding-right: 2px !important;
  }

  .xxl\:pb-2px{
    padding-bottom: 2px !important;
  }

  .xxl\:pl-2px{
    padding-left: 2px !important;
  }

  .xxl\:pt-3px{
    padding-top: 3px !important;
  }

  .xxl\:pr-3px{
    padding-right: 3px !important;
  }

  .xxl\:pb-3px{
    padding-bottom: 3px !important;
  }

  .xxl\:pl-3px{
    padding-left: 3px !important;
  }

  .xxl\:pt-5px{
    padding-top: 5px !important;
  }

  .xxl\:pr-5px{
    padding-right: 5px !important;
  }

  .xxl\:pb-5px{
    padding-bottom: 5px !important;
  }

  .xxl\:pl-5px{
    padding-left: 5px !important;
  }

  .xxl\:pt-10px{
    padding-top: 10px !important;
  }

  .xxl\:pr-10px{
    padding-right: 10px !important;
  }

  .xxl\:pb-10px{
    padding-bottom: 10px !important;
  }

  .xxl\:pl-10px{
    padding-left: 10px !important;
  }

  .xxl\:pt-15px{
    padding-top: 15px !important;
  }

  .xxl\:pr-15px{
    padding-right: 15px !important;
  }

  .xxl\:pb-15px{
    padding-bottom: 15px !important;
  }

  .xxl\:pl-15px{
    padding-left: 15px !important;
  }

  .xxl\:pt-20px{
    padding-top: 20px !important;
  }

  .xxl\:pr-20px{
    padding-right: 20px !important;
  }

  .xxl\:pb-20px{
    padding-bottom: 20px !important;
  }

  .xxl\:pl-20px{
    padding-left: 20px !important;
  }

  .xxl\:pt-25px{
    padding-top: 25px !important;
  }

  .xxl\:pr-25px{
    padding-right: 25px !important;
  }

  .xxl\:pb-25px{
    padding-bottom: 25px !important;
  }

  .xxl\:pl-25px{
    padding-left: 25px !important;
  }

  .xxl\:pt-30px{
    padding-top: 30px !important;
  }

  .xxl\:pr-30px{
    padding-right: 30px !important;
  }

  .xxl\:pb-30px{
    padding-bottom: 30px !important;
  }

  .xxl\:pl-30px{
    padding-left: 30px !important;
  }

  .xxl\:pt-36px{
    padding-top: 36px !important;
  }

  .xxl\:pr-36px{
    padding-right: 36px !important;
  }

  .xxl\:pb-36px{
    padding-bottom: 36px !important;
  }

  .xxl\:pl-36px{
    padding-left: 36px !important;
  }

  .xxl\:pt-50px{
    padding-top: 50px !important;
  }

  .xxl\:pr-50px{
    padding-right: 50px !important;
  }

  .xxl\:pb-50px{
    padding-bottom: 50px !important;
  }

  .xxl\:pl-50px{
    padding-left: 50px !important;
  }

  .xxl\:pt-60px{
    padding-top: 60px !important;
  }

  .xxl\:pr-60px{
    padding-right: 60px !important;
  }

  .xxl\:pb-60px{
    padding-bottom: 60px !important;
  }

  .xxl\:pl-60px{
    padding-left: 60px !important;
  }

  .xxl\:pt-120px{
    padding-top: 120px !important;
  }

  .xxl\:pr-120px{
    padding-right: 120px !important;
  }

  .xxl\:pb-120px{
    padding-bottom: 120px !important;
  }

  .xxl\:pl-120px{
    padding-left: 120px !important;
  }

  .xxl\:placeholder-transparent::-webkit-input-placeholder{
    color: transparent !important;
  }

  .xxl\:placeholder-transparent::-moz-placeholder{
    color: transparent !important;
  }

  .xxl\:placeholder-transparent:-ms-input-placeholder{
    color: transparent !important;
  }

  .xxl\:placeholder-transparent::-ms-input-placeholder{
    color: transparent !important;
  }

  .xxl\:placeholder-transparent::placeholder{
    color: transparent !important;
  }

  .xxl\:placeholder-current::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .xxl\:placeholder-current::-moz-placeholder{
    color: currentColor !important;
  }

  .xxl\:placeholder-current:-ms-input-placeholder{
    color: currentColor !important;
  }

  .xxl\:placeholder-current::-ms-input-placeholder{
    color: currentColor !important;
  }

  .xxl\:placeholder-current::placeholder{
    color: currentColor !important;
  }

  .xxl\:placeholder-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-white::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-white:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-white::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-white::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-red::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-red::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-red:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-red::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-red::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-orange-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-yellow-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-teal-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-blue-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-indigo-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-purple-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-100::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-200::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-200::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-200:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-200::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-200::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-300::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-300::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-300:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-300::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-300::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-400::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-400::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-400:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-400::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-400::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-500::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-500::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-500:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-500::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-500::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-600::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-600::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-600:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-600::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-600::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-700::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-700::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-700:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-700::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-700::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-800::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-800::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-800:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-800::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-800::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-900::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-900::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-900:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-900::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-pink-900::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-primary-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:placeholder-primary-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:placeholder-primary-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:placeholder-primary-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:placeholder-primary-color::placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:placeholder-primary-hover-color::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xxl\:placeholder-primary-hover-color::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .xxl\:placeholder-primary-hover-color:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xxl\:placeholder-primary-hover-color::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xxl\:placeholder-primary-hover-color::placeholder{
    color: var(--hover-color) !important;
  }

  .xxl\:placeholder-gray-body::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-body::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-body:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-body::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-body::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-333::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-333::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-333:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-333::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-333::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-666::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-666::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-666:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-666::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-666::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-888::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-888::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-888:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-888::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-888::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-999::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-999::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-999:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-999::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-999::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-icon::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-icon::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-icon:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-icon::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-icon::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-features::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-features::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-features:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-features::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-features::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-slide-border::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-slide-border::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-slide-border:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-slide-border::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-slide-border::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-sale-color::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:placeholder-sale-color::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:placeholder-sale-color:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:placeholder-sale-color::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:placeholder-sale-color::placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:placeholder-hit-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-hit-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-hit-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-hit-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-hit-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-new-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-new-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-new-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-new-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-new-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-fb-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-fb-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-fb-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-fb-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-fb-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-fb-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-fb-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-fb-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-fb-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-fb-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-vk-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-vk-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-vk-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-vk-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-vk-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-vk-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-vk-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-vk-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-vk-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-vk-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-insta-hover-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-insta-hover-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-insta-hover-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-insta-hover-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-insta-hover-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-insta-active-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-insta-active-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-insta-active-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-insta-active-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-insta-active-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-dc::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-dc::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-dc:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-dc::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-dc::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-cd::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-cd::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-cd:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-cd::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-cd::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-e7::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-e7::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-e7:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-e7::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-gray-e7::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-check-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-check-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-check-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-check-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-check-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-docx-color::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-docx-color::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-docx-color:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-docx-color::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-docx-color::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-dark-black::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-dark-black::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-dark-black:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-dark-black::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-dark-black::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-light::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-light::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-light:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-light::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-green-light::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-transparent:focus::-webkit-input-placeholder{
    color: transparent !important;
  }

  .xxl\:focus\:placeholder-transparent:focus::-moz-placeholder{
    color: transparent !important;
  }

  .xxl\:focus\:placeholder-transparent:focus:-ms-input-placeholder{
    color: transparent !important;
  }

  .xxl\:focus\:placeholder-transparent:focus::-ms-input-placeholder{
    color: transparent !important;
  }

  .xxl\:focus\:placeholder-transparent:focus::placeholder{
    color: transparent !important;
  }

  .xxl\:focus\:placeholder-current:focus::-webkit-input-placeholder{
    color: currentColor !important;
  }

  .xxl\:focus\:placeholder-current:focus::-moz-placeholder{
    color: currentColor !important;
  }

  .xxl\:focus\:placeholder-current:focus:-ms-input-placeholder{
    color: currentColor !important;
  }

  .xxl\:focus\:placeholder-current:focus::-ms-input-placeholder{
    color: currentColor !important;
  }

  .xxl\:focus\:placeholder-current:focus::placeholder{
    color: currentColor !important;
  }

  .xxl\:focus\:placeholder-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-white:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-white:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-white:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-red:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-red:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-red:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-red:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-orange-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-teal-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-blue-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-indigo-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-purple-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-200:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-200:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-200:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-200:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-200:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-300:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-300:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-300:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-300:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-300:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-400:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-400:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-400:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-400:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-400:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-500:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-500:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-500:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-500:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-500:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-600:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-600:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-600:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-600:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-600:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-700:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-700:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-700:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-700:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-700:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-800:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-800:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-800:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-800:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-800:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-900:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-900:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-900:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-900:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-pink-900:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-primary-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:focus\:placeholder-primary-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:focus\:placeholder-primary-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:focus\:placeholder-primary-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:focus\:placeholder-primary-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:focus\:placeholder-primary-hover-color:focus::-webkit-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xxl\:focus\:placeholder-primary-hover-color:focus::-moz-placeholder{
    color: var(--hover-color) !important;
  }

  .xxl\:focus\:placeholder-primary-hover-color:focus:-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xxl\:focus\:placeholder-primary-hover-color:focus::-ms-input-placeholder{
    color: var(--hover-color) !important;
  }

  .xxl\:focus\:placeholder-primary-hover-color:focus::placeholder{
    color: var(--hover-color) !important;
  }

  .xxl\:focus\:placeholder-gray-body:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-body:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-body:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-body:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-body:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-333:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-333:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-333:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-333:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-333:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-666:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-666:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-666:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-666:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-666:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-888:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-888:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-888:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-888:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-888:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-999:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-999:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-999:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-999:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-999:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-icon:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-icon:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-icon:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-icon:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-icon:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-features:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-features:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-features:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-features:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-features:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-slide-border:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-slide-border:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-slide-border:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-slide-border:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-slide-border:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-sale-color:focus::-webkit-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:focus\:placeholder-sale-color:focus::-moz-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:focus\:placeholder-sale-color:focus:-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:focus\:placeholder-sale-color:focus::-ms-input-placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:focus\:placeholder-sale-color:focus::placeholder{
    color: var(--primary-color) !important;
  }

  .xxl\:focus\:placeholder-hit-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-hit-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-hit-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-hit-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-hit-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-new-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-new-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-new-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-new-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-new-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-fb-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-fb-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-fb-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-fb-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-fb-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-fb-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-fb-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-fb-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-fb-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-fb-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-vk-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-vk-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-vk-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-vk-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-vk-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-vk-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-vk-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-vk-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-vk-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-vk-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-insta-hover-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-insta-hover-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-insta-hover-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-insta-hover-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-insta-hover-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-insta-active-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-insta-active-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-insta-active-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-insta-active-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-insta-active-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-dc:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-dc:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-dc:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-dc:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-dc:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-cd:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-cd:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-cd:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-cd:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-cd:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-e7:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-e7:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-e7:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-e7:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-gray-e7:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-check-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-check-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-check-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-check-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-check-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-docx-color:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-docx-color:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-docx-color:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-docx-color:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-docx-color:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-dark-black:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-dark-black:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-dark-black:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-dark-black:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-dark-black:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-light:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-light:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-light:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-light:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxl\:focus\:placeholder-green-light:focus::placeholder{
    --placeholder-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--placeholder-opacity)) !important;
  }

  .xxl\:placeholder-opacity-0::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxl\:placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxl\:placeholder-opacity-0:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxl\:placeholder-opacity-0::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxl\:placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxl\:placeholder-opacity-25::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxl\:placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxl\:placeholder-opacity-25:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxl\:placeholder-opacity-25::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxl\:placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxl\:placeholder-opacity-50::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxl\:placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxl\:placeholder-opacity-50:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxl\:placeholder-opacity-50::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxl\:placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxl\:placeholder-opacity-75::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxl\:placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxl\:placeholder-opacity-75:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxl\:placeholder-opacity-75::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxl\:placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxl\:placeholder-opacity-100::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxl\:placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxl\:placeholder-opacity-100:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxl\:placeholder-opacity-100::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxl\:placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxl\:focus\:placeholder-opacity-0:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxl\:focus\:placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxl\:focus\:placeholder-opacity-0:focus::-ms-input-placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxl\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0 !important;
  }

  .xxl\:focus\:placeholder-opacity-25:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxl\:focus\:placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxl\:focus\:placeholder-opacity-25:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxl\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25 !important;
  }

  .xxl\:focus\:placeholder-opacity-50:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxl\:focus\:placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxl\:focus\:placeholder-opacity-50:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxl\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5 !important;
  }

  .xxl\:focus\:placeholder-opacity-75:focus::-webkit-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxl\:focus\:placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxl\:focus\:placeholder-opacity-75:focus::-ms-input-placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxl\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75 !important;
  }

  .xxl\:focus\:placeholder-opacity-100:focus::-webkit-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxl\:focus\:placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxl\:focus\:placeholder-opacity-100:focus::-ms-input-placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxl\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1 !important;
  }

  .xxl\:pointer-events-none{
    pointer-events: none !important;
  }

  .xxl\:pointer-events-auto{
    pointer-events: auto !important;
  }

  .xxl\:static{
    position: static !important;
  }

  .xxl\:fixed{
    position: fixed !important;
  }

  .xxl\:absolute{
    position: absolute !important;
  }

  .xxl\:relative{
    position: relative !important;
  }

  .xxl\:sticky{
    position: sticky !important;
  }

  .xxl\:inset-0{
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }

  .xxl\:inset-auto{
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
  }

  .xxl\:inset-1\/2{
    top: 50% !important;
    right: 50% !important;
    bottom: 50% !important;
    left: 50% !important;
  }

  .xxl\:inset-100\%{
    top: 100% !important;
    right: 100% !important;
    bottom: 100% !important;
    left: 100% !important;
  }

  .xxl\:inset-px{
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    left: 1px !important;
  }

  .xxl\:inset-2px{
    top: 2px !important;
    right: 2px !important;
    bottom: 2px !important;
    left: 2px !important;
  }

  .xxl\:inset-4px{
    top: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    left: 4px !important;
  }

  .xxl\:inset-10px{
    top: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
  }

  .xxl\:inset-y-0{
    top: 0 !important;
    bottom: 0 !important;
  }

  .xxl\:inset-x-0{
    right: 0 !important;
    left: 0 !important;
  }

  .xxl\:inset-y-auto{
    top: auto !important;
    bottom: auto !important;
  }

  .xxl\:inset-x-auto{
    right: auto !important;
    left: auto !important;
  }

  .xxl\:inset-y-1\/2{
    top: 50% !important;
    bottom: 50% !important;
  }

  .xxl\:inset-x-1\/2{
    right: 50% !important;
    left: 50% !important;
  }

  .xxl\:inset-y-100\%{
    top: 100% !important;
    bottom: 100% !important;
  }

  .xxl\:inset-x-100\%{
    right: 100% !important;
    left: 100% !important;
  }

  .xxl\:inset-y-px{
    top: 1px !important;
    bottom: 1px !important;
  }

  .xxl\:inset-x-px{
    right: 1px !important;
    left: 1px !important;
  }

  .xxl\:inset-y-2px{
    top: 2px !important;
    bottom: 2px !important;
  }

  .xxl\:inset-x-2px{
    right: 2px !important;
    left: 2px !important;
  }

  .xxl\:inset-y-4px{
    top: 4px !important;
    bottom: 4px !important;
  }

  .xxl\:inset-x-4px{
    right: 4px !important;
    left: 4px !important;
  }

  .xxl\:inset-y-10px{
    top: 10px !important;
    bottom: 10px !important;
  }

  .xxl\:inset-x-10px{
    right: 10px !important;
    left: 10px !important;
  }

  .xxl\:top-0{
    top: 0 !important;
  }

  .xxl\:right-0{
    right: 0 !important;
  }

  .xxl\:bottom-0{
    bottom: 0 !important;
  }

  .xxl\:left-0{
    left: 0 !important;
  }

  .xxl\:top-auto{
    top: auto !important;
  }

  .xxl\:right-auto{
    right: auto !important;
  }

  .xxl\:bottom-auto{
    bottom: auto !important;
  }

  .xxl\:left-auto{
    left: auto !important;
  }

  .xxl\:top-1\/2{
    top: 50% !important;
  }

  .xxl\:right-1\/2{
    right: 50% !important;
  }

  .xxl\:bottom-1\/2{
    bottom: 50% !important;
  }

  .xxl\:left-1\/2{
    left: 50% !important;
  }

  .xxl\:top-100\%{
    top: 100% !important;
  }

  .xxl\:right-100\%{
    right: 100% !important;
  }

  .xxl\:bottom-100\%{
    bottom: 100% !important;
  }

  .xxl\:left-100\%{
    left: 100% !important;
  }

  .xxl\:top-px{
    top: 1px !important;
  }

  .xxl\:right-px{
    right: 1px !important;
  }

  .xxl\:bottom-px{
    bottom: 1px !important;
  }

  .xxl\:left-px{
    left: 1px !important;
  }

  .xxl\:top-2px{
    top: 2px !important;
  }

  .xxl\:right-2px{
    right: 2px !important;
  }

  .xxl\:bottom-2px{
    bottom: 2px !important;
  }

  .xxl\:left-2px{
    left: 2px !important;
  }

  .xxl\:top-4px{
    top: 4px !important;
  }

  .xxl\:right-4px{
    right: 4px !important;
  }

  .xxl\:bottom-4px{
    bottom: 4px !important;
  }

  .xxl\:left-4px{
    left: 4px !important;
  }

  .xxl\:top-10px{
    top: 10px !important;
  }

  .xxl\:right-10px{
    right: 10px !important;
  }

  .xxl\:bottom-10px{
    bottom: 10px !important;
  }

  .xxl\:left-10px{
    left: 10px !important;
  }

  .xxl\:resize-none{
    resize: none !important;
  }

  .xxl\:resize-y{
    resize: vertical !important;
  }

  .xxl\:resize-x{
    resize: horizontal !important;
  }

  .xxl\:resize{
    resize: both !important;
  }

  .xxl\:shadow-xs{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .xxl\:shadow-sm{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .xxl\:shadow{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xxl\:shadow-md{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .xxl\:shadow-lg{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .xxl\:shadow-xl{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .xxl\:shadow-2xl{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .xxl\:shadow-inner{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xxl\:shadow-outline{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .xxl\:shadow-none{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .xxl\:shadow-btn-hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .xxl\:shadow-hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .xxl\:shadow-filter{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .xxl\:shadow-menu{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .xxl\:hover\:shadow-xs:hover{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .xxl\:hover\:shadow-sm:hover{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .xxl\:hover\:shadow:hover{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xxl\:hover\:shadow-md:hover{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .xxl\:hover\:shadow-lg:hover{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .xxl\:hover\:shadow-xl:hover{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .xxl\:hover\:shadow-2xl:hover{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .xxl\:hover\:shadow-inner:hover{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xxl\:hover\:shadow-outline:hover{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .xxl\:hover\:shadow-none:hover{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .xxl\:hover\:shadow-btn-hover:hover{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .xxl\:hover\:shadow-hover:hover{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .xxl\:hover\:shadow-filter:hover{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .xxl\:hover\:shadow-menu:hover{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .xxl\:focus\:shadow-xs:focus{
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  }

  .xxl\:focus\:shadow-sm:focus{
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .xxl\:focus\:shadow:focus{
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xxl\:focus\:shadow-md:focus{
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }

  .xxl\:focus\:shadow-lg:focus{
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }

  .xxl\:focus\:shadow-xl:focus{
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
  }

  .xxl\:focus\:shadow-2xl:focus{
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  }

  .xxl\:focus\:shadow-inner:focus{
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important;
  }

  .xxl\:focus\:shadow-outline:focus{
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important;
  }

  .xxl\:focus\:shadow-none:focus{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .xxl\:focus\:shadow-btn-hover:focus{
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) !important;
  }

  .xxl\:focus\:shadow-hover:focus{
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important;
  }

  .xxl\:focus\:shadow-filter:focus{
    -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
    box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16) !important;
  }

  .xxl\:focus\:shadow-menu:focus{
    -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1) !important;
  }

  .xxl\:fill-current{
    fill: currentColor !important;
  }

  .xxl\:fill-primary-color{
    fill: var(--primary-color) !important;
  }

  .xxl\:fill-primary-hover-color{
    fill: var(--hover-color) !important;
  }

  .xxl\:fill-ordinary{
    fill: #333333 !important;
  }

  .xxl\:fill-no-active{
    fill: #888888 !important;
  }

  .xxl\:fill-white{
    fill: #ffffff !important;
  }

  .xxl\:stroke-current{
    stroke: currentColor !important;
  }

  .xxl\:stroke-primary-color{
    stroke: var(--primary-color) !important;
  }

  .xxl\:stroke-primary-hover-color{
    stroke: var(--hover-color) !important;
  }

  .xxl\:stroke-0{
    stroke-width: 0 !important;
  }

  .xxl\:stroke-1{
    stroke-width: 1 !important;
  }

  .xxl\:stroke-2{
    stroke-width: 2 !important;
  }

  .xxl\:stroke-12{
    stroke-width: 12 !important;
  }

  .xxl\:stroke-20{
    stroke-width: 20 !important;
  }

  .xxl\:table-auto{
    table-layout: auto !important;
  }

  .xxl\:table-fixed{
    table-layout: fixed !important;
  }

  .xxl\:text-left{
    text-align: left !important;
  }

  .xxl\:text-center{
    text-align: center !important;
  }

  .xxl\:text-right{
    text-align: right !important;
  }

  .xxl\:text-justify{
    text-align: justify !important;
  }

  .xxl\:text-transparent{
    color: transparent !important;
  }

  .xxl\:text-current{
    color: currentColor !important;
  }

  .xxl\:text-black{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xxl\:text-white{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-100{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-200{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-300{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-400{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-500{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-600{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-700{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-800{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-900{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .xxl\:text-red{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .xxl\:text-orange-100{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .xxl\:text-orange-200{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .xxl\:text-orange-300{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .xxl\:text-orange-400{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .xxl\:text-orange-500{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .xxl\:text-orange-600{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .xxl\:text-orange-700{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .xxl\:text-orange-800{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .xxl\:text-orange-900{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .xxl\:text-yellow-100{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .xxl\:text-yellow-200{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .xxl\:text-yellow-300{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .xxl\:text-yellow-400{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .xxl\:text-yellow-500{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .xxl\:text-yellow-600{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .xxl\:text-yellow-700{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .xxl\:text-yellow-800{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .xxl\:text-yellow-900{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .xxl\:text-green-100{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .xxl\:text-green-200{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .xxl\:text-green-300{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .xxl\:text-green-400{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .xxl\:text-green-500{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .xxl\:text-green-600{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .xxl\:text-green-700{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .xxl\:text-green-800{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .xxl\:text-green-900{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .xxl\:text-teal-100{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .xxl\:text-teal-200{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .xxl\:text-teal-300{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .xxl\:text-teal-400{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .xxl\:text-teal-500{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .xxl\:text-teal-600{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .xxl\:text-teal-700{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .xxl\:text-teal-800{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .xxl\:text-teal-900{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .xxl\:text-blue-100{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .xxl\:text-blue-200{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .xxl\:text-blue-300{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .xxl\:text-blue-400{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .xxl\:text-blue-500{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .xxl\:text-blue-600{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .xxl\:text-blue-700{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .xxl\:text-blue-800{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .xxl\:text-blue-900{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .xxl\:text-indigo-100{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .xxl\:text-indigo-200{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .xxl\:text-indigo-300{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .xxl\:text-indigo-400{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .xxl\:text-indigo-500{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .xxl\:text-indigo-600{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .xxl\:text-indigo-700{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .xxl\:text-indigo-800{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .xxl\:text-indigo-900{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .xxl\:text-purple-100{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .xxl\:text-purple-200{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .xxl\:text-purple-300{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .xxl\:text-purple-400{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .xxl\:text-purple-500{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .xxl\:text-purple-600{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .xxl\:text-purple-700{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .xxl\:text-purple-800{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .xxl\:text-purple-900{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .xxl\:text-pink-100{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .xxl\:text-pink-200{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .xxl\:text-pink-300{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .xxl\:text-pink-400{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .xxl\:text-pink-500{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .xxl\:text-pink-600{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .xxl\:text-pink-700{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .xxl\:text-pink-800{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .xxl\:text-pink-900{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .xxl\:text-primary-color{
    color: var(--primary-color) !important;
  }

  .xxl\:text-primary-hover-color{
    color: var(--hover-color) !important;
  }

  .xxl\:text-gray-body{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-light{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-333{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-666{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-888{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-999{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-icon{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-features{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .xxl\:text-slide-border{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .xxl\:text-sale-color{
    color: var(--primary-color) !important;
  }

  .xxl\:text-hit-color{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .xxl\:text-new-color{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .xxl\:text-fb-hover-color{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .xxl\:text-fb-active-color{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .xxl\:text-vk-hover-color{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .xxl\:text-vk-active-color{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .xxl\:text-insta-hover-color{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .xxl\:text-insta-active-color{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-dc{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-cd{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .xxl\:text-gray-e7{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .xxl\:text-check-color{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .xxl\:text-docx-color{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .xxl\:text-dark-black{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .xxl\:text-green-light{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-transparent:hover{
    color: transparent !important;
  }

  .xxl\:hover\:text-current:hover{
    color: currentColor !important;
  }

  .xxl\:hover\:text-black:hover{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-white:hover{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-100:hover{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-200:hover{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-300:hover{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-400:hover{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-500:hover{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-600:hover{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-700:hover{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-800:hover{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-900:hover{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-red:hover{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-orange-100:hover{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-orange-200:hover{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-orange-300:hover{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-orange-400:hover{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-orange-500:hover{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-orange-600:hover{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-orange-700:hover{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-orange-800:hover{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-orange-900:hover{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-yellow-100:hover{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-yellow-200:hover{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-yellow-300:hover{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-yellow-400:hover{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-yellow-500:hover{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-yellow-600:hover{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-yellow-700:hover{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-yellow-800:hover{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-yellow-900:hover{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-green-100:hover{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-green-200:hover{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-green-300:hover{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-green-400:hover{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-green-500:hover{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-green-600:hover{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-green-700:hover{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-green-800:hover{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-green-900:hover{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-teal-100:hover{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-teal-200:hover{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-teal-300:hover{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-teal-400:hover{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-teal-500:hover{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-teal-600:hover{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-teal-700:hover{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-teal-800:hover{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-teal-900:hover{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-blue-100:hover{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-blue-200:hover{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-blue-300:hover{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-blue-400:hover{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-blue-500:hover{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-blue-600:hover{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-blue-700:hover{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-blue-800:hover{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-blue-900:hover{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-indigo-100:hover{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-indigo-200:hover{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-indigo-300:hover{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-indigo-400:hover{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-indigo-500:hover{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-indigo-600:hover{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-indigo-700:hover{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-indigo-800:hover{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-indigo-900:hover{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-purple-100:hover{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-purple-200:hover{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-purple-300:hover{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-purple-400:hover{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-purple-500:hover{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-purple-600:hover{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-purple-700:hover{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-purple-800:hover{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-purple-900:hover{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-pink-100:hover{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-pink-200:hover{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-pink-300:hover{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-pink-400:hover{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-pink-500:hover{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-pink-600:hover{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-pink-700:hover{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-pink-800:hover{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-pink-900:hover{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-primary-color:hover{
    color: var(--primary-color) !important;
  }

  .xxl\:hover\:text-primary-hover-color:hover{
    color: var(--hover-color) !important;
  }

  .xxl\:hover\:text-gray-body:hover{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-light:hover{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-333:hover{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-666:hover{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-888:hover{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-999:hover{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-icon:hover{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-features:hover{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-slide-border:hover{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-sale-color:hover{
    color: var(--primary-color) !important;
  }

  .xxl\:hover\:text-hit-color:hover{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-new-color:hover{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-fb-hover-color:hover{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-fb-active-color:hover{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-vk-hover-color:hover{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-vk-active-color:hover{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-insta-hover-color:hover{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-insta-active-color:hover{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-dc:hover{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-cd:hover{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-gray-e7:hover{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-check-color:hover{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-docx-color:hover{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-dark-black:hover{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .xxl\:hover\:text-green-light:hover{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-transparent:focus{
    color: transparent !important;
  }

  .xxl\:focus\:text-current:focus{
    color: currentColor !important;
  }

  .xxl\:focus\:text-black:focus{
    --text-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-white:focus{
    --text-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-100:focus{
    --text-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-200:focus{
    --text-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-300:focus{
    --text-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-400:focus{
    --text-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-500:focus{
    --text-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-600:focus{
    --text-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-700:focus{
    --text-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-800:focus{
    --text-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-900:focus{
    --text-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-red:focus{
    --text-opacity: 1 !important;
    color: #cc0a0a !important;
    color: rgba(204, 10, 10, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-orange-100:focus{
    --text-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-orange-200:focus{
    --text-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-orange-300:focus{
    --text-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-orange-400:focus{
    --text-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-orange-500:focus{
    --text-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-orange-600:focus{
    --text-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-orange-700:focus{
    --text-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-orange-800:focus{
    --text-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-orange-900:focus{
    --text-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-yellow-100:focus{
    --text-opacity: 1 !important;
    color: #fffff0 !important;
    color: rgba(255, 255, 240, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-yellow-200:focus{
    --text-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-yellow-300:focus{
    --text-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-yellow-400:focus{
    --text-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-yellow-500:focus{
    --text-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-yellow-600:focus{
    --text-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-yellow-700:focus{
    --text-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-yellow-800:focus{
    --text-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-yellow-900:focus{
    --text-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-green-100:focus{
    --text-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-green-200:focus{
    --text-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-green-300:focus{
    --text-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-green-400:focus{
    --text-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-green-500:focus{
    --text-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-green-600:focus{
    --text-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-green-700:focus{
    --text-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-green-800:focus{
    --text-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-green-900:focus{
    --text-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-teal-100:focus{
    --text-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-teal-200:focus{
    --text-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-teal-300:focus{
    --text-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-teal-400:focus{
    --text-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-teal-500:focus{
    --text-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-teal-600:focus{
    --text-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-teal-700:focus{
    --text-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-teal-800:focus{
    --text-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-teal-900:focus{
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-blue-100:focus{
    --text-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-blue-200:focus{
    --text-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-blue-300:focus{
    --text-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-blue-400:focus{
    --text-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-blue-500:focus{
    --text-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-blue-600:focus{
    --text-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-blue-700:focus{
    --text-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-blue-800:focus{
    --text-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-blue-900:focus{
    --text-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-indigo-100:focus{
    --text-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-indigo-200:focus{
    --text-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-indigo-300:focus{
    --text-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-indigo-400:focus{
    --text-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-indigo-500:focus{
    --text-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-indigo-600:focus{
    --text-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-indigo-700:focus{
    --text-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-indigo-800:focus{
    --text-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-indigo-900:focus{
    --text-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-purple-100:focus{
    --text-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-purple-200:focus{
    --text-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-purple-300:focus{
    --text-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-purple-400:focus{
    --text-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-purple-500:focus{
    --text-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-purple-600:focus{
    --text-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-purple-700:focus{
    --text-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-purple-800:focus{
    --text-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-purple-900:focus{
    --text-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-pink-100:focus{
    --text-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-pink-200:focus{
    --text-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-pink-300:focus{
    --text-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-pink-400:focus{
    --text-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-pink-500:focus{
    --text-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-pink-600:focus{
    --text-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-pink-700:focus{
    --text-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-pink-800:focus{
    --text-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-pink-900:focus{
    --text-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-primary-color:focus{
    color: var(--primary-color) !important;
  }

  .xxl\:focus\:text-primary-hover-color:focus{
    color: var(--hover-color) !important;
  }

  .xxl\:focus\:text-gray-body:focus{
    --text-opacity: 1 !important;
    color: #f2f2f2 !important;
    color: rgba(242, 242, 242, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-light:focus{
    --text-opacity: 1 !important;
    color: #ccc !important;
    color: rgba(204, 204, 204, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-333:focus{
    --text-opacity: 1 !important;
    color: #333 !important;
    color: rgba(51, 51, 51, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-666:focus{
    --text-opacity: 1 !important;
    color: #666 !important;
    color: rgba(102, 102, 102, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-888:focus{
    --text-opacity: 1 !important;
    color: #888 !important;
    color: rgba(136, 136, 136, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-999:focus{
    --text-opacity: 1 !important;
    color: #999 !important;
    color: rgba(153, 153, 153, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-icon:focus{
    --text-opacity: 1 !important;
    color: #9a9a9a !important;
    color: rgba(154, 154, 154, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-features:focus{
    --text-opacity: 1 !important;
    color: #f5f5f5 !important;
    color: rgba(245, 245, 245, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-slide-border:focus{
    --text-opacity: 1 !important;
    color: #e1e1e1 !important;
    color: rgba(225, 225, 225, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-sale-color:focus{
    color: var(--primary-color) !important;
  }

  .xxl\:focus\:text-hit-color:focus{
    --text-opacity: 1 !important;
    color: #ff9900 !important;
    color: rgba(255, 153, 0, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-new-color:focus{
    --text-opacity: 1 !important;
    color: #0fa3c6 !important;
    color: rgba(15, 163, 198, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-fb-hover-color:focus{
    --text-opacity: 1 !important;
    color: #5959d8 !important;
    color: rgba(89, 89, 216, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-fb-active-color:focus{
    --text-opacity: 1 !important;
    color: #4040b3 !important;
    color: rgba(64, 64, 179, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-vk-hover-color:focus{
    --text-opacity: 1 !important;
    color: #628dd3 !important;
    color: rgba(98, 141, 211, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-vk-active-color:focus{
    --text-opacity: 1 !important;
    color: #3768b9 !important;
    color: rgba(55, 104, 185, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-insta-hover-color:focus{
    --text-opacity: 1 !important;
    color: #af35d2 !important;
    color: rgba(175, 53, 210, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-insta-active-color:focus{
    --text-opacity: 1 !important;
    color: #7e47b7 !important;
    color: rgba(126, 71, 183, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-dc:focus{
    --text-opacity: 1 !important;
    color: #dcdcdc !important;
    color: rgba(220, 220, 220, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-cd:focus{
    --text-opacity: 1 !important;
    color: #cdcdcd !important;
    color: rgba(205, 205, 205, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-gray-e7:focus{
    --text-opacity: 1 !important;
    color: #e7e7e7 !important;
    color: rgba(231, 231, 231, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-check-color:focus{
    --text-opacity: 1 !important;
    color: #ce3a12 !important;
    color: rgba(206, 58, 18, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-docx-color:focus{
    --text-opacity: 1 !important;
    color: #1789e9 !important;
    color: rgba(23, 137, 233, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-dark-black:focus{
    --text-opacity: 1 !important;
    color: #010101 !important;
    color: rgba(1, 1, 1, var(--text-opacity)) !important;
  }

  .xxl\:focus\:text-green-light:focus{
    --text-opacity: 1 !important;
    color: #3ab011 !important;
    color: rgba(58, 176, 17, var(--text-opacity)) !important;
  }

  .xxl\:text-opacity-0{
    --text-opacity: 0 !important;
  }

  .xxl\:text-opacity-25{
    --text-opacity: 0.25 !important;
  }

  .xxl\:text-opacity-50{
    --text-opacity: 0.5 !important;
  }

  .xxl\:text-opacity-75{
    --text-opacity: 0.75 !important;
  }

  .xxl\:text-opacity-100{
    --text-opacity: 1 !important;
  }

  .xxl\:hover\:text-opacity-0:hover{
    --text-opacity: 0 !important;
  }

  .xxl\:hover\:text-opacity-25:hover{
    --text-opacity: 0.25 !important;
  }

  .xxl\:hover\:text-opacity-50:hover{
    --text-opacity: 0.5 !important;
  }

  .xxl\:hover\:text-opacity-75:hover{
    --text-opacity: 0.75 !important;
  }

  .xxl\:hover\:text-opacity-100:hover{
    --text-opacity: 1 !important;
  }

  .xxl\:focus\:text-opacity-0:focus{
    --text-opacity: 0 !important;
  }

  .xxl\:focus\:text-opacity-25:focus{
    --text-opacity: 0.25 !important;
  }

  .xxl\:focus\:text-opacity-50:focus{
    --text-opacity: 0.5 !important;
  }

  .xxl\:focus\:text-opacity-75:focus{
    --text-opacity: 0.75 !important;
  }

  .xxl\:focus\:text-opacity-100:focus{
    --text-opacity: 1 !important;
  }

  .xxl\:italic{
    font-style: italic !important;
  }

  .xxl\:not-italic{
    font-style: normal !important;
  }

  .xxl\:uppercase{
    text-transform: uppercase !important;
  }

  .xxl\:lowercase{
    text-transform: lowercase !important;
  }

  .xxl\:capitalize{
    text-transform: capitalize !important;
  }

  .xxl\:normal-case{
    text-transform: none !important;
  }

  .xxl\:underline{
    text-decoration: underline !important;
  }

  .xxl\:line-through{
    text-decoration: line-through !important;
  }

  .xxl\:no-underline{
    text-decoration: none !important;
  }

  .xxl\:hover\:underline:hover{
    text-decoration: underline !important;
  }

  .xxl\:hover\:line-through:hover{
    text-decoration: line-through !important;
  }

  .xxl\:hover\:no-underline:hover{
    text-decoration: none !important;
  }

  .xxl\:focus\:underline:focus{
    text-decoration: underline !important;
  }

  .xxl\:focus\:line-through:focus{
    text-decoration: line-through !important;
  }

  .xxl\:focus\:no-underline:focus{
    text-decoration: none !important;
  }

  .xxl\:antialiased{
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

  .xxl\:subpixel-antialiased{
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
  }

  .xxl\:ordinal, .xxl\:slashed-zero, .xxl\:lining-nums, .xxl\:oldstyle-nums, .xxl\:proportional-nums, .xxl\:tabular-nums, .xxl\:diagonal-fractions, .xxl\:stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/) !important;
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/) !important;
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction) !important;
  }

  .xxl\:normal-nums{
    font-variant-numeric: normal !important;
  }

  .xxl\:ordinal{
    --font-variant-numeric-ordinal: ordinal !important;
  }

  .xxl\:slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero !important;
  }

  .xxl\:lining-nums{
    --font-variant-numeric-figure: lining-nums !important;
  }

  .xxl\:oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums !important;
  }

  .xxl\:proportional-nums{
    --font-variant-numeric-spacing: proportional-nums !important;
  }

  .xxl\:tabular-nums{
    --font-variant-numeric-spacing: tabular-nums !important;
  }

  .xxl\:diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions !important;
  }

  .xxl\:stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions !important;
  }

  .xxl\:tracking-tighter{
    letter-spacing: -0.05em !important;
  }

  .xxl\:tracking-tight{
    letter-spacing: -0.025em !important;
  }

  .xxl\:tracking-normal{
    letter-spacing: 0 !important;
  }

  .xxl\:tracking-wide{
    letter-spacing: 0.025em !important;
  }

  .xxl\:tracking-wider{
    letter-spacing: 0.05em !important;
  }

  .xxl\:tracking-widest{
    letter-spacing: 0.1em !important;
  }

  .xxl\:select-none{
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
  }

  .xxl\:select-text{
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
  }

  .xxl\:select-all{
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important;
  }

  .xxl\:select-auto{
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
  }

  .xxl\:align-baseline{
    vertical-align: baseline !important;
  }

  .xxl\:align-top{
    vertical-align: top !important;
  }

  .xxl\:align-middle{
    vertical-align: middle !important;
  }

  .xxl\:align-bottom{
    vertical-align: bottom !important;
  }

  .xxl\:align-text-top{
    vertical-align: text-top !important;
  }

  .xxl\:align-text-bottom{
    vertical-align: text-bottom !important;
  }

  .xxl\:visible{
    visibility: visible !important;
  }

  .xxl\:invisible{
    visibility: hidden !important;
  }

  .xxl\:whitespace-normal{
    white-space: normal !important;
  }

  .xxl\:whitespace-no-wrap{
    white-space: nowrap !important;
  }

  .xxl\:whitespace-pre{
    white-space: pre !important;
  }

  .xxl\:whitespace-pre-line{
    white-space: pre-line !important;
  }

  .xxl\:whitespace-pre-wrap{
    white-space: pre-wrap !important;
  }

  .xxl\:break-normal{
    word-wrap: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .xxl\:break-words{
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  .xxl\:break-all{
    word-break: break-all !important;
  }

  .xxl\:truncate{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .xxl\:w-0{
    width: 0 !important;
  }

  .xxl\:w-1{
    width: 0.25rem !important;
  }

  .xxl\:w-2{
    width: 0.5rem !important;
  }

  .xxl\:w-3{
    width: 0.75rem !important;
  }

  .xxl\:w-4{
    width: 1rem !important;
  }

  .xxl\:w-5{
    width: 1.25rem !important;
  }

  .xxl\:w-6{
    width: 1.5rem !important;
  }

  .xxl\:w-8{
    width: 2rem !important;
  }

  .xxl\:w-10{
    width: 2.5rem !important;
  }

  .xxl\:w-12{
    width: 3rem !important;
  }

  .xxl\:w-16{
    width: 4rem !important;
  }

  .xxl\:w-20{
    width: 5rem !important;
  }

  .xxl\:w-24{
    width: 6rem !important;
  }

  .xxl\:w-28{
    width: 7rem !important;
  }

  .xxl\:w-32{
    width: 8rem !important;
  }

  .xxl\:w-40{
    width: 10rem !important;
  }

  .xxl\:w-48{
    width: 12rem !important;
  }

  .xxl\:w-56{
    width: 14rem !important;
  }

  .xxl\:w-64{
    width: 16rem !important;
  }

  .xxl\:w-auto{
    width: auto !important;
  }

  .xxl\:w-px{
    width: 1px !important;
  }

  .xxl\:w-2px{
    width: 2px !important;
  }

  .xxl\:w-3px{
    width: 3px !important;
  }

  .xxl\:w-5px{
    width: 5px !important;
  }

  .xxl\:w-10px{
    width: 10px !important;
  }

  .xxl\:w-15px{
    width: 15px !important;
  }

  .xxl\:w-20px{
    width: 20px !important;
  }

  .xxl\:w-25px{
    width: 25px !important;
  }

  .xxl\:w-30px{
    width: 30px !important;
  }

  .xxl\:w-36px{
    width: 36px !important;
  }

  .xxl\:w-50px{
    width: 50px !important;
  }

  .xxl\:w-60px{
    width: 60px !important;
  }

  .xxl\:w-120px{
    width: 120px !important;
  }

  .xxl\:w-1\/2{
    width: 50% !important;
  }

  .xxl\:w-1\/3{
    width: 33.333333% !important;
  }

  .xxl\:w-2\/3{
    width: 66.666667% !important;
  }

  .xxl\:w-1\/4{
    width: 25% !important;
  }

  .xxl\:w-2\/4{
    width: 50% !important;
  }

  .xxl\:w-3\/4{
    width: 75% !important;
  }

  .xxl\:w-1\/5{
    width: 20% !important;
  }

  .xxl\:w-2\/5{
    width: 40% !important;
  }

  .xxl\:w-3\/5{
    width: 60% !important;
  }

  .xxl\:w-4\/5{
    width: 80% !important;
  }

  .xxl\:w-1\/6{
    width: 16.666667% !important;
  }

  .xxl\:w-2\/6{
    width: 33.333333% !important;
  }

  .xxl\:w-3\/6{
    width: 50% !important;
  }

  .xxl\:w-4\/6{
    width: 66.666667% !important;
  }

  .xxl\:w-5\/6{
    width: 83.333333% !important;
  }

  .xxl\:w-1\/12{
    width: 8.333333% !important;
  }

  .xxl\:w-2\/12{
    width: 16.666667% !important;
  }

  .xxl\:w-3\/12{
    width: 25% !important;
  }

  .xxl\:w-4\/12{
    width: 33.333333% !important;
  }

  .xxl\:w-5\/12{
    width: 41.666667% !important;
  }

  .xxl\:w-6\/12{
    width: 50% !important;
  }

  .xxl\:w-7\/12{
    width: 58.333333% !important;
  }

  .xxl\:w-8\/12{
    width: 66.666667% !important;
  }

  .xxl\:w-9\/12{
    width: 75% !important;
  }

  .xxl\:w-10\/12{
    width: 83.333333% !important;
  }

  .xxl\:w-11\/12{
    width: 91.666667% !important;
  }

  .xxl\:w-full{
    width: 100% !important;
  }

  .xxl\:w-screen{
    width: 100vw !important;
  }

  .xxl\:z-0{
    z-index: 0 !important;
  }

  .xxl\:z-3{
    z-index: 3 !important;
  }

  .xxl\:z-10{
    z-index: 10 !important;
  }

  .xxl\:z-15{
    z-index: 15 !important;
  }

  .xxl\:z-20{
    z-index: 20 !important;
  }

  .xxl\:z-30{
    z-index: 30 !important;
  }

  .xxl\:z-40{
    z-index: 40 !important;
  }

  .xxl\:z-50{
    z-index: 50 !important;
  }

  .xxl\:z-auto{
    z-index: auto !important;
  }

  .xxl\:gap-0{
    grid-gap: 0 !important;
    gap: 0 !important;
  }

  .xxl\:gap-1{
    grid-gap: 0.25rem !important;
    gap: 0.25rem !important;
  }

  .xxl\:gap-2{
    grid-gap: 0.5rem !important;
    gap: 0.5rem !important;
  }

  .xxl\:gap-3{
    grid-gap: 0.75rem !important;
    gap: 0.75rem !important;
  }

  .xxl\:gap-4{
    grid-gap: 1rem !important;
    gap: 1rem !important;
  }

  .xxl\:gap-5{
    grid-gap: 1.25rem !important;
    gap: 1.25rem !important;
  }

  .xxl\:gap-6{
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important;
  }

  .xxl\:gap-8{
    grid-gap: 2rem !important;
    gap: 2rem !important;
  }

  .xxl\:gap-10{
    grid-gap: 2.5rem !important;
    gap: 2.5rem !important;
  }

  .xxl\:gap-12{
    grid-gap: 3rem !important;
    gap: 3rem !important;
  }

  .xxl\:gap-16{
    grid-gap: 4rem !important;
    gap: 4rem !important;
  }

  .xxl\:gap-20{
    grid-gap: 5rem !important;
    gap: 5rem !important;
  }

  .xxl\:gap-24{
    grid-gap: 6rem !important;
    gap: 6rem !important;
  }

  .xxl\:gap-28{
    grid-gap: 7rem !important;
    gap: 7rem !important;
  }

  .xxl\:gap-32{
    grid-gap: 8rem !important;
    gap: 8rem !important;
  }

  .xxl\:gap-40{
    grid-gap: 10rem !important;
    gap: 10rem !important;
  }

  .xxl\:gap-48{
    grid-gap: 12rem !important;
    gap: 12rem !important;
  }

  .xxl\:gap-56{
    grid-gap: 14rem !important;
    gap: 14rem !important;
  }

  .xxl\:gap-64{
    grid-gap: 16rem !important;
    gap: 16rem !important;
  }

  .xxl\:gap-px{
    grid-gap: 1px !important;
    gap: 1px !important;
  }

  .xxl\:gap-2px{
    grid-gap: 2px !important;
    gap: 2px !important;
  }

  .xxl\:gap-3px{
    grid-gap: 3px !important;
    gap: 3px !important;
  }

  .xxl\:gap-5px{
    grid-gap: 5px !important;
    gap: 5px !important;
  }

  .xxl\:gap-10px{
    grid-gap: 10px !important;
    gap: 10px !important;
  }

  .xxl\:gap-15px{
    grid-gap: 15px !important;
    gap: 15px !important;
  }

  .xxl\:gap-20px{
    grid-gap: 20px !important;
    gap: 20px !important;
  }

  .xxl\:gap-25px{
    grid-gap: 25px !important;
    gap: 25px !important;
  }

  .xxl\:gap-30px{
    grid-gap: 30px !important;
    gap: 30px !important;
  }

  .xxl\:gap-36px{
    grid-gap: 36px !important;
    gap: 36px !important;
  }

  .xxl\:gap-50px{
    grid-gap: 50px !important;
    gap: 50px !important;
  }

  .xxl\:gap-60px{
    grid-gap: 60px !important;
    gap: 60px !important;
  }

  .xxl\:gap-120px{
    grid-gap: 120px !important;
    gap: 120px !important;
  }

  .xxl\:col-gap-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .xxl\:col-gap-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .xxl\:col-gap-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .xxl\:col-gap-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .xxl\:col-gap-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .xxl\:col-gap-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .xxl\:col-gap-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .xxl\:col-gap-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .xxl\:col-gap-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .xxl\:col-gap-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .xxl\:col-gap-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .xxl\:col-gap-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .xxl\:col-gap-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .xxl\:col-gap-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .xxl\:col-gap-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .xxl\:col-gap-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .xxl\:col-gap-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .xxl\:col-gap-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .xxl\:col-gap-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .xxl\:col-gap-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .xxl\:col-gap-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .xxl\:col-gap-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .xxl\:col-gap-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .xxl\:col-gap-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .xxl\:col-gap-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .xxl\:col-gap-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .xxl\:col-gap-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .xxl\:col-gap-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .xxl\:col-gap-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .xxl\:col-gap-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .xxl\:col-gap-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .xxl\:col-gap-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .xxl\:gap-x-0{
    grid-column-gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }

  .xxl\:gap-x-1{
    grid-column-gap: 0.25rem !important;
    -webkit-column-gap: 0.25rem !important;
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }

  .xxl\:gap-x-2{
    grid-column-gap: 0.5rem !important;
    -webkit-column-gap: 0.5rem !important;
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }

  .xxl\:gap-x-3{
    grid-column-gap: 0.75rem !important;
    -webkit-column-gap: 0.75rem !important;
    -moz-column-gap: 0.75rem !important;
    column-gap: 0.75rem !important;
  }

  .xxl\:gap-x-4{
    grid-column-gap: 1rem !important;
    -webkit-column-gap: 1rem !important;
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }

  .xxl\:gap-x-5{
    grid-column-gap: 1.25rem !important;
    -webkit-column-gap: 1.25rem !important;
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important;
  }

  .xxl\:gap-x-6{
    grid-column-gap: 1.5rem !important;
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }

  .xxl\:gap-x-8{
    grid-column-gap: 2rem !important;
    -webkit-column-gap: 2rem !important;
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important;
  }

  .xxl\:gap-x-10{
    grid-column-gap: 2.5rem !important;
    -webkit-column-gap: 2.5rem !important;
    -moz-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important;
  }

  .xxl\:gap-x-12{
    grid-column-gap: 3rem !important;
    -webkit-column-gap: 3rem !important;
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }

  .xxl\:gap-x-16{
    grid-column-gap: 4rem !important;
    -webkit-column-gap: 4rem !important;
    -moz-column-gap: 4rem !important;
    column-gap: 4rem !important;
  }

  .xxl\:gap-x-20{
    grid-column-gap: 5rem !important;
    -webkit-column-gap: 5rem !important;
    -moz-column-gap: 5rem !important;
    column-gap: 5rem !important;
  }

  .xxl\:gap-x-24{
    grid-column-gap: 6rem !important;
    -webkit-column-gap: 6rem !important;
    -moz-column-gap: 6rem !important;
    column-gap: 6rem !important;
  }

  .xxl\:gap-x-28{
    grid-column-gap: 7rem !important;
    -webkit-column-gap: 7rem !important;
    -moz-column-gap: 7rem !important;
    column-gap: 7rem !important;
  }

  .xxl\:gap-x-32{
    grid-column-gap: 8rem !important;
    -webkit-column-gap: 8rem !important;
    -moz-column-gap: 8rem !important;
    column-gap: 8rem !important;
  }

  .xxl\:gap-x-40{
    grid-column-gap: 10rem !important;
    -webkit-column-gap: 10rem !important;
    -moz-column-gap: 10rem !important;
    column-gap: 10rem !important;
  }

  .xxl\:gap-x-48{
    grid-column-gap: 12rem !important;
    -webkit-column-gap: 12rem !important;
    -moz-column-gap: 12rem !important;
    column-gap: 12rem !important;
  }

  .xxl\:gap-x-56{
    grid-column-gap: 14rem !important;
    -webkit-column-gap: 14rem !important;
    -moz-column-gap: 14rem !important;
    column-gap: 14rem !important;
  }

  .xxl\:gap-x-64{
    grid-column-gap: 16rem !important;
    -webkit-column-gap: 16rem !important;
    -moz-column-gap: 16rem !important;
    column-gap: 16rem !important;
  }

  .xxl\:gap-x-px{
    grid-column-gap: 1px !important;
    -webkit-column-gap: 1px !important;
    -moz-column-gap: 1px !important;
    column-gap: 1px !important;
  }

  .xxl\:gap-x-2px{
    grid-column-gap: 2px !important;
    -webkit-column-gap: 2px !important;
    -moz-column-gap: 2px !important;
    column-gap: 2px !important;
  }

  .xxl\:gap-x-3px{
    grid-column-gap: 3px !important;
    -webkit-column-gap: 3px !important;
    -moz-column-gap: 3px !important;
    column-gap: 3px !important;
  }

  .xxl\:gap-x-5px{
    grid-column-gap: 5px !important;
    -webkit-column-gap: 5px !important;
    -moz-column-gap: 5px !important;
    column-gap: 5px !important;
  }

  .xxl\:gap-x-10px{
    grid-column-gap: 10px !important;
    -webkit-column-gap: 10px !important;
    -moz-column-gap: 10px !important;
    column-gap: 10px !important;
  }

  .xxl\:gap-x-15px{
    grid-column-gap: 15px !important;
    -webkit-column-gap: 15px !important;
    -moz-column-gap: 15px !important;
    column-gap: 15px !important;
  }

  .xxl\:gap-x-20px{
    grid-column-gap: 20px !important;
    -webkit-column-gap: 20px !important;
    -moz-column-gap: 20px !important;
    column-gap: 20px !important;
  }

  .xxl\:gap-x-25px{
    grid-column-gap: 25px !important;
    -webkit-column-gap: 25px !important;
    -moz-column-gap: 25px !important;
    column-gap: 25px !important;
  }

  .xxl\:gap-x-30px{
    grid-column-gap: 30px !important;
    -webkit-column-gap: 30px !important;
    -moz-column-gap: 30px !important;
    column-gap: 30px !important;
  }

  .xxl\:gap-x-36px{
    grid-column-gap: 36px !important;
    -webkit-column-gap: 36px !important;
    -moz-column-gap: 36px !important;
    column-gap: 36px !important;
  }

  .xxl\:gap-x-50px{
    grid-column-gap: 50px !important;
    -webkit-column-gap: 50px !important;
    -moz-column-gap: 50px !important;
    column-gap: 50px !important;
  }

  .xxl\:gap-x-60px{
    grid-column-gap: 60px !important;
    -webkit-column-gap: 60px !important;
    -moz-column-gap: 60px !important;
    column-gap: 60px !important;
  }

  .xxl\:gap-x-120px{
    grid-column-gap: 120px !important;
    -webkit-column-gap: 120px !important;
    -moz-column-gap: 120px !important;
    column-gap: 120px !important;
  }

  .xxl\:row-gap-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .xxl\:row-gap-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .xxl\:row-gap-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .xxl\:row-gap-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .xxl\:row-gap-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .xxl\:row-gap-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .xxl\:row-gap-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .xxl\:row-gap-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .xxl\:row-gap-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .xxl\:row-gap-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .xxl\:row-gap-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .xxl\:row-gap-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .xxl\:row-gap-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .xxl\:row-gap-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .xxl\:row-gap-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .xxl\:row-gap-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .xxl\:row-gap-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .xxl\:row-gap-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .xxl\:row-gap-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .xxl\:row-gap-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .xxl\:row-gap-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .xxl\:row-gap-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .xxl\:row-gap-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .xxl\:row-gap-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .xxl\:row-gap-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .xxl\:row-gap-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .xxl\:row-gap-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .xxl\:row-gap-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .xxl\:row-gap-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .xxl\:row-gap-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .xxl\:row-gap-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .xxl\:row-gap-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .xxl\:gap-y-0{
    grid-row-gap: 0 !important;
    row-gap: 0 !important;
  }

  .xxl\:gap-y-1{
    grid-row-gap: 0.25rem !important;
    row-gap: 0.25rem !important;
  }

  .xxl\:gap-y-2{
    grid-row-gap: 0.5rem !important;
    row-gap: 0.5rem !important;
  }

  .xxl\:gap-y-3{
    grid-row-gap: 0.75rem !important;
    row-gap: 0.75rem !important;
  }

  .xxl\:gap-y-4{
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
  }

  .xxl\:gap-y-5{
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important;
  }

  .xxl\:gap-y-6{
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important;
  }

  .xxl\:gap-y-8{
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important;
  }

  .xxl\:gap-y-10{
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important;
  }

  .xxl\:gap-y-12{
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important;
  }

  .xxl\:gap-y-16{
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important;
  }

  .xxl\:gap-y-20{
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important;
  }

  .xxl\:gap-y-24{
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important;
  }

  .xxl\:gap-y-28{
    grid-row-gap: 7rem !important;
    row-gap: 7rem !important;
  }

  .xxl\:gap-y-32{
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important;
  }

  .xxl\:gap-y-40{
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important;
  }

  .xxl\:gap-y-48{
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important;
  }

  .xxl\:gap-y-56{
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important;
  }

  .xxl\:gap-y-64{
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important;
  }

  .xxl\:gap-y-px{
    grid-row-gap: 1px !important;
    row-gap: 1px !important;
  }

  .xxl\:gap-y-2px{
    grid-row-gap: 2px !important;
    row-gap: 2px !important;
  }

  .xxl\:gap-y-3px{
    grid-row-gap: 3px !important;
    row-gap: 3px !important;
  }

  .xxl\:gap-y-5px{
    grid-row-gap: 5px !important;
    row-gap: 5px !important;
  }

  .xxl\:gap-y-10px{
    grid-row-gap: 10px !important;
    row-gap: 10px !important;
  }

  .xxl\:gap-y-15px{
    grid-row-gap: 15px !important;
    row-gap: 15px !important;
  }

  .xxl\:gap-y-20px{
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
  }

  .xxl\:gap-y-25px{
    grid-row-gap: 25px !important;
    row-gap: 25px !important;
  }

  .xxl\:gap-y-30px{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
  }

  .xxl\:gap-y-36px{
    grid-row-gap: 36px !important;
    row-gap: 36px !important;
  }

  .xxl\:gap-y-50px{
    grid-row-gap: 50px !important;
    row-gap: 50px !important;
  }

  .xxl\:gap-y-60px{
    grid-row-gap: 60px !important;
    row-gap: 60px !important;
  }

  .xxl\:gap-y-120px{
    grid-row-gap: 120px !important;
    row-gap: 120px !important;
  }

  .xxl\:grid-flow-row{
    grid-auto-flow: row !important;
  }

  .xxl\:grid-flow-col{
    grid-auto-flow: column !important;
  }

  .xxl\:grid-flow-row-dense{
    grid-auto-flow: row dense !important;
  }

  .xxl\:grid-flow-col-dense{
    grid-auto-flow: column dense !important;
  }

  .xxl\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-cols-none{
    grid-template-columns: none !important;
  }

  .xxl\:grid-cols-half-col{
    grid-template-columns: repeat(2, 1fr); !important;
  }

  .xxl\:grid-cols-mix-col{
    grid-template-columns: calc(40% - 30px) 60% !important;
  }

  .xxl\:grid-cols-mixInfo-col{
    grid-template-columns: calc(40% - 30px) calc(60% - 30px) !important;
  }

  .xxl\:auto-cols-auto{
    grid-auto-columns: auto !important;
  }

  .xxl\:auto-cols-min{
    grid-auto-columns: -webkit-min-content !important;
    grid-auto-columns: min-content !important;
  }

  .xxl\:auto-cols-max{
    grid-auto-columns: -webkit-max-content !important;
    grid-auto-columns: max-content !important;
  }

  .xxl\:auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr) !important;
  }

  .xxl\:col-auto{
    grid-column: auto !important;
  }

  .xxl\:col-span-1{
    grid-column: span 1 / span 1 !important;
  }

  .xxl\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }

  .xxl\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }

  .xxl\:col-span-4{
    grid-column: span 4 / span 4 !important;
  }

  .xxl\:col-span-5{
    grid-column: span 5 / span 5 !important;
  }

  .xxl\:col-span-6{
    grid-column: span 6 / span 6 !important;
  }

  .xxl\:col-span-7{
    grid-column: span 7 / span 7 !important;
  }

  .xxl\:col-span-8{
    grid-column: span 8 / span 8 !important;
  }

  .xxl\:col-span-9{
    grid-column: span 9 / span 9 !important;
  }

  .xxl\:col-span-10{
    grid-column: span 10 / span 10 !important;
  }

  .xxl\:col-span-11{
    grid-column: span 11 / span 11 !important;
  }

  .xxl\:col-span-12{
    grid-column: span 12 / span 12 !important;
  }

  .xxl\:col-span-full{
    grid-column: 1 / -1 !important;
  }

  .xxl\:col-start-1{
    grid-column-start: 1 !important;
  }

  .xxl\:col-start-2{
    grid-column-start: 2 !important;
  }

  .xxl\:col-start-3{
    grid-column-start: 3 !important;
  }

  .xxl\:col-start-4{
    grid-column-start: 4 !important;
  }

  .xxl\:col-start-5{
    grid-column-start: 5 !important;
  }

  .xxl\:col-start-6{
    grid-column-start: 6 !important;
  }

  .xxl\:col-start-7{
    grid-column-start: 7 !important;
  }

  .xxl\:col-start-8{
    grid-column-start: 8 !important;
  }

  .xxl\:col-start-9{
    grid-column-start: 9 !important;
  }

  .xxl\:col-start-10{
    grid-column-start: 10 !important;
  }

  .xxl\:col-start-11{
    grid-column-start: 11 !important;
  }

  .xxl\:col-start-12{
    grid-column-start: 12 !important;
  }

  .xxl\:col-start-13{
    grid-column-start: 13 !important;
  }

  .xxl\:col-start-auto{
    grid-column-start: auto !important;
  }

  .xxl\:col-end-1{
    grid-column-end: 1 !important;
  }

  .xxl\:col-end-2{
    grid-column-end: 2 !important;
  }

  .xxl\:col-end-3{
    grid-column-end: 3 !important;
  }

  .xxl\:col-end-4{
    grid-column-end: 4 !important;
  }

  .xxl\:col-end-5{
    grid-column-end: 5 !important;
  }

  .xxl\:col-end-6{
    grid-column-end: 6 !important;
  }

  .xxl\:col-end-7{
    grid-column-end: 7 !important;
  }

  .xxl\:col-end-8{
    grid-column-end: 8 !important;
  }

  .xxl\:col-end-9{
    grid-column-end: 9 !important;
  }

  .xxl\:col-end-10{
    grid-column-end: 10 !important;
  }

  .xxl\:col-end-11{
    grid-column-end: 11 !important;
  }

  .xxl\:col-end-12{
    grid-column-end: 12 !important;
  }

  .xxl\:col-end-13{
    grid-column-end: 13 !important;
  }

  .xxl\:col-end-auto{
    grid-column-end: auto !important;
  }

  .xxl\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-rows-4{
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-rows-5{
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-rows-6{
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  }

  .xxl\:grid-rows-none{
    grid-template-rows: none !important;
  }

  .xxl\:grid-rows-mix-row{
    grid-template-rows: minmax(100px, auto) auto !important;
  }

  .xxl\:auto-rows-auto{
    grid-auto-rows: auto !important;
  }

  .xxl\:auto-rows-min{
    grid-auto-rows: -webkit-min-content !important;
    grid-auto-rows: min-content !important;
  }

  .xxl\:auto-rows-max{
    grid-auto-rows: -webkit-max-content !important;
    grid-auto-rows: max-content !important;
  }

  .xxl\:auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  .xxl\:row-auto{
    grid-row: auto !important;
  }

  .xxl\:row-span-1{
    grid-row: span 1 / span 1 !important;
  }

  .xxl\:row-span-2{
    grid-row: span 2 / span 2 !important;
  }

  .xxl\:row-span-3{
    grid-row: span 3 / span 3 !important;
  }

  .xxl\:row-span-4{
    grid-row: span 4 / span 4 !important;
  }

  .xxl\:row-span-5{
    grid-row: span 5 / span 5 !important;
  }

  .xxl\:row-span-6{
    grid-row: span 6 / span 6 !important;
  }

  .xxl\:row-span-full{
    grid-row: 1 / -1 !important;
  }

  .xxl\:row-start-1{
    grid-row-start: 1 !important;
  }

  .xxl\:row-start-2{
    grid-row-start: 2 !important;
  }

  .xxl\:row-start-3{
    grid-row-start: 3 !important;
  }

  .xxl\:row-start-4{
    grid-row-start: 4 !important;
  }

  .xxl\:row-start-5{
    grid-row-start: 5 !important;
  }

  .xxl\:row-start-6{
    grid-row-start: 6 !important;
  }

  .xxl\:row-start-7{
    grid-row-start: 7 !important;
  }

  .xxl\:row-start-auto{
    grid-row-start: auto !important;
  }

  .xxl\:row-end-1{
    grid-row-end: 1 !important;
  }

  .xxl\:row-end-2{
    grid-row-end: 2 !important;
  }

  .xxl\:row-end-3{
    grid-row-end: 3 !important;
  }

  .xxl\:row-end-4{
    grid-row-end: 4 !important;
  }

  .xxl\:row-end-5{
    grid-row-end: 5 !important;
  }

  .xxl\:row-end-6{
    grid-row-end: 6 !important;
  }

  .xxl\:row-end-7{
    grid-row-end: 7 !important;
  }

  .xxl\:row-end-auto{
    grid-row-end: auto !important;
  }

  .xxl\:transform{
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important;
  }

  .xxl\:transform-none{
    -webkit-transform: none !important;
    transform: none !important;
  }

  .xxl\:origin-center{
    -webkit-transform-origin: center !important;
    transform-origin: center !important;
  }

  .xxl\:origin-top{
    -webkit-transform-origin: top !important;
    transform-origin: top !important;
  }

  .xxl\:origin-top-right{
    -webkit-transform-origin: top right !important;
    transform-origin: top right !important;
  }

  .xxl\:origin-right{
    -webkit-transform-origin: right !important;
    transform-origin: right !important;
  }

  .xxl\:origin-bottom-right{
    -webkit-transform-origin: bottom right !important;
    transform-origin: bottom right !important;
  }

  .xxl\:origin-bottom{
    -webkit-transform-origin: bottom !important;
    transform-origin: bottom !important;
  }

  .xxl\:origin-bottom-left{
    -webkit-transform-origin: bottom left !important;
    transform-origin: bottom left !important;
  }

  .xxl\:origin-left{
    -webkit-transform-origin: left !important;
    transform-origin: left !important;
  }

  .xxl\:origin-top-left{
    -webkit-transform-origin: top left !important;
    transform-origin: top left !important;
  }

  .xxl\:scale-0{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xxl\:scale-50{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xxl\:scale-75{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xxl\:scale-90{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xxl\:scale-95{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xxl\:scale-100{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xxl\:scale-105{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xxl\:scale-110{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xxl\:scale-125{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xxl\:scale-150{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xxl\:scale-x-0{
    --transform-scale-x: 0 !important;
  }

  .xxl\:scale-x-50{
    --transform-scale-x: .5 !important;
  }

  .xxl\:scale-x-75{
    --transform-scale-x: .75 !important;
  }

  .xxl\:scale-x-90{
    --transform-scale-x: .9 !important;
  }

  .xxl\:scale-x-95{
    --transform-scale-x: .95 !important;
  }

  .xxl\:scale-x-100{
    --transform-scale-x: 1 !important;
  }

  .xxl\:scale-x-105{
    --transform-scale-x: 1.05 !important;
  }

  .xxl\:scale-x-110{
    --transform-scale-x: 1.1 !important;
  }

  .xxl\:scale-x-125{
    --transform-scale-x: 1.25 !important;
  }

  .xxl\:scale-x-150{
    --transform-scale-x: 1.5 !important;
  }

  .xxl\:scale-y-0{
    --transform-scale-y: 0 !important;
  }

  .xxl\:scale-y-50{
    --transform-scale-y: .5 !important;
  }

  .xxl\:scale-y-75{
    --transform-scale-y: .75 !important;
  }

  .xxl\:scale-y-90{
    --transform-scale-y: .9 !important;
  }

  .xxl\:scale-y-95{
    --transform-scale-y: .95 !important;
  }

  .xxl\:scale-y-100{
    --transform-scale-y: 1 !important;
  }

  .xxl\:scale-y-105{
    --transform-scale-y: 1.05 !important;
  }

  .xxl\:scale-y-110{
    --transform-scale-y: 1.1 !important;
  }

  .xxl\:scale-y-125{
    --transform-scale-y: 1.25 !important;
  }

  .xxl\:scale-y-150{
    --transform-scale-y: 1.5 !important;
  }

  .xxl\:hover\:scale-0:hover{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xxl\:hover\:scale-50:hover{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xxl\:hover\:scale-75:hover{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xxl\:hover\:scale-90:hover{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xxl\:hover\:scale-95:hover{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xxl\:hover\:scale-100:hover{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xxl\:hover\:scale-105:hover{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xxl\:hover\:scale-110:hover{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xxl\:hover\:scale-125:hover{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xxl\:hover\:scale-150:hover{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xxl\:hover\:scale-x-0:hover{
    --transform-scale-x: 0 !important;
  }

  .xxl\:hover\:scale-x-50:hover{
    --transform-scale-x: .5 !important;
  }

  .xxl\:hover\:scale-x-75:hover{
    --transform-scale-x: .75 !important;
  }

  .xxl\:hover\:scale-x-90:hover{
    --transform-scale-x: .9 !important;
  }

  .xxl\:hover\:scale-x-95:hover{
    --transform-scale-x: .95 !important;
  }

  .xxl\:hover\:scale-x-100:hover{
    --transform-scale-x: 1 !important;
  }

  .xxl\:hover\:scale-x-105:hover{
    --transform-scale-x: 1.05 !important;
  }

  .xxl\:hover\:scale-x-110:hover{
    --transform-scale-x: 1.1 !important;
  }

  .xxl\:hover\:scale-x-125:hover{
    --transform-scale-x: 1.25 !important;
  }

  .xxl\:hover\:scale-x-150:hover{
    --transform-scale-x: 1.5 !important;
  }

  .xxl\:hover\:scale-y-0:hover{
    --transform-scale-y: 0 !important;
  }

  .xxl\:hover\:scale-y-50:hover{
    --transform-scale-y: .5 !important;
  }

  .xxl\:hover\:scale-y-75:hover{
    --transform-scale-y: .75 !important;
  }

  .xxl\:hover\:scale-y-90:hover{
    --transform-scale-y: .9 !important;
  }

  .xxl\:hover\:scale-y-95:hover{
    --transform-scale-y: .95 !important;
  }

  .xxl\:hover\:scale-y-100:hover{
    --transform-scale-y: 1 !important;
  }

  .xxl\:hover\:scale-y-105:hover{
    --transform-scale-y: 1.05 !important;
  }

  .xxl\:hover\:scale-y-110:hover{
    --transform-scale-y: 1.1 !important;
  }

  .xxl\:hover\:scale-y-125:hover{
    --transform-scale-y: 1.25 !important;
  }

  .xxl\:hover\:scale-y-150:hover{
    --transform-scale-y: 1.5 !important;
  }

  .xxl\:focus\:scale-0:focus{
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important;
  }

  .xxl\:focus\:scale-50:focus{
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important;
  }

  .xxl\:focus\:scale-75:focus{
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important;
  }

  .xxl\:focus\:scale-90:focus{
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important;
  }

  .xxl\:focus\:scale-95:focus{
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important;
  }

  .xxl\:focus\:scale-100:focus{
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
  }

  .xxl\:focus\:scale-105:focus{
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important;
  }

  .xxl\:focus\:scale-110:focus{
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important;
  }

  .xxl\:focus\:scale-125:focus{
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important;
  }

  .xxl\:focus\:scale-150:focus{
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important;
  }

  .xxl\:focus\:scale-x-0:focus{
    --transform-scale-x: 0 !important;
  }

  .xxl\:focus\:scale-x-50:focus{
    --transform-scale-x: .5 !important;
  }

  .xxl\:focus\:scale-x-75:focus{
    --transform-scale-x: .75 !important;
  }

  .xxl\:focus\:scale-x-90:focus{
    --transform-scale-x: .9 !important;
  }

  .xxl\:focus\:scale-x-95:focus{
    --transform-scale-x: .95 !important;
  }

  .xxl\:focus\:scale-x-100:focus{
    --transform-scale-x: 1 !important;
  }

  .xxl\:focus\:scale-x-105:focus{
    --transform-scale-x: 1.05 !important;
  }

  .xxl\:focus\:scale-x-110:focus{
    --transform-scale-x: 1.1 !important;
  }

  .xxl\:focus\:scale-x-125:focus{
    --transform-scale-x: 1.25 !important;
  }

  .xxl\:focus\:scale-x-150:focus{
    --transform-scale-x: 1.5 !important;
  }

  .xxl\:focus\:scale-y-0:focus{
    --transform-scale-y: 0 !important;
  }

  .xxl\:focus\:scale-y-50:focus{
    --transform-scale-y: .5 !important;
  }

  .xxl\:focus\:scale-y-75:focus{
    --transform-scale-y: .75 !important;
  }

  .xxl\:focus\:scale-y-90:focus{
    --transform-scale-y: .9 !important;
  }

  .xxl\:focus\:scale-y-95:focus{
    --transform-scale-y: .95 !important;
  }

  .xxl\:focus\:scale-y-100:focus{
    --transform-scale-y: 1 !important;
  }

  .xxl\:focus\:scale-y-105:focus{
    --transform-scale-y: 1.05 !important;
  }

  .xxl\:focus\:scale-y-110:focus{
    --transform-scale-y: 1.1 !important;
  }

  .xxl\:focus\:scale-y-125:focus{
    --transform-scale-y: 1.25 !important;
  }

  .xxl\:focus\:scale-y-150:focus{
    --transform-scale-y: 1.5 !important;
  }

  .xxl\:rotate-0{
    --transform-rotate: 0 !important;
  }

  .xxl\:rotate-1{
    --transform-rotate: 1deg !important;
  }

  .xxl\:rotate-2{
    --transform-rotate: 2deg !important;
  }

  .xxl\:rotate-3{
    --transform-rotate: 3deg !important;
  }

  .xxl\:rotate-6{
    --transform-rotate: 6deg !important;
  }

  .xxl\:rotate-12{
    --transform-rotate: 12deg !important;
  }

  .xxl\:rotate-45{
    --transform-rotate: 45deg !important;
  }

  .xxl\:rotate-90{
    --transform-rotate: 90deg !important;
  }

  .xxl\:rotate-180{
    --transform-rotate: 180deg !important;
  }

  .xxl\:-rotate-180{
    --transform-rotate: -180deg !important;
  }

  .xxl\:-rotate-90{
    --transform-rotate: -90deg !important;
  }

  .xxl\:-rotate-45{
    --transform-rotate: -45deg !important;
  }

  .xxl\:-rotate-12{
    --transform-rotate: -12deg !important;
  }

  .xxl\:-rotate-6{
    --transform-rotate: -6deg !important;
  }

  .xxl\:-rotate-3{
    --transform-rotate: -3deg !important;
  }

  .xxl\:-rotate-2{
    --transform-rotate: -2deg !important;
  }

  .xxl\:-rotate-1{
    --transform-rotate: -1deg !important;
  }

  .xxl\:hover\:rotate-0:hover{
    --transform-rotate: 0 !important;
  }

  .xxl\:hover\:rotate-1:hover{
    --transform-rotate: 1deg !important;
  }

  .xxl\:hover\:rotate-2:hover{
    --transform-rotate: 2deg !important;
  }

  .xxl\:hover\:rotate-3:hover{
    --transform-rotate: 3deg !important;
  }

  .xxl\:hover\:rotate-6:hover{
    --transform-rotate: 6deg !important;
  }

  .xxl\:hover\:rotate-12:hover{
    --transform-rotate: 12deg !important;
  }

  .xxl\:hover\:rotate-45:hover{
    --transform-rotate: 45deg !important;
  }

  .xxl\:hover\:rotate-90:hover{
    --transform-rotate: 90deg !important;
  }

  .xxl\:hover\:rotate-180:hover{
    --transform-rotate: 180deg !important;
  }

  .xxl\:hover\:-rotate-180:hover{
    --transform-rotate: -180deg !important;
  }

  .xxl\:hover\:-rotate-90:hover{
    --transform-rotate: -90deg !important;
  }

  .xxl\:hover\:-rotate-45:hover{
    --transform-rotate: -45deg !important;
  }

  .xxl\:hover\:-rotate-12:hover{
    --transform-rotate: -12deg !important;
  }

  .xxl\:hover\:-rotate-6:hover{
    --transform-rotate: -6deg !important;
  }

  .xxl\:hover\:-rotate-3:hover{
    --transform-rotate: -3deg !important;
  }

  .xxl\:hover\:-rotate-2:hover{
    --transform-rotate: -2deg !important;
  }

  .xxl\:hover\:-rotate-1:hover{
    --transform-rotate: -1deg !important;
  }

  .xxl\:focus\:rotate-0:focus{
    --transform-rotate: 0 !important;
  }

  .xxl\:focus\:rotate-1:focus{
    --transform-rotate: 1deg !important;
  }

  .xxl\:focus\:rotate-2:focus{
    --transform-rotate: 2deg !important;
  }

  .xxl\:focus\:rotate-3:focus{
    --transform-rotate: 3deg !important;
  }

  .xxl\:focus\:rotate-6:focus{
    --transform-rotate: 6deg !important;
  }

  .xxl\:focus\:rotate-12:focus{
    --transform-rotate: 12deg !important;
  }

  .xxl\:focus\:rotate-45:focus{
    --transform-rotate: 45deg !important;
  }

  .xxl\:focus\:rotate-90:focus{
    --transform-rotate: 90deg !important;
  }

  .xxl\:focus\:rotate-180:focus{
    --transform-rotate: 180deg !important;
  }

  .xxl\:focus\:-rotate-180:focus{
    --transform-rotate: -180deg !important;
  }

  .xxl\:focus\:-rotate-90:focus{
    --transform-rotate: -90deg !important;
  }

  .xxl\:focus\:-rotate-45:focus{
    --transform-rotate: -45deg !important;
  }

  .xxl\:focus\:-rotate-12:focus{
    --transform-rotate: -12deg !important;
  }

  .xxl\:focus\:-rotate-6:focus{
    --transform-rotate: -6deg !important;
  }

  .xxl\:focus\:-rotate-3:focus{
    --transform-rotate: -3deg !important;
  }

  .xxl\:focus\:-rotate-2:focus{
    --transform-rotate: -2deg !important;
  }

  .xxl\:focus\:-rotate-1:focus{
    --transform-rotate: -1deg !important;
  }

  .xxl\:translate-x-0{
    --transform-translate-x: 0 !important;
  }

  .xxl\:translate-x-1{
    --transform-translate-x: 0.25rem !important;
  }

  .xxl\:translate-x-2{
    --transform-translate-x: 0.5rem !important;
  }

  .xxl\:translate-x-3{
    --transform-translate-x: 0.75rem !important;
  }

  .xxl\:translate-x-4{
    --transform-translate-x: 1rem !important;
  }

  .xxl\:translate-x-5{
    --transform-translate-x: 1.25rem !important;
  }

  .xxl\:translate-x-6{
    --transform-translate-x: 1.5rem !important;
  }

  .xxl\:translate-x-8{
    --transform-translate-x: 2rem !important;
  }

  .xxl\:translate-x-10{
    --transform-translate-x: 2.5rem !important;
  }

  .xxl\:translate-x-12{
    --transform-translate-x: 3rem !important;
  }

  .xxl\:translate-x-16{
    --transform-translate-x: 4rem !important;
  }

  .xxl\:translate-x-20{
    --transform-translate-x: 5rem !important;
  }

  .xxl\:translate-x-24{
    --transform-translate-x: 6rem !important;
  }

  .xxl\:translate-x-28{
    --transform-translate-x: 7rem !important;
  }

  .xxl\:translate-x-32{
    --transform-translate-x: 8rem !important;
  }

  .xxl\:translate-x-40{
    --transform-translate-x: 10rem !important;
  }

  .xxl\:translate-x-48{
    --transform-translate-x: 12rem !important;
  }

  .xxl\:translate-x-56{
    --transform-translate-x: 14rem !important;
  }

  .xxl\:translate-x-64{
    --transform-translate-x: 16rem !important;
  }

  .xxl\:translate-x-px{
    --transform-translate-x: 1px !important;
  }

  .xxl\:translate-x-2px{
    --transform-translate-x: 2px !important;
  }

  .xxl\:translate-x-3px{
    --transform-translate-x: 3px !important;
  }

  .xxl\:translate-x-5px{
    --transform-translate-x: 5px !important;
  }

  .xxl\:translate-x-10px{
    --transform-translate-x: 10px !important;
  }

  .xxl\:translate-x-15px{
    --transform-translate-x: 15px !important;
  }

  .xxl\:translate-x-20px{
    --transform-translate-x: 20px !important;
  }

  .xxl\:translate-x-25px{
    --transform-translate-x: 25px !important;
  }

  .xxl\:translate-x-30px{
    --transform-translate-x: 30px !important;
  }

  .xxl\:translate-x-36px{
    --transform-translate-x: 36px !important;
  }

  .xxl\:translate-x-50px{
    --transform-translate-x: 50px !important;
  }

  .xxl\:translate-x-60px{
    --transform-translate-x: 60px !important;
  }

  .xxl\:translate-x-120px{
    --transform-translate-x: 120px !important;
  }

  .xxl\:-translate-x-1{
    --transform-translate-x: -0.25rem !important;
  }

  .xxl\:-translate-x-2{
    --transform-translate-x: -0.5rem !important;
  }

  .xxl\:-translate-x-3{
    --transform-translate-x: -0.75rem !important;
  }

  .xxl\:-translate-x-4{
    --transform-translate-x: -1rem !important;
  }

  .xxl\:-translate-x-5{
    --transform-translate-x: -1.25rem !important;
  }

  .xxl\:-translate-x-6{
    --transform-translate-x: -1.5rem !important;
  }

  .xxl\:-translate-x-8{
    --transform-translate-x: -2rem !important;
  }

  .xxl\:-translate-x-10{
    --transform-translate-x: -2.5rem !important;
  }

  .xxl\:-translate-x-12{
    --transform-translate-x: -3rem !important;
  }

  .xxl\:-translate-x-16{
    --transform-translate-x: -4rem !important;
  }

  .xxl\:-translate-x-20{
    --transform-translate-x: -5rem !important;
  }

  .xxl\:-translate-x-24{
    --transform-translate-x: -6rem !important;
  }

  .xxl\:-translate-x-28{
    --transform-translate-x: -7rem !important;
  }

  .xxl\:-translate-x-32{
    --transform-translate-x: -8rem !important;
  }

  .xxl\:-translate-x-40{
    --transform-translate-x: -10rem !important;
  }

  .xxl\:-translate-x-48{
    --transform-translate-x: -12rem !important;
  }

  .xxl\:-translate-x-56{
    --transform-translate-x: -14rem !important;
  }

  .xxl\:-translate-x-64{
    --transform-translate-x: -16rem !important;
  }

  .xxl\:-translate-x-px{
    --transform-translate-x: -1px !important;
  }

  .xxl\:-translate-x-2px{
    --transform-translate-x: -2px !important;
  }

  .xxl\:-translate-x-3px{
    --transform-translate-x: -3px !important;
  }

  .xxl\:-translate-x-5px{
    --transform-translate-x: -5px !important;
  }

  .xxl\:-translate-x-10px{
    --transform-translate-x: -10px !important;
  }

  .xxl\:-translate-x-15px{
    --transform-translate-x: -15px !important;
  }

  .xxl\:-translate-x-20px{
    --transform-translate-x: -20px !important;
  }

  .xxl\:-translate-x-25px{
    --transform-translate-x: -25px !important;
  }

  .xxl\:-translate-x-30px{
    --transform-translate-x: -30px !important;
  }

  .xxl\:-translate-x-36px{
    --transform-translate-x: -36px !important;
  }

  .xxl\:-translate-x-50px{
    --transform-translate-x: -50px !important;
  }

  .xxl\:-translate-x-60px{
    --transform-translate-x: -60px !important;
  }

  .xxl\:-translate-x-120px{
    --transform-translate-x: -120px !important;
  }

  .xxl\:-translate-x-full{
    --transform-translate-x: -100% !important;
  }

  .xxl\:-translate-x-1\/2{
    --transform-translate-x: -50% !important;
  }

  .xxl\:translate-x-1\/2{
    --transform-translate-x: 50% !important;
  }

  .xxl\:translate-x-full{
    --transform-translate-x: 100% !important;
  }

  .xxl\:translate-y-0{
    --transform-translate-y: 0 !important;
  }

  .xxl\:translate-y-1{
    --transform-translate-y: 0.25rem !important;
  }

  .xxl\:translate-y-2{
    --transform-translate-y: 0.5rem !important;
  }

  .xxl\:translate-y-3{
    --transform-translate-y: 0.75rem !important;
  }

  .xxl\:translate-y-4{
    --transform-translate-y: 1rem !important;
  }

  .xxl\:translate-y-5{
    --transform-translate-y: 1.25rem !important;
  }

  .xxl\:translate-y-6{
    --transform-translate-y: 1.5rem !important;
  }

  .xxl\:translate-y-8{
    --transform-translate-y: 2rem !important;
  }

  .xxl\:translate-y-10{
    --transform-translate-y: 2.5rem !important;
  }

  .xxl\:translate-y-12{
    --transform-translate-y: 3rem !important;
  }

  .xxl\:translate-y-16{
    --transform-translate-y: 4rem !important;
  }

  .xxl\:translate-y-20{
    --transform-translate-y: 5rem !important;
  }

  .xxl\:translate-y-24{
    --transform-translate-y: 6rem !important;
  }

  .xxl\:translate-y-28{
    --transform-translate-y: 7rem !important;
  }

  .xxl\:translate-y-32{
    --transform-translate-y: 8rem !important;
  }

  .xxl\:translate-y-40{
    --transform-translate-y: 10rem !important;
  }

  .xxl\:translate-y-48{
    --transform-translate-y: 12rem !important;
  }

  .xxl\:translate-y-56{
    --transform-translate-y: 14rem !important;
  }

  .xxl\:translate-y-64{
    --transform-translate-y: 16rem !important;
  }

  .xxl\:translate-y-px{
    --transform-translate-y: 1px !important;
  }

  .xxl\:translate-y-2px{
    --transform-translate-y: 2px !important;
  }

  .xxl\:translate-y-3px{
    --transform-translate-y: 3px !important;
  }

  .xxl\:translate-y-5px{
    --transform-translate-y: 5px !important;
  }

  .xxl\:translate-y-10px{
    --transform-translate-y: 10px !important;
  }

  .xxl\:translate-y-15px{
    --transform-translate-y: 15px !important;
  }

  .xxl\:translate-y-20px{
    --transform-translate-y: 20px !important;
  }

  .xxl\:translate-y-25px{
    --transform-translate-y: 25px !important;
  }

  .xxl\:translate-y-30px{
    --transform-translate-y: 30px !important;
  }

  .xxl\:translate-y-36px{
    --transform-translate-y: 36px !important;
  }

  .xxl\:translate-y-50px{
    --transform-translate-y: 50px !important;
  }

  .xxl\:translate-y-60px{
    --transform-translate-y: 60px !important;
  }

  .xxl\:translate-y-120px{
    --transform-translate-y: 120px !important;
  }

  .xxl\:-translate-y-1{
    --transform-translate-y: -0.25rem !important;
  }

  .xxl\:-translate-y-2{
    --transform-translate-y: -0.5rem !important;
  }

  .xxl\:-translate-y-3{
    --transform-translate-y: -0.75rem !important;
  }

  .xxl\:-translate-y-4{
    --transform-translate-y: -1rem !important;
  }

  .xxl\:-translate-y-5{
    --transform-translate-y: -1.25rem !important;
  }

  .xxl\:-translate-y-6{
    --transform-translate-y: -1.5rem !important;
  }

  .xxl\:-translate-y-8{
    --transform-translate-y: -2rem !important;
  }

  .xxl\:-translate-y-10{
    --transform-translate-y: -2.5rem !important;
  }

  .xxl\:-translate-y-12{
    --transform-translate-y: -3rem !important;
  }

  .xxl\:-translate-y-16{
    --transform-translate-y: -4rem !important;
  }

  .xxl\:-translate-y-20{
    --transform-translate-y: -5rem !important;
  }

  .xxl\:-translate-y-24{
    --transform-translate-y: -6rem !important;
  }

  .xxl\:-translate-y-28{
    --transform-translate-y: -7rem !important;
  }

  .xxl\:-translate-y-32{
    --transform-translate-y: -8rem !important;
  }

  .xxl\:-translate-y-40{
    --transform-translate-y: -10rem !important;
  }

  .xxl\:-translate-y-48{
    --transform-translate-y: -12rem !important;
  }

  .xxl\:-translate-y-56{
    --transform-translate-y: -14rem !important;
  }

  .xxl\:-translate-y-64{
    --transform-translate-y: -16rem !important;
  }

  .xxl\:-translate-y-px{
    --transform-translate-y: -1px !important;
  }

  .xxl\:-translate-y-2px{
    --transform-translate-y: -2px !important;
  }

  .xxl\:-translate-y-3px{
    --transform-translate-y: -3px !important;
  }

  .xxl\:-translate-y-5px{
    --transform-translate-y: -5px !important;
  }

  .xxl\:-translate-y-10px{
    --transform-translate-y: -10px !important;
  }

  .xxl\:-translate-y-15px{
    --transform-translate-y: -15px !important;
  }

  .xxl\:-translate-y-20px{
    --transform-translate-y: -20px !important;
  }

  .xxl\:-translate-y-25px{
    --transform-translate-y: -25px !important;
  }

  .xxl\:-translate-y-30px{
    --transform-translate-y: -30px !important;
  }

  .xxl\:-translate-y-36px{
    --transform-translate-y: -36px !important;
  }

  .xxl\:-translate-y-50px{
    --transform-translate-y: -50px !important;
  }

  .xxl\:-translate-y-60px{
    --transform-translate-y: -60px !important;
  }

  .xxl\:-translate-y-120px{
    --transform-translate-y: -120px !important;
  }

  .xxl\:-translate-y-full{
    --transform-translate-y: -100% !important;
  }

  .xxl\:-translate-y-1\/2{
    --transform-translate-y: -50% !important;
  }

  .xxl\:translate-y-1\/2{
    --transform-translate-y: 50% !important;
  }

  .xxl\:translate-y-full{
    --transform-translate-y: 100% !important;
  }

  .xxl\:hover\:translate-x-0:hover{
    --transform-translate-x: 0 !important;
  }

  .xxl\:hover\:translate-x-1:hover{
    --transform-translate-x: 0.25rem !important;
  }

  .xxl\:hover\:translate-x-2:hover{
    --transform-translate-x: 0.5rem !important;
  }

  .xxl\:hover\:translate-x-3:hover{
    --transform-translate-x: 0.75rem !important;
  }

  .xxl\:hover\:translate-x-4:hover{
    --transform-translate-x: 1rem !important;
  }

  .xxl\:hover\:translate-x-5:hover{
    --transform-translate-x: 1.25rem !important;
  }

  .xxl\:hover\:translate-x-6:hover{
    --transform-translate-x: 1.5rem !important;
  }

  .xxl\:hover\:translate-x-8:hover{
    --transform-translate-x: 2rem !important;
  }

  .xxl\:hover\:translate-x-10:hover{
    --transform-translate-x: 2.5rem !important;
  }

  .xxl\:hover\:translate-x-12:hover{
    --transform-translate-x: 3rem !important;
  }

  .xxl\:hover\:translate-x-16:hover{
    --transform-translate-x: 4rem !important;
  }

  .xxl\:hover\:translate-x-20:hover{
    --transform-translate-x: 5rem !important;
  }

  .xxl\:hover\:translate-x-24:hover{
    --transform-translate-x: 6rem !important;
  }

  .xxl\:hover\:translate-x-28:hover{
    --transform-translate-x: 7rem !important;
  }

  .xxl\:hover\:translate-x-32:hover{
    --transform-translate-x: 8rem !important;
  }

  .xxl\:hover\:translate-x-40:hover{
    --transform-translate-x: 10rem !important;
  }

  .xxl\:hover\:translate-x-48:hover{
    --transform-translate-x: 12rem !important;
  }

  .xxl\:hover\:translate-x-56:hover{
    --transform-translate-x: 14rem !important;
  }

  .xxl\:hover\:translate-x-64:hover{
    --transform-translate-x: 16rem !important;
  }

  .xxl\:hover\:translate-x-px:hover{
    --transform-translate-x: 1px !important;
  }

  .xxl\:hover\:translate-x-2px:hover{
    --transform-translate-x: 2px !important;
  }

  .xxl\:hover\:translate-x-3px:hover{
    --transform-translate-x: 3px !important;
  }

  .xxl\:hover\:translate-x-5px:hover{
    --transform-translate-x: 5px !important;
  }

  .xxl\:hover\:translate-x-10px:hover{
    --transform-translate-x: 10px !important;
  }

  .xxl\:hover\:translate-x-15px:hover{
    --transform-translate-x: 15px !important;
  }

  .xxl\:hover\:translate-x-20px:hover{
    --transform-translate-x: 20px !important;
  }

  .xxl\:hover\:translate-x-25px:hover{
    --transform-translate-x: 25px !important;
  }

  .xxl\:hover\:translate-x-30px:hover{
    --transform-translate-x: 30px !important;
  }

  .xxl\:hover\:translate-x-36px:hover{
    --transform-translate-x: 36px !important;
  }

  .xxl\:hover\:translate-x-50px:hover{
    --transform-translate-x: 50px !important;
  }

  .xxl\:hover\:translate-x-60px:hover{
    --transform-translate-x: 60px !important;
  }

  .xxl\:hover\:translate-x-120px:hover{
    --transform-translate-x: 120px !important;
  }

  .xxl\:hover\:-translate-x-1:hover{
    --transform-translate-x: -0.25rem !important;
  }

  .xxl\:hover\:-translate-x-2:hover{
    --transform-translate-x: -0.5rem !important;
  }

  .xxl\:hover\:-translate-x-3:hover{
    --transform-translate-x: -0.75rem !important;
  }

  .xxl\:hover\:-translate-x-4:hover{
    --transform-translate-x: -1rem !important;
  }

  .xxl\:hover\:-translate-x-5:hover{
    --transform-translate-x: -1.25rem !important;
  }

  .xxl\:hover\:-translate-x-6:hover{
    --transform-translate-x: -1.5rem !important;
  }

  .xxl\:hover\:-translate-x-8:hover{
    --transform-translate-x: -2rem !important;
  }

  .xxl\:hover\:-translate-x-10:hover{
    --transform-translate-x: -2.5rem !important;
  }

  .xxl\:hover\:-translate-x-12:hover{
    --transform-translate-x: -3rem !important;
  }

  .xxl\:hover\:-translate-x-16:hover{
    --transform-translate-x: -4rem !important;
  }

  .xxl\:hover\:-translate-x-20:hover{
    --transform-translate-x: -5rem !important;
  }

  .xxl\:hover\:-translate-x-24:hover{
    --transform-translate-x: -6rem !important;
  }

  .xxl\:hover\:-translate-x-28:hover{
    --transform-translate-x: -7rem !important;
  }

  .xxl\:hover\:-translate-x-32:hover{
    --transform-translate-x: -8rem !important;
  }

  .xxl\:hover\:-translate-x-40:hover{
    --transform-translate-x: -10rem !important;
  }

  .xxl\:hover\:-translate-x-48:hover{
    --transform-translate-x: -12rem !important;
  }

  .xxl\:hover\:-translate-x-56:hover{
    --transform-translate-x: -14rem !important;
  }

  .xxl\:hover\:-translate-x-64:hover{
    --transform-translate-x: -16rem !important;
  }

  .xxl\:hover\:-translate-x-px:hover{
    --transform-translate-x: -1px !important;
  }

  .xxl\:hover\:-translate-x-2px:hover{
    --transform-translate-x: -2px !important;
  }

  .xxl\:hover\:-translate-x-3px:hover{
    --transform-translate-x: -3px !important;
  }

  .xxl\:hover\:-translate-x-5px:hover{
    --transform-translate-x: -5px !important;
  }

  .xxl\:hover\:-translate-x-10px:hover{
    --transform-translate-x: -10px !important;
  }

  .xxl\:hover\:-translate-x-15px:hover{
    --transform-translate-x: -15px !important;
  }

  .xxl\:hover\:-translate-x-20px:hover{
    --transform-translate-x: -20px !important;
  }

  .xxl\:hover\:-translate-x-25px:hover{
    --transform-translate-x: -25px !important;
  }

  .xxl\:hover\:-translate-x-30px:hover{
    --transform-translate-x: -30px !important;
  }

  .xxl\:hover\:-translate-x-36px:hover{
    --transform-translate-x: -36px !important;
  }

  .xxl\:hover\:-translate-x-50px:hover{
    --transform-translate-x: -50px !important;
  }

  .xxl\:hover\:-translate-x-60px:hover{
    --transform-translate-x: -60px !important;
  }

  .xxl\:hover\:-translate-x-120px:hover{
    --transform-translate-x: -120px !important;
  }

  .xxl\:hover\:-translate-x-full:hover{
    --transform-translate-x: -100% !important;
  }

  .xxl\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x: -50% !important;
  }

  .xxl\:hover\:translate-x-1\/2:hover{
    --transform-translate-x: 50% !important;
  }

  .xxl\:hover\:translate-x-full:hover{
    --transform-translate-x: 100% !important;
  }

  .xxl\:hover\:translate-y-0:hover{
    --transform-translate-y: 0 !important;
  }

  .xxl\:hover\:translate-y-1:hover{
    --transform-translate-y: 0.25rem !important;
  }

  .xxl\:hover\:translate-y-2:hover{
    --transform-translate-y: 0.5rem !important;
  }

  .xxl\:hover\:translate-y-3:hover{
    --transform-translate-y: 0.75rem !important;
  }

  .xxl\:hover\:translate-y-4:hover{
    --transform-translate-y: 1rem !important;
  }

  .xxl\:hover\:translate-y-5:hover{
    --transform-translate-y: 1.25rem !important;
  }

  .xxl\:hover\:translate-y-6:hover{
    --transform-translate-y: 1.5rem !important;
  }

  .xxl\:hover\:translate-y-8:hover{
    --transform-translate-y: 2rem !important;
  }

  .xxl\:hover\:translate-y-10:hover{
    --transform-translate-y: 2.5rem !important;
  }

  .xxl\:hover\:translate-y-12:hover{
    --transform-translate-y: 3rem !important;
  }

  .xxl\:hover\:translate-y-16:hover{
    --transform-translate-y: 4rem !important;
  }

  .xxl\:hover\:translate-y-20:hover{
    --transform-translate-y: 5rem !important;
  }

  .xxl\:hover\:translate-y-24:hover{
    --transform-translate-y: 6rem !important;
  }

  .xxl\:hover\:translate-y-28:hover{
    --transform-translate-y: 7rem !important;
  }

  .xxl\:hover\:translate-y-32:hover{
    --transform-translate-y: 8rem !important;
  }

  .xxl\:hover\:translate-y-40:hover{
    --transform-translate-y: 10rem !important;
  }

  .xxl\:hover\:translate-y-48:hover{
    --transform-translate-y: 12rem !important;
  }

  .xxl\:hover\:translate-y-56:hover{
    --transform-translate-y: 14rem !important;
  }

  .xxl\:hover\:translate-y-64:hover{
    --transform-translate-y: 16rem !important;
  }

  .xxl\:hover\:translate-y-px:hover{
    --transform-translate-y: 1px !important;
  }

  .xxl\:hover\:translate-y-2px:hover{
    --transform-translate-y: 2px !important;
  }

  .xxl\:hover\:translate-y-3px:hover{
    --transform-translate-y: 3px !important;
  }

  .xxl\:hover\:translate-y-5px:hover{
    --transform-translate-y: 5px !important;
  }

  .xxl\:hover\:translate-y-10px:hover{
    --transform-translate-y: 10px !important;
  }

  .xxl\:hover\:translate-y-15px:hover{
    --transform-translate-y: 15px !important;
  }

  .xxl\:hover\:translate-y-20px:hover{
    --transform-translate-y: 20px !important;
  }

  .xxl\:hover\:translate-y-25px:hover{
    --transform-translate-y: 25px !important;
  }

  .xxl\:hover\:translate-y-30px:hover{
    --transform-translate-y: 30px !important;
  }

  .xxl\:hover\:translate-y-36px:hover{
    --transform-translate-y: 36px !important;
  }

  .xxl\:hover\:translate-y-50px:hover{
    --transform-translate-y: 50px !important;
  }

  .xxl\:hover\:translate-y-60px:hover{
    --transform-translate-y: 60px !important;
  }

  .xxl\:hover\:translate-y-120px:hover{
    --transform-translate-y: 120px !important;
  }

  .xxl\:hover\:-translate-y-1:hover{
    --transform-translate-y: -0.25rem !important;
  }

  .xxl\:hover\:-translate-y-2:hover{
    --transform-translate-y: -0.5rem !important;
  }

  .xxl\:hover\:-translate-y-3:hover{
    --transform-translate-y: -0.75rem !important;
  }

  .xxl\:hover\:-translate-y-4:hover{
    --transform-translate-y: -1rem !important;
  }

  .xxl\:hover\:-translate-y-5:hover{
    --transform-translate-y: -1.25rem !important;
  }

  .xxl\:hover\:-translate-y-6:hover{
    --transform-translate-y: -1.5rem !important;
  }

  .xxl\:hover\:-translate-y-8:hover{
    --transform-translate-y: -2rem !important;
  }

  .xxl\:hover\:-translate-y-10:hover{
    --transform-translate-y: -2.5rem !important;
  }

  .xxl\:hover\:-translate-y-12:hover{
    --transform-translate-y: -3rem !important;
  }

  .xxl\:hover\:-translate-y-16:hover{
    --transform-translate-y: -4rem !important;
  }

  .xxl\:hover\:-translate-y-20:hover{
    --transform-translate-y: -5rem !important;
  }

  .xxl\:hover\:-translate-y-24:hover{
    --transform-translate-y: -6rem !important;
  }

  .xxl\:hover\:-translate-y-28:hover{
    --transform-translate-y: -7rem !important;
  }

  .xxl\:hover\:-translate-y-32:hover{
    --transform-translate-y: -8rem !important;
  }

  .xxl\:hover\:-translate-y-40:hover{
    --transform-translate-y: -10rem !important;
  }

  .xxl\:hover\:-translate-y-48:hover{
    --transform-translate-y: -12rem !important;
  }

  .xxl\:hover\:-translate-y-56:hover{
    --transform-translate-y: -14rem !important;
  }

  .xxl\:hover\:-translate-y-64:hover{
    --transform-translate-y: -16rem !important;
  }

  .xxl\:hover\:-translate-y-px:hover{
    --transform-translate-y: -1px !important;
  }

  .xxl\:hover\:-translate-y-2px:hover{
    --transform-translate-y: -2px !important;
  }

  .xxl\:hover\:-translate-y-3px:hover{
    --transform-translate-y: -3px !important;
  }

  .xxl\:hover\:-translate-y-5px:hover{
    --transform-translate-y: -5px !important;
  }

  .xxl\:hover\:-translate-y-10px:hover{
    --transform-translate-y: -10px !important;
  }

  .xxl\:hover\:-translate-y-15px:hover{
    --transform-translate-y: -15px !important;
  }

  .xxl\:hover\:-translate-y-20px:hover{
    --transform-translate-y: -20px !important;
  }

  .xxl\:hover\:-translate-y-25px:hover{
    --transform-translate-y: -25px !important;
  }

  .xxl\:hover\:-translate-y-30px:hover{
    --transform-translate-y: -30px !important;
  }

  .xxl\:hover\:-translate-y-36px:hover{
    --transform-translate-y: -36px !important;
  }

  .xxl\:hover\:-translate-y-50px:hover{
    --transform-translate-y: -50px !important;
  }

  .xxl\:hover\:-translate-y-60px:hover{
    --transform-translate-y: -60px !important;
  }

  .xxl\:hover\:-translate-y-120px:hover{
    --transform-translate-y: -120px !important;
  }

  .xxl\:hover\:-translate-y-full:hover{
    --transform-translate-y: -100% !important;
  }

  .xxl\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y: -50% !important;
  }

  .xxl\:hover\:translate-y-1\/2:hover{
    --transform-translate-y: 50% !important;
  }

  .xxl\:hover\:translate-y-full:hover{
    --transform-translate-y: 100% !important;
  }

  .xxl\:focus\:translate-x-0:focus{
    --transform-translate-x: 0 !important;
  }

  .xxl\:focus\:translate-x-1:focus{
    --transform-translate-x: 0.25rem !important;
  }

  .xxl\:focus\:translate-x-2:focus{
    --transform-translate-x: 0.5rem !important;
  }

  .xxl\:focus\:translate-x-3:focus{
    --transform-translate-x: 0.75rem !important;
  }

  .xxl\:focus\:translate-x-4:focus{
    --transform-translate-x: 1rem !important;
  }

  .xxl\:focus\:translate-x-5:focus{
    --transform-translate-x: 1.25rem !important;
  }

  .xxl\:focus\:translate-x-6:focus{
    --transform-translate-x: 1.5rem !important;
  }

  .xxl\:focus\:translate-x-8:focus{
    --transform-translate-x: 2rem !important;
  }

  .xxl\:focus\:translate-x-10:focus{
    --transform-translate-x: 2.5rem !important;
  }

  .xxl\:focus\:translate-x-12:focus{
    --transform-translate-x: 3rem !important;
  }

  .xxl\:focus\:translate-x-16:focus{
    --transform-translate-x: 4rem !important;
  }

  .xxl\:focus\:translate-x-20:focus{
    --transform-translate-x: 5rem !important;
  }

  .xxl\:focus\:translate-x-24:focus{
    --transform-translate-x: 6rem !important;
  }

  .xxl\:focus\:translate-x-28:focus{
    --transform-translate-x: 7rem !important;
  }

  .xxl\:focus\:translate-x-32:focus{
    --transform-translate-x: 8rem !important;
  }

  .xxl\:focus\:translate-x-40:focus{
    --transform-translate-x: 10rem !important;
  }

  .xxl\:focus\:translate-x-48:focus{
    --transform-translate-x: 12rem !important;
  }

  .xxl\:focus\:translate-x-56:focus{
    --transform-translate-x: 14rem !important;
  }

  .xxl\:focus\:translate-x-64:focus{
    --transform-translate-x: 16rem !important;
  }

  .xxl\:focus\:translate-x-px:focus{
    --transform-translate-x: 1px !important;
  }

  .xxl\:focus\:translate-x-2px:focus{
    --transform-translate-x: 2px !important;
  }

  .xxl\:focus\:translate-x-3px:focus{
    --transform-translate-x: 3px !important;
  }

  .xxl\:focus\:translate-x-5px:focus{
    --transform-translate-x: 5px !important;
  }

  .xxl\:focus\:translate-x-10px:focus{
    --transform-translate-x: 10px !important;
  }

  .xxl\:focus\:translate-x-15px:focus{
    --transform-translate-x: 15px !important;
  }

  .xxl\:focus\:translate-x-20px:focus{
    --transform-translate-x: 20px !important;
  }

  .xxl\:focus\:translate-x-25px:focus{
    --transform-translate-x: 25px !important;
  }

  .xxl\:focus\:translate-x-30px:focus{
    --transform-translate-x: 30px !important;
  }

  .xxl\:focus\:translate-x-36px:focus{
    --transform-translate-x: 36px !important;
  }

  .xxl\:focus\:translate-x-50px:focus{
    --transform-translate-x: 50px !important;
  }

  .xxl\:focus\:translate-x-60px:focus{
    --transform-translate-x: 60px !important;
  }

  .xxl\:focus\:translate-x-120px:focus{
    --transform-translate-x: 120px !important;
  }

  .xxl\:focus\:-translate-x-1:focus{
    --transform-translate-x: -0.25rem !important;
  }

  .xxl\:focus\:-translate-x-2:focus{
    --transform-translate-x: -0.5rem !important;
  }

  .xxl\:focus\:-translate-x-3:focus{
    --transform-translate-x: -0.75rem !important;
  }

  .xxl\:focus\:-translate-x-4:focus{
    --transform-translate-x: -1rem !important;
  }

  .xxl\:focus\:-translate-x-5:focus{
    --transform-translate-x: -1.25rem !important;
  }

  .xxl\:focus\:-translate-x-6:focus{
    --transform-translate-x: -1.5rem !important;
  }

  .xxl\:focus\:-translate-x-8:focus{
    --transform-translate-x: -2rem !important;
  }

  .xxl\:focus\:-translate-x-10:focus{
    --transform-translate-x: -2.5rem !important;
  }

  .xxl\:focus\:-translate-x-12:focus{
    --transform-translate-x: -3rem !important;
  }

  .xxl\:focus\:-translate-x-16:focus{
    --transform-translate-x: -4rem !important;
  }

  .xxl\:focus\:-translate-x-20:focus{
    --transform-translate-x: -5rem !important;
  }

  .xxl\:focus\:-translate-x-24:focus{
    --transform-translate-x: -6rem !important;
  }

  .xxl\:focus\:-translate-x-28:focus{
    --transform-translate-x: -7rem !important;
  }

  .xxl\:focus\:-translate-x-32:focus{
    --transform-translate-x: -8rem !important;
  }

  .xxl\:focus\:-translate-x-40:focus{
    --transform-translate-x: -10rem !important;
  }

  .xxl\:focus\:-translate-x-48:focus{
    --transform-translate-x: -12rem !important;
  }

  .xxl\:focus\:-translate-x-56:focus{
    --transform-translate-x: -14rem !important;
  }

  .xxl\:focus\:-translate-x-64:focus{
    --transform-translate-x: -16rem !important;
  }

  .xxl\:focus\:-translate-x-px:focus{
    --transform-translate-x: -1px !important;
  }

  .xxl\:focus\:-translate-x-2px:focus{
    --transform-translate-x: -2px !important;
  }

  .xxl\:focus\:-translate-x-3px:focus{
    --transform-translate-x: -3px !important;
  }

  .xxl\:focus\:-translate-x-5px:focus{
    --transform-translate-x: -5px !important;
  }

  .xxl\:focus\:-translate-x-10px:focus{
    --transform-translate-x: -10px !important;
  }

  .xxl\:focus\:-translate-x-15px:focus{
    --transform-translate-x: -15px !important;
  }

  .xxl\:focus\:-translate-x-20px:focus{
    --transform-translate-x: -20px !important;
  }

  .xxl\:focus\:-translate-x-25px:focus{
    --transform-translate-x: -25px !important;
  }

  .xxl\:focus\:-translate-x-30px:focus{
    --transform-translate-x: -30px !important;
  }

  .xxl\:focus\:-translate-x-36px:focus{
    --transform-translate-x: -36px !important;
  }

  .xxl\:focus\:-translate-x-50px:focus{
    --transform-translate-x: -50px !important;
  }

  .xxl\:focus\:-translate-x-60px:focus{
    --transform-translate-x: -60px !important;
  }

  .xxl\:focus\:-translate-x-120px:focus{
    --transform-translate-x: -120px !important;
  }

  .xxl\:focus\:-translate-x-full:focus{
    --transform-translate-x: -100% !important;
  }

  .xxl\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x: -50% !important;
  }

  .xxl\:focus\:translate-x-1\/2:focus{
    --transform-translate-x: 50% !important;
  }

  .xxl\:focus\:translate-x-full:focus{
    --transform-translate-x: 100% !important;
  }

  .xxl\:focus\:translate-y-0:focus{
    --transform-translate-y: 0 !important;
  }

  .xxl\:focus\:translate-y-1:focus{
    --transform-translate-y: 0.25rem !important;
  }

  .xxl\:focus\:translate-y-2:focus{
    --transform-translate-y: 0.5rem !important;
  }

  .xxl\:focus\:translate-y-3:focus{
    --transform-translate-y: 0.75rem !important;
  }

  .xxl\:focus\:translate-y-4:focus{
    --transform-translate-y: 1rem !important;
  }

  .xxl\:focus\:translate-y-5:focus{
    --transform-translate-y: 1.25rem !important;
  }

  .xxl\:focus\:translate-y-6:focus{
    --transform-translate-y: 1.5rem !important;
  }

  .xxl\:focus\:translate-y-8:focus{
    --transform-translate-y: 2rem !important;
  }

  .xxl\:focus\:translate-y-10:focus{
    --transform-translate-y: 2.5rem !important;
  }

  .xxl\:focus\:translate-y-12:focus{
    --transform-translate-y: 3rem !important;
  }

  .xxl\:focus\:translate-y-16:focus{
    --transform-translate-y: 4rem !important;
  }

  .xxl\:focus\:translate-y-20:focus{
    --transform-translate-y: 5rem !important;
  }

  .xxl\:focus\:translate-y-24:focus{
    --transform-translate-y: 6rem !important;
  }

  .xxl\:focus\:translate-y-28:focus{
    --transform-translate-y: 7rem !important;
  }

  .xxl\:focus\:translate-y-32:focus{
    --transform-translate-y: 8rem !important;
  }

  .xxl\:focus\:translate-y-40:focus{
    --transform-translate-y: 10rem !important;
  }

  .xxl\:focus\:translate-y-48:focus{
    --transform-translate-y: 12rem !important;
  }

  .xxl\:focus\:translate-y-56:focus{
    --transform-translate-y: 14rem !important;
  }

  .xxl\:focus\:translate-y-64:focus{
    --transform-translate-y: 16rem !important;
  }

  .xxl\:focus\:translate-y-px:focus{
    --transform-translate-y: 1px !important;
  }

  .xxl\:focus\:translate-y-2px:focus{
    --transform-translate-y: 2px !important;
  }

  .xxl\:focus\:translate-y-3px:focus{
    --transform-translate-y: 3px !important;
  }

  .xxl\:focus\:translate-y-5px:focus{
    --transform-translate-y: 5px !important;
  }

  .xxl\:focus\:translate-y-10px:focus{
    --transform-translate-y: 10px !important;
  }

  .xxl\:focus\:translate-y-15px:focus{
    --transform-translate-y: 15px !important;
  }

  .xxl\:focus\:translate-y-20px:focus{
    --transform-translate-y: 20px !important;
  }

  .xxl\:focus\:translate-y-25px:focus{
    --transform-translate-y: 25px !important;
  }

  .xxl\:focus\:translate-y-30px:focus{
    --transform-translate-y: 30px !important;
  }

  .xxl\:focus\:translate-y-36px:focus{
    --transform-translate-y: 36px !important;
  }

  .xxl\:focus\:translate-y-50px:focus{
    --transform-translate-y: 50px !important;
  }

  .xxl\:focus\:translate-y-60px:focus{
    --transform-translate-y: 60px !important;
  }

  .xxl\:focus\:translate-y-120px:focus{
    --transform-translate-y: 120px !important;
  }

  .xxl\:focus\:-translate-y-1:focus{
    --transform-translate-y: -0.25rem !important;
  }

  .xxl\:focus\:-translate-y-2:focus{
    --transform-translate-y: -0.5rem !important;
  }

  .xxl\:focus\:-translate-y-3:focus{
    --transform-translate-y: -0.75rem !important;
  }

  .xxl\:focus\:-translate-y-4:focus{
    --transform-translate-y: -1rem !important;
  }

  .xxl\:focus\:-translate-y-5:focus{
    --transform-translate-y: -1.25rem !important;
  }

  .xxl\:focus\:-translate-y-6:focus{
    --transform-translate-y: -1.5rem !important;
  }

  .xxl\:focus\:-translate-y-8:focus{
    --transform-translate-y: -2rem !important;
  }

  .xxl\:focus\:-translate-y-10:focus{
    --transform-translate-y: -2.5rem !important;
  }

  .xxl\:focus\:-translate-y-12:focus{
    --transform-translate-y: -3rem !important;
  }

  .xxl\:focus\:-translate-y-16:focus{
    --transform-translate-y: -4rem !important;
  }

  .xxl\:focus\:-translate-y-20:focus{
    --transform-translate-y: -5rem !important;
  }

  .xxl\:focus\:-translate-y-24:focus{
    --transform-translate-y: -6rem !important;
  }

  .xxl\:focus\:-translate-y-28:focus{
    --transform-translate-y: -7rem !important;
  }

  .xxl\:focus\:-translate-y-32:focus{
    --transform-translate-y: -8rem !important;
  }

  .xxl\:focus\:-translate-y-40:focus{
    --transform-translate-y: -10rem !important;
  }

  .xxl\:focus\:-translate-y-48:focus{
    --transform-translate-y: -12rem !important;
  }

  .xxl\:focus\:-translate-y-56:focus{
    --transform-translate-y: -14rem !important;
  }

  .xxl\:focus\:-translate-y-64:focus{
    --transform-translate-y: -16rem !important;
  }

  .xxl\:focus\:-translate-y-px:focus{
    --transform-translate-y: -1px !important;
  }

  .xxl\:focus\:-translate-y-2px:focus{
    --transform-translate-y: -2px !important;
  }

  .xxl\:focus\:-translate-y-3px:focus{
    --transform-translate-y: -3px !important;
  }

  .xxl\:focus\:-translate-y-5px:focus{
    --transform-translate-y: -5px !important;
  }

  .xxl\:focus\:-translate-y-10px:focus{
    --transform-translate-y: -10px !important;
  }

  .xxl\:focus\:-translate-y-15px:focus{
    --transform-translate-y: -15px !important;
  }

  .xxl\:focus\:-translate-y-20px:focus{
    --transform-translate-y: -20px !important;
  }

  .xxl\:focus\:-translate-y-25px:focus{
    --transform-translate-y: -25px !important;
  }

  .xxl\:focus\:-translate-y-30px:focus{
    --transform-translate-y: -30px !important;
  }

  .xxl\:focus\:-translate-y-36px:focus{
    --transform-translate-y: -36px !important;
  }

  .xxl\:focus\:-translate-y-50px:focus{
    --transform-translate-y: -50px !important;
  }

  .xxl\:focus\:-translate-y-60px:focus{
    --transform-translate-y: -60px !important;
  }

  .xxl\:focus\:-translate-y-120px:focus{
    --transform-translate-y: -120px !important;
  }

  .xxl\:focus\:-translate-y-full:focus{
    --transform-translate-y: -100% !important;
  }

  .xxl\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y: -50% !important;
  }

  .xxl\:focus\:translate-y-1\/2:focus{
    --transform-translate-y: 50% !important;
  }

  .xxl\:focus\:translate-y-full:focus{
    --transform-translate-y: 100% !important;
  }

  .xxl\:skew-x-0{
    --transform-skew-x: 0 !important;
  }

  .xxl\:skew-x-1{
    --transform-skew-x: 1deg !important;
  }

  .xxl\:skew-x-2{
    --transform-skew-x: 2deg !important;
  }

  .xxl\:skew-x-3{
    --transform-skew-x: 3deg !important;
  }

  .xxl\:skew-x-6{
    --transform-skew-x: 6deg !important;
  }

  .xxl\:skew-x-12{
    --transform-skew-x: 12deg !important;
  }

  .xxl\:-skew-x-12{
    --transform-skew-x: -12deg !important;
  }

  .xxl\:-skew-x-6{
    --transform-skew-x: -6deg !important;
  }

  .xxl\:-skew-x-3{
    --transform-skew-x: -3deg !important;
  }

  .xxl\:-skew-x-2{
    --transform-skew-x: -2deg !important;
  }

  .xxl\:-skew-x-1{
    --transform-skew-x: -1deg !important;
  }

  .xxl\:skew-y-0{
    --transform-skew-y: 0 !important;
  }

  .xxl\:skew-y-1{
    --transform-skew-y: 1deg !important;
  }

  .xxl\:skew-y-2{
    --transform-skew-y: 2deg !important;
  }

  .xxl\:skew-y-3{
    --transform-skew-y: 3deg !important;
  }

  .xxl\:skew-y-6{
    --transform-skew-y: 6deg !important;
  }

  .xxl\:skew-y-12{
    --transform-skew-y: 12deg !important;
  }

  .xxl\:-skew-y-12{
    --transform-skew-y: -12deg !important;
  }

  .xxl\:-skew-y-6{
    --transform-skew-y: -6deg !important;
  }

  .xxl\:-skew-y-3{
    --transform-skew-y: -3deg !important;
  }

  .xxl\:-skew-y-2{
    --transform-skew-y: -2deg !important;
  }

  .xxl\:-skew-y-1{
    --transform-skew-y: -1deg !important;
  }

  .xxl\:hover\:skew-x-0:hover{
    --transform-skew-x: 0 !important;
  }

  .xxl\:hover\:skew-x-1:hover{
    --transform-skew-x: 1deg !important;
  }

  .xxl\:hover\:skew-x-2:hover{
    --transform-skew-x: 2deg !important;
  }

  .xxl\:hover\:skew-x-3:hover{
    --transform-skew-x: 3deg !important;
  }

  .xxl\:hover\:skew-x-6:hover{
    --transform-skew-x: 6deg !important;
  }

  .xxl\:hover\:skew-x-12:hover{
    --transform-skew-x: 12deg !important;
  }

  .xxl\:hover\:-skew-x-12:hover{
    --transform-skew-x: -12deg !important;
  }

  .xxl\:hover\:-skew-x-6:hover{
    --transform-skew-x: -6deg !important;
  }

  .xxl\:hover\:-skew-x-3:hover{
    --transform-skew-x: -3deg !important;
  }

  .xxl\:hover\:-skew-x-2:hover{
    --transform-skew-x: -2deg !important;
  }

  .xxl\:hover\:-skew-x-1:hover{
    --transform-skew-x: -1deg !important;
  }

  .xxl\:hover\:skew-y-0:hover{
    --transform-skew-y: 0 !important;
  }

  .xxl\:hover\:skew-y-1:hover{
    --transform-skew-y: 1deg !important;
  }

  .xxl\:hover\:skew-y-2:hover{
    --transform-skew-y: 2deg !important;
  }

  .xxl\:hover\:skew-y-3:hover{
    --transform-skew-y: 3deg !important;
  }

  .xxl\:hover\:skew-y-6:hover{
    --transform-skew-y: 6deg !important;
  }

  .xxl\:hover\:skew-y-12:hover{
    --transform-skew-y: 12deg !important;
  }

  .xxl\:hover\:-skew-y-12:hover{
    --transform-skew-y: -12deg !important;
  }

  .xxl\:hover\:-skew-y-6:hover{
    --transform-skew-y: -6deg !important;
  }

  .xxl\:hover\:-skew-y-3:hover{
    --transform-skew-y: -3deg !important;
  }

  .xxl\:hover\:-skew-y-2:hover{
    --transform-skew-y: -2deg !important;
  }

  .xxl\:hover\:-skew-y-1:hover{
    --transform-skew-y: -1deg !important;
  }

  .xxl\:focus\:skew-x-0:focus{
    --transform-skew-x: 0 !important;
  }

  .xxl\:focus\:skew-x-1:focus{
    --transform-skew-x: 1deg !important;
  }

  .xxl\:focus\:skew-x-2:focus{
    --transform-skew-x: 2deg !important;
  }

  .xxl\:focus\:skew-x-3:focus{
    --transform-skew-x: 3deg !important;
  }

  .xxl\:focus\:skew-x-6:focus{
    --transform-skew-x: 6deg !important;
  }

  .xxl\:focus\:skew-x-12:focus{
    --transform-skew-x: 12deg !important;
  }

  .xxl\:focus\:-skew-x-12:focus{
    --transform-skew-x: -12deg !important;
  }

  .xxl\:focus\:-skew-x-6:focus{
    --transform-skew-x: -6deg !important;
  }

  .xxl\:focus\:-skew-x-3:focus{
    --transform-skew-x: -3deg !important;
  }

  .xxl\:focus\:-skew-x-2:focus{
    --transform-skew-x: -2deg !important;
  }

  .xxl\:focus\:-skew-x-1:focus{
    --transform-skew-x: -1deg !important;
  }

  .xxl\:focus\:skew-y-0:focus{
    --transform-skew-y: 0 !important;
  }

  .xxl\:focus\:skew-y-1:focus{
    --transform-skew-y: 1deg !important;
  }

  .xxl\:focus\:skew-y-2:focus{
    --transform-skew-y: 2deg !important;
  }

  .xxl\:focus\:skew-y-3:focus{
    --transform-skew-y: 3deg !important;
  }

  .xxl\:focus\:skew-y-6:focus{
    --transform-skew-y: 6deg !important;
  }

  .xxl\:focus\:skew-y-12:focus{
    --transform-skew-y: 12deg !important;
  }

  .xxl\:focus\:-skew-y-12:focus{
    --transform-skew-y: -12deg !important;
  }

  .xxl\:focus\:-skew-y-6:focus{
    --transform-skew-y: -6deg !important;
  }

  .xxl\:focus\:-skew-y-3:focus{
    --transform-skew-y: -3deg !important;
  }

  .xxl\:focus\:-skew-y-2:focus{
    --transform-skew-y: -2deg !important;
  }

  .xxl\:focus\:-skew-y-1:focus{
    --transform-skew-y: -1deg !important;
  }

  .xxl\:transition-0{
    -webkit-transition-property: hover !important;
    transition-property: hover !important;
  }

  .xxl\:transition-1{
    -webkit-transition-property: focus !important;
    transition-property: focus !important;
  }

  .xxl\:transition-none{
    -webkit-transition-property: none !important;
    transition-property: none !important;
  }

  .xxl\:transition-all{
    -webkit-transition-property: all !important;
    transition-property: all !important;
  }

  .xxl\:transition{
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform !important;
  }

  .xxl\:transition-colors{
    -webkit-transition-property: background-color, border-color, color, fill, stroke !important;
    transition-property: background-color, border-color, color, fill, stroke !important;
  }

  .xxl\:transition-opacity{
    -webkit-transition-property: opacity !important;
    transition-property: opacity !important;
  }

  .xxl\:transition-shadow{
    -webkit-transition-property: -webkit-box-shadow !important;
    transition-property: -webkit-box-shadow !important;
    transition-property: box-shadow !important;
    transition-property: box-shadow, -webkit-box-shadow !important;
  }

  .xxl\:transition-transform{
    -webkit-transition-property: -webkit-transform !important;
    transition-property: -webkit-transform !important;
    transition-property: transform !important;
    transition-property: transform, -webkit-transform !important;
  }

  .xxl\:ease-linear{
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
  }

  .xxl\:ease-in{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }

  .xxl\:ease-out{
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
  }

  .xxl\:ease-in-out{
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  .xxl\:duration-75{
    -webkit-transition-duration: 75ms !important;
    transition-duration: 75ms !important;
  }

  .xxl\:duration-100{
    -webkit-transition-duration: 100ms !important;
    transition-duration: 100ms !important;
  }

  .xxl\:duration-150{
    -webkit-transition-duration: 150ms !important;
    transition-duration: 150ms !important;
  }

  .xxl\:duration-200{
    -webkit-transition-duration: 200ms !important;
    transition-duration: 200ms !important;
  }

  .xxl\:duration-300{
    -webkit-transition-duration: 300ms !important;
    transition-duration: 300ms !important;
  }

  .xxl\:duration-500{
    -webkit-transition-duration: 500ms !important;
    transition-duration: 500ms !important;
  }

  .xxl\:duration-700{
    -webkit-transition-duration: 700ms !important;
    transition-duration: 700ms !important;
  }

  .xxl\:duration-1000{
    -webkit-transition-duration: 1000ms !important;
    transition-duration: 1000ms !important;
  }

  .xxl\:delay-75{
    -webkit-transition-delay: 75ms !important;
    transition-delay: 75ms !important;
  }

  .xxl\:delay-100{
    -webkit-transition-delay: 100ms !important;
    transition-delay: 100ms !important;
  }

  .xxl\:delay-150{
    -webkit-transition-delay: 150ms !important;
    transition-delay: 150ms !important;
  }

  .xxl\:delay-200{
    -webkit-transition-delay: 200ms !important;
    transition-delay: 200ms !important;
  }

  .xxl\:delay-300{
    -webkit-transition-delay: 300ms !important;
    transition-delay: 300ms !important;
  }

  .xxl\:delay-500{
    -webkit-transition-delay: 500ms !important;
    transition-delay: 500ms !important;
  }

  .xxl\:delay-700{
    -webkit-transition-delay: 700ms !important;
    transition-delay: 700ms !important;
  }

  .xxl\:delay-1000{
    -webkit-transition-delay: 1000ms !important;
    transition-delay: 1000ms !important;
  }

  .xxl\:animate-none{
    -webkit-animation: none !important;
    animation: none !important;
  }

  .xxl\:animate-spin{
    -webkit-animation: spin 1s linear infinite !important;
    animation: spin 1s linear infinite !important;
  }

  .xxl\:animate-ping{
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite !important;
  }

  .xxl\:animate-pulse{
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }

  .xxl\:animate-bounce{
    -webkit-animation: bounce 1s infinite !important;
    animation: bounce 1s infinite !important;
  }
}

/*# sourceMappingURL=main.min.css.map */

/* /bitrix/templates/citrus_aproduction3/app/assets/dist/css/components.min.css */
.b-card_border {
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
}

.b-card_shadow:hover {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}

.b-connect__title {
  margin-bottom: 1.25rem;
  font-size: 16px;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  font-weight: 600;
}

.b-connect__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.b-connect__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.25rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.b-connect__iconWrap {
  display: none;
  width: 1rem;
  margin-right: 0.5rem;
  --text-opacity: 1;
  color: #9a9a9a;
  color: rgba(154, 154, 154, var(--text-opacity));
  font-size: 15px;
}

.b-connect__iconWrap_mail {
  padding-top: 2px;
}

.b-connect__iconWrap_map {
  margin-left: -2px;
}

.b-connect__icon_phone {
  font-size: 16px;
  --text-opacity: 1;
  color: #9a9a9a;
  color: rgba(154, 154, 154, var(--text-opacity));
}

.b-connect__icon_map {
  font-size: 20px;
}

.b-connect__text_phone {
  font-size: 16px;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.b-connect__text_mail {
  font-size: 13px;
}

.b-connect__text_map {
  padding-left: 2px;
  font-size: 13px;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

@media (min-width: 768px) {
  .b-connect__text_phone {
    font-size: 18px;
  }

  .b-connect__text_phone:hover, .b-connect__text_map:hover {
    color: var(--hover-color);
  }
}

@media (min-width: 560px) {
  .b-connect__title {
    margin-bottom: 1rem;
  }

  .b-connect__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: -2px;
  }

  .b-connect__item {
    line-height: 1;
  }

  .b-connect__item:not(:last-child) {
    margin-bottom: 0.75rem;
  }

  .b-connect__iconWrap {
    display: block;
  }
}

@media (min-width: 768px) {
  .b-connect__title {
    font-size: 18px;
  }
}

.b-connect_office .b-connect__item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.b-connect_office .b-connect__item:not(:last-child) {
  margin-bottom: 1rem;
}

.b-connect_office .b-connect__iconWrap {
  margin-right: 0.75rem;
}

.b-connect_office .b-connect__text + .b-connect__text {
  margin-top: 0.5rem;
}

.b-connect_office .b-connect__textDesc {
  font-size: 15px;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  padding-top: 0.5rem;
}

.b-display__view_table {
  overflow-x: auto;
  max-width: 708px;
}

.b-display__view_table::-webkit-scrollbar {
  width: 3px;
  height: 5px;
}

.b-display__view_table::-webkit-scrollbar-track {
  border-radius: 10px;
  --bg-opacity: 1;
  background-color: #ccc;
  background-color: rgba(204, 204, 204, var(--bg-opacity));
}

.b-display__view_table::-webkit-scrollbar-thumb {
  border-radius: 10px;
  --bg-opacity: 1;
  background-color: #888;
  background-color: rgba(136, 136, 136, var(--bg-opacity));
}

@media (min-width: 560px) {
  .b-display__view_card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .b-display__view_card {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .b-display__view_table {
    max-width: none;
  }
}

@media (min-width: 1024px) {
  .b-display__view_card {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 15px;
    gap: 15px;
  }
}

@media (min-width: 1920px) {
  .b-display__view_card {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.b-docs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.75rem;
}

.b-docs__iconWrap {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 30px;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.b-docs__iconWrap:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  content: '';
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

.b-docs__iconWrap_pdf {
  background-color: var(--primary-color);
}

.b-docs__iconWrap_doc {
  --bg-opacity: 1;
  background-color: #1789e9;
  background-color: rgba(23, 137, 233, var(--bg-opacity));
}

.b-docs__icon {
  position: relative;
}

.b-docs__text {
  margin-left: 0.5rem;
  font-size: 13px;
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.b-docs__link {
  color: var(--primary-color);
  text-decoration: underline;
}

.b-docs:hover .b-docs__iconWrap:before {
  opacity: 1;
}

@media (min-width: 560px) {
  .b-docs__text {
    font-size: 15px;
  }
}

.b-eventCard {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.b-eventCard:hover {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}

.b-eventCard__imgWrap {
  display: block;
  height: 203px;
}

.b-eventCard__img {
  display: block;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.b-eventCard__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-eventCard__content_bottomRight {
  min-height: 200px;
}

.b-eventCard__event {
  margin-bottom: 1rem;
  font-size: 13px;
  color: var(--primary-color);
}

.b-eventCard__title {
  margin-bottom: 1.25rem;
  font-size: 15px;
  font-weight: 500;
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.b-eventCard__date {
  font-size: 13px;
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
}

@media (min-width: 560px) {
  .b-eventCard {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .b-eventCard__imgWrap {
    height: 320px;
    width: 100%;
  }

  .b-eventCard__content {
    position: absolute;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%;
  }

  .b-eventCard__content_bottomRight {
    min-height: 0;
  }
}

@media (min-width: 768px) {
  .b-eventCard__imgWrap {
    height: 366px;
  }

  .b-eventCard__content {
    padding: 2rem;
  }

  .b-eventCard__title {
    font-size: 16px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

@media (min-width: 1024px) {
  .b-eventCard__imgWrap {
    height: 296px;
  }

  .b-eventCard__content {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    height: 183px;
    width: 100%;
  }

  .b-eventCard__content_bottom {
    top: auto;
    bottom: 0;
  }

  .b-eventCard__content_bottom .b-eventCard__title {
    overflow: hidden;
    height: 63px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }

  .b-eventCard__content_bottomRight {
    width: 50%;
    height: 100%;
  }

  .b-eventCard__content_bottomRight .b-eventCard__title {
    overflow: hidden;
    height: 63px;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }

  .b-swiper_nonStandart .b-swiper__item .b-eventCard {
    height: 296px;
  }

  .b-swiper_nonStandart .b-swiper__item .b-eventCard__imgWrap {
    height: 115px;
  }
}

@media (min-width: 1280px) {
  .b-eventCard__imgWrap {
    height: 366px;
    width: 100%;
  }

  .b-eventCard__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    height: 50%;
  }

  .b-eventCard__content_bottomRight {
    top: auto;
    bottom: 0;
    width: 50%;
    height: 50%;
  }

  .b-eventCard__content_bottomRight .b-eventCard__title {
    -webkit-line-clamp: 3;
  }

  .b-eventCard__title {
    overflow: hidden;
    margin-bottom: 20px;
    height: 72px;
  }

  .b-swiper_nonStandart .b-swiper__item .b-eventCard {
    height: 366px;
  }

  .b-swiper_nonStandart .b-swiper__item .b-eventCard__imgWrap {
    height: 200px;
  }
}

@media (min-width: 1920px) {
  .b-eventCard__imgWrap {
    height: 366px;
  }

  .b-eventCard__content {
    height: 178px;
  }

  .b-eventCard__content_bottom .b-eventCard__title, .b-eventCard__content_bottomRight .b-eventCard__title {
    margin-bottom: 1.25rem;
  }

  .b-swiper_nonStandart .b-swiper__item .b-eventCard {
    height: 366px;
  }

  .b-swiper_nonStandart .b-swiper__item .b-eventCard__imgWrap {
    height: 220px;
  }
}

.b-eventCard_sidebar {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.b-eventCard_sidebar .b-eventCard__imgWrap {
  height: 12rem;
}

.b-eventCard_sidebar .b-eventCard__content {
  position: static;
  height: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.b-features {
  line-height: 2rem;
  padding-top: 3rem;
}

.b-features + .b-features {
  margin-top: 1.5rem;
}

.b-features.b-features_noTopPadding {
  padding-top: 0;
  width: 100%;
}

.b-features.b-features_full {
  width: 100%;
}

.b-features__title {
  font-weight: 600;
  font-size: 16px;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.b-features__list {
  overflow: hidden;
  max-height: 168px;
}

.b-features__list.b-features__list_full {
  max-height: none;
}

.b-features__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.b-features__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 58.333333%;
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
}

.b-features__option_full {
  width: 100%;
}

.b-features__option > a {
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
}

.b-features__option > a:hover {
  text-decoration: underline;
}

.b-features__points {
  width: 100%;
  margin-bottom: 0.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  border-bottom-width: 1px;
  border-style: dotted;
  --border-opacity: 1;
  border-color: #999;
  border-color: rgba(153, 153, 153, var(--border-opacity));
}

.b-features__value {
  --text-opacity: 1;
  color: #010101;
  color: rgba(1, 1, 1, var(--text-opacity));
}

.b-features__link {
  margin-top: 0.75rem;
  font-size: 13px;
  color: var(--primary-color);
  text-decoration: underline;
  cursor: pointer;
}

.b-features__link:hover {
  color: var(--hover-color);
}

@media (min-width: 560px) {
  .b-features {
    width: 50%;
    padding-top: 0;
  }

  .b-features__list {
    max-height: 195px;
  }
}

@media (min-width: 1024px) {
  .b-features {
    width: 100%;
    padding-top: 3rem;
    border-top-width: 2px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #ccc;
    border-color: rgba(204, 204, 204, var(--border-opacity));
  }

  .b-features.b-features_noTopPadding {
    border-width: 0;
  }
}

.sf-duplicate {
  padding: 0;
  background-color: transparent;
}

.sf-duplicate__property-list {
  margin-top: -5px;
  margin-bottom: -5px;
  margin-left: -10px;
  margin-right: -10px;
}

.sf-duplicate__property-item {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

.sf-duplicate__property-name {
  font-size: 14px;
  font-weight: 400;
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
}

.sf-duplicate__value-name {
  @aapply text-sm;
}

.filter-checkmark {
  --text-opacity: 1;
  color: #ce3a12;
  color: rgba(206, 58, 18, var(--text-opacity));
}

@media (max-width: 560px) {
  .sf-duplicate__property-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 479px) {
  .sf-duplicate {
    display: none;
  }
}

.filter {
  position: relative;
  font-size: 14px;
  margin-bottom: 20px;
}

.row [class*="col-"].citrus-sf__item {
  padding: 0;
}

.citrus-sf__fields-block {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.citrus-sf-field {
  margin-bottom: 0;
}

.citrus-sf-field._open[data-template="DROPDOWN"] .citrus-sf-values {
  border-top-width: 1px;
  border-style: solid;
  border-color: rgba(205, 205, 205, 0.6);
}

.citrus-sf-label {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  height: 60px;
  line-height: 58px;
  border-color: rgba(205, 205, 205, 0.6);
  padding: 0 40px 0 20px;
}

.citrus-select__search-input {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  height: 60px;
  line-height: 60px;
  border-bottom-color: rgba(205, 205, 205, 0.6);
}

.citrus-select__search-icon {
  height: 60px;
}

[data-display-type="S"] .citrus-select__search-input {
  padding: 0 40px 0 20px;
}

.citrus-sf-label_name {
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
}

.has-value .citrus-sf-label_name {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.citrus-sf-label:after {
  font-size: 22px;
  --text-opacity: 1;
  color: #999;
  color: rgba(153, 153, 153, var(--text-opacity));
  border-width: 0;
  font-family: FontAwesome;
  content: '\f105';
  top: 3px;
  right: -5px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 8px;
  height: 22px;
}

[data-display-type="S"] .citrus-select__search-input::-webkit-input-placeholder {
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
}

[data-display-type="S"] .citrus-select__search-input::-moz-placeholder {
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
}

[data-display-type="S"] .citrus-select__search-input:-moz-placeholder {
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
}

[data-display-type="S"] .citrus-select__search-input:-ms-input-placeholder {
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
}

.citrus-sf-values {
  margin-top: 0;
  border-width: 0;
  -webkit-box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0px 13px 20px 0 rgba(0, 0, 0, 0.16);
}

.citrus-sf-values:before, .citrus-sf-values:after {
  display: none;
}

.citrus-sf-label_close {
  top: 0;
  right: 0;
  border-color: transparent;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  height: 58px;
  width: 35px;
  z-index: 1;
}

.icon-close {
  color: var(--primary-color);
}

.citrus-sf__button-block {
  position: absolute;
  right: 0;
  top: 100%;
  width: auto;
  padding: 12px 0 0;
}

.citrus-sf__button {
  margin-bottom: 0;
  border-color: transparent;
  font-size: 14px;
  text-decoration: underline;
  background: none;
  -webkit-appearance: none;
}

.citrus-sf__button:hover {
  text-decoration: none;
  background: none;
}

.citrus-sf__button._submit {
  display: none;
}

.citrus-sf__button._reset {
  color: var(--primary-color);
}

.citrus-sf__button._reset:hover {
  color: var(--hover-color);
}

.sf-openerWrap {
  display: none;
  margin-bottom: 1.25rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.sf-opener {
  font-size: 14px;
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
  text-decoration: underline;
}

@media (min-width: 1920px) {
  .citrus-sf__item {
    width: calc(100% / 6);
  }

  .citrus-sf__item:nth-child(6) .citrus-sf-values {
    right: 0;
    left: auto;
  }

  .citrus-sf-values {
    min-width: 290px;
  }
}

@media (min-width: 1024px) {
  .citrus-sf-values {
    padding: 30px;
  }
}

@media (max-width: 1280px) {
  .filter {
    margin-bottom: 30px;
  }

  .citrus-sf__button-block {
    padding-top: 22px;
  }
}

@media (max-width: 1279px) {
  .citrus-sf__button-block {
    margin-top: 0;
  }
}

@media (max-width: 670px) {
  .citrus-sf__button-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 11px;
  }

  .citrus-sf__button {
    padding-top: 0;
    padding-bottom: 0;
    height: 1.8rem;
  }
}

@media (max-width: 560px) {
  .filter {
    margin-bottom: 24px;
  }
}

@media (max-width: 559px) {
  .citrus-sf__button-block {
    position: static;
    margin: 0 auto;
    padding-top: 7px;
  }

  .sf-openerWrap {
    display: block;
  }

  .citrus-sf__button-block > .sf-opener {
    display: none;
  }
}

@media (max-width: 360px) {
  .filter {
    margin-bottom: 20px;
  }
}

.irs-from, .irs-to, .irs-single {
  top: 100%;
}

.irs-bar {
  height: 8px;
  border-top: 1px solid var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
  background: var(--primary-color);
}

.irs-line {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.irs-slider {
  border-width: 3px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
  -webkit-box-shadow: 0 2px 6px 0 rgba(54, 54, 54, 0.65);
  box-shadow: 0 2px 6px 0 rgba(54, 54, 54, 0.65);
  background: var(--primary-color);
  width: 26px;
  height: 26px;
  top: 23px;
}

.irs-slider.state_hover, .irs-slider:hover {
  background-color: var(--primary-color);
}

.irs-from, .irs-to, .irs-single {
  font-size: 13px;
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
  background: none;
}

.irs-min, .irs-max {
  font-size: 13px;
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
  background: none;
  top: 100%;
}

.filter-numbers_input {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  width: 43.5%;
  height: 40px;
  line-height: 40px;
}

.citrus-sf-values_result {
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
  padding-top: 25px;
}

.citrus-sf-field_DROPDOWN .citrus-sf-values_result {
  padding-top: 20px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.citrus-select__item:last-child {
  margin-bottom: 5px;
}

.citrus-sf-values_result span {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

@media (min-width: 1024px) {
  .filter-numbers_input {
    width: 43.5%;
  }
}

.citrus-select__item-input:not(:checked) + .filter-checkmark:before {
  --border-opacity: 1;
  border-color: #999;
  border-color: rgba(153, 153, 153, var(--border-opacity));
}

.b-filterPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0.75rem;
  min-height: 19px;
}

.b-catalog__grid.hide,
.b-display.hide, 
.b-filterPanel.hide {
    display: none;
}

@media (min-width: 560px) {
  .b-filterPanel {
    width: auto;
    margin-bottom: 1.5rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .b-filterPanel__sorting {
    margin-right: 3rem;
  }
}

@media (min-width: 768px) {
  .b-filterPanel__sorting {
    margin-right: 4rem;
  }
}

@media (min-width: 1920px) {
  .b-filterPanel__sorting {
    margin-right: 5rem;
  }
}

.btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  background-image: none;
  border-width: 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  width: auto;
  height: 50px;
  padding: 0 20px;
  line-height: 2.25;
  border-radius: 25px;
  min-width: 180px;
  /*default size*/
  max-width: 100%;
  -webkit-transition: background-color .15s ease, color .15s ease, border-color .15s ease;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.btn-primary {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  background-color: var(--primary-color);
}

.btn-primary:hover, .btn-primary:active {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  background-color: var(--hover-color);
}

.citrus-form-mod--compact .form-group.agree-block {
  margin-top: 30px;
  margin-bottom: 0;
}

.agree-block__text {
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
  font-style: normal;
  line-height: 1.54;
}

.citrus-form__fields {
  padding-top: 42px;
}

.citrus-form-mod--compact .citrus-form input:not([type]), .citrus-form-mod--compact .citrus-form input[type=text], .citrus-form-mod--compact .citrus-form input[type=password], .citrus-form-mod--compact .citrus-form input[type=email], .citrus-form-mod--compact .citrus-form input[type=url], .citrus-form-mod--compact .citrus-form input[type=time], .citrus-form-mod--compact .citrus-form input[type=date], .citrus-form input[type=datetime], .citrus-form-mod--compact .citrus-form input[type=datetime-local], .citrus-form-mod--compact .citrus-form input[type=tel], .citrus-form-mod--compact .citrus-form input[type=number], .citrus-form-mod--compact .citrus-form input[type=search], .citrus-form-mod--compact .citrus-form select {
  height: 2.067em;
}

.citrus-form-mod--compact .form-group .field-title {
  font-size: 15px;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  top: 0.4em;
}

.citrus-form-mod--compact .form-group:not(.form-group--template-phone) .field-title:not(._active) {
  left: 0;
  padding-left: 0;
}

.form-group {
  margin-bottom: 1.87em;
}

.form-group .field-title._active {
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
  font-size: 13px;
  -webkit-transform: translateY(-1.7em);
  transform: translateY(-1.7em);
}

.form-group.has-error .field-title {
  display: none;
}

.citrus-form input:not([type]), .citrus-form input[type=text], .citrus-form input[type=password], .citrus-form input[type=email], .citrus-form input[type=url], .citrus-form input[type=time], .citrus-form input[type=date], .citrus-form input[type=datetime], .citrus-form input[type=datetime-local], .citrus-form input[type=tel], .citrus-form input[type=number], .citrus-form input[type=search], .citrus-form textarea, .citrus-form select {
  font-size: 15px;
}

.citrus-form .form-control {
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
  border-radius: 0;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-bottom-color: #cccccc;
  padding: 0.6em 1em;
}

.citrus-form-phone__input {
  padding-left: calc(0.5em + var(--citrus-forms-phone-icon-size)) !important;
}

.form-group--template-phone .field-title:not(._active) {
  left: 0.8em;
}

.citrus-form-phone__icon {
  left: 0;
}

.citrus-form ._active + .input-container .form-control {
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
}

.input-container.has-error .form-control {
  border-color: transparent;
  border-bottom-color: var(--hover-color);
}

.has-error .help-block, .has-group-error .help-block {
  position: absolute;
  padding: 0;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  color: var(--primary-color);
  font-size: 13px;
  top: -18px;
}

.bootstrap-select .dropdown-toggle {
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
  border-radius: 0;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-bottom-color: #cccccc;
  padding: 0.6em 1em 0.6em 0;
}

.bootstrap-select.btn-group .dropdown-menu {
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
  margin-top: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
}

.citrus-form-mod--compact .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  font-size: 15px;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-bottom: 8px dashed;
}

.caret {
  border-top: 8px dashed;
  border-right: 7.5px solid transparent;
  border-left: 7.5px solid transparent;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  top: 55%;
}

.bootstrap-select button[type="button"]:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.citrus-form-mod--compact .citrus-form textarea {
  height: 8.75em;
}

.message-block-icon {
  display: none;
}

.citrus-form__message-block {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  margin-bottom: 20px;
}

.citrus-form__message-block .message-block {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.citrus-form__message-block .message-block._success {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  padding-top: 10px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  color: #04b80c;
}

.citrus-form__message-block p, .citrus-form__message-block p:last-child {
  margin: 1em 0 0.5em;
}

.citrus-form__message-block .message-block {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  font-style: normal;
}

.citrus-form__message-block:not(.hidden) + .citrus-form__fields {
  padding-top: 0;
}

.citrus-form__message-block:not(.hidden)._error + .citrus-form__fields {
  padding-top: 0;
}

.citrus-form__message-block .message-block._error {
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.b-iconCard {
  display: none;
}

.b-iconCard__icon {
  -o-object-fit: contain;
  object-fit: contain;
}

@media (min-width: 1280px) {
  .b-iconCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2rem;
    padding-bottom: 1.25rem;
    --bg-opacity: 1;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, var(--bg-opacity));
  }

  .b-iconCard_five {
    width: 20%;
    height: 14rem;
  }

  .b-iconCard_five:not(:last-child) {
    margin-right: 1rem;
  }

  .b-iconCard__text {
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    max-height: 72px;
  }

  .b-iconCard__iconWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    border-radius: 9999px;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .b-iconCard__icon {
    width: 50px;
    height: 50px;
    fill: var(--primary-color);
    stroke: var(--primary-color);
  }
}

@media (min-width: 1920px) {
  .b-iconCard {
    padding-left: 2rem;
    padding-right: 1.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .b-iconCard__iconWrap {
    width: 6rem;
    height: 6rem;
  }

  .b-iconCard__icon {
    width: 60px;
    height: 60px;
  }
}

.b-infoCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-infoCard:hover {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}

.b-infoCard:hover .b-infoCard__textWrap {
  color: var(--hover-color);
}

.b-infoCard__imgWrap {
  display: block;
  overflow: hidden;
  height: 105px;
  width: 45%;
}

.b-infoCard__img {
  display: block;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.b-infoCard__textWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.5rem;
  overflow: hidden;
  font-size: 18px;
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
  font-weight: 600;
  line-height: 1.5rem;
  width: 65%;
}

@media (min-width: 360px) {
  .b-infoCard__imgWrap {
    width: 48%;
  }

  .b-infoCard__textWrap {
    width: 52%;
  }
}

@media (min-width: 560px) {
  .b-infoCard {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .b-infoCard__imgWrap {
    height: 115px;
  }
}

@media (min-width: 768px) {
  .b-infoCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .b-infoCard__imgWrap {
    width: 100%;
    height: 128px;
  }

  .b-infoCard__textWrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    text-align: center;
    width: 100%;
    height: 80px;
  }
}

.b-label-container {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  left: 0;
  top: 0;
  margin-top: 0.75rem;
  z-index: 1;
}

.b-productCard_table .b-label-container {
  margin-top: 0;
}

.b-label {
  margin-top: 0.75rem;
  --label-color: #ccc;
}

.b-label_sale {
  --label-color: var(--primary-color);
}

.b-label_hit {
  --label-color: #ff9900;
}

.b-label_new {
  --label-color: #0fa3c6;
}

.b-label__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  height: 24px;
  background-color: var(--label-color);
}

.b-label__content:before {
  position: absolute;
  display: block;
  top: 0;
  height: 0;
  content: '';
  z-index: 1;
  right: -20px;
  border: 12px solid transparent;
  border-left: 8px solid var(--label-color);
}

.b-label__text {
  font-size: 11px;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 600;
}

.b-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.b-logo__iconWrap {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.b-logo__icon {
  max-width: 100%;
  max-height: 100%;
}

.b-logo__infoWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: 0.75rem;
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
  width: 130px;
}

.b-logo__name {
  font-size: 20px;
  line-height: 2.25rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.b-logo__nameExtra_bold {
  font-weight: 600;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.b-logo__desc {
  display: none;
  font-size: 13px;
  line-height: 1.25rem;
  width: 100%;
  /*overflow: hidden;
  white-space: nowrap;*/
  max-width: 251px;
}

@media (min-width: 360px) {
  .b-logo__infoWrap {
    width: 140px;
  }
}

@media (min-width: 560px) {
  .b-logo__infoWrap {
    margin-left: 1.25rem;
    width: 160px;
  }

  .b-logo__name {
    font-size: 23px;
  }
}

@media (min-width: 768px) {
  .b-logo__iconWrap {
    width: 70px;
    height: 70px;
  }

  .b-logo__infoWrap {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: 1.5rem;
    min-width: 210px;
    max-width: 300px;
  }

  .b-logo__name {
    margin-bottom: 0.25rem;
    font-size: 30px;
  }

  .b-logo__desc {
    display: block;
  }
}

@media (min-width: 1024px) {
  .b-logo__infoWrap {
    max-width: 550px;
  }
}

@media (min-width: 1280px) {
  .b-logo__infoWrap {
    max-width: 780px;
  }
}

@media (min-width: 1920px) {
  .b-logo__infoWrap {
    max-width: 430px;
  }
}

.b-menuFloat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  border-top-width: 2px;
  border-style: solid;
  border-color: var(--primary-color);
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  z-index: 10;
  -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 30px 0;
  top: 98%;
}

.b-menuFloat__item {
  width: 237px;
}

.b-menuFloat__title {
  display: block;
  font-size: 16px;
  font-weight: 500;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  padding: 10px 13px 10px 30px;
}

.b-menuFloat__title:hover {
  color: var(--primary-color);
}

.b-menuFloat__text {
  display: block;
  font-size: 14px;
  font-weight: 400;
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
  padding: 10px 13px 10px 30px;
}

.b-menuFloat__text:hover {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  background-color: var(--primary-color);
}

.b-menuFooter__col {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.b-menuFooter__item {
  font-size: 18px;
  font-weight: 600;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.b-menuFooter__item:not(:last-child) {
  margin-bottom: 1.25rem;
}

.b-menuFooter__item:hover {
  color: var(--primary-color);
}

.b-menuMobile {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-menuMobile_lev2 {
  display: none;
}

.b-menuMobile__item_open > .b-menuMobile_lev2 {
  display: block;
}

.b-menuMobile__link {
  position: relative;
  display: block;
  width: 100%;
  text-decoration: none;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.b-menuMobile__link:hover {
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.b-menuMobile__link_lev1 {
  font-size: 16px;
  font-weight: 500;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  border-top-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #cdcdcd;
  border-color: rgba(205, 205, 205, var(--border-opacity));
  padding: 16px 16px 16px 30px;
}

.b-menuMobile__link_lev2 {
  font-size: 14px;
  font-weight: 400;
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
  padding: 12px 16px 12px 30px;
}

.b-menuMobile__item {
  position: relative;
}

.b-menuMobile__item_selected.b-menuMobile__item_lev2 .b-menuMobile__link {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  background-color: var(--primary-color);
}

.b-menuMobile__item_open > .b-menuMobile__link {
  color: var(--primary-color);
}

.b-menuMobile__item_open > .b-menuMobile__link_lev1 {
  border-bottom-width: 1px;
}

.b-menuMobile__item_open .b-menuMobile__icon {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  --transform-rotate: 90deg;
  color: var(--primary-color);
}

.b-menuMobile__iconWrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  --text-opacity: 1;
  color: #999;
  color: rgba(153, 153, 153, var(--text-opacity));
  width: 50px;
}

.b-menuMobile__icon {
  font-size: 22px;
}

.b-menuSidebar__item_lev1:last-child .b-menuSidebar__link {
  border-bottom-width: 0;
}

.b-menuSidebar__item_active {
  border-bottom-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
}

.b-menuSidebar__item_active > .b-menuSidebar__link_lev1 {
  color: var(--primary-color);
}

.b-menuSidebar__item_active > .b-menuSidebar__link_lev2 {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  background-color: var(--primary-color);
}

.b-menuSidebar__link_lev1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
  font-weight: 500;
  font-size: 16px;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-menuSidebar__link_lev2 {
  display: block;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 14px;
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-menuSidebar__icon {
  position: relative;
  top: 2px;
  font-size: 22px;
}

.b-menuTop_lev1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
}

.b-menuTop_lev2 {
  position: absolute;
  padding: 0;
  border-top-width: 2px;
  border-style: solid;
  border-color: var(--primary-color);
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  visibility: hidden;
  -webkit-box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
  top: 100%;
  width: 280px;
}

.b-menuTop__item_lev1 {
  position: relative;
}

.b-menuTop__item_lev1:hover .b-menuTop__link_lev1,
  .b-menuTop__item_lev1:hover .b-menuTop__icon {
  color: var(--primary-color);
}

.b-menuTop__item_lev1:hover > .b-menuTop_lev2 {
  visibility: visible;
}

.b-menuTop__item_lev2 {
  display: block;
}

.b-menuTop__item_lev2:hover .b-menuTop__link_lev2 {
  background-color: var(--primary-color);
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.b-menuTop__link_lev1 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  font-size: 16px;
  font-weight: 500;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  text-decoration: none;
  height: 108.5px;
  padding: 0 20px 0 30px;
}

.b-menuTop__link_lev2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
  text-decoration: none;
  padding: 14px 14px 14px 30px;
  line-height: 20px;
}

.b-menuTop__icon {
  margin-left: 0.5rem;
  font-size: 22px;
}

.b-offerCard {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
}

.b-offerCard:hover {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}

.b-offerCard__imgWrap {
  display: block;
  height: 203px;
}

.b-offerCard__img {
  display: block;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.b-offerCard__content {
  top: auto;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-offerCard__title {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 16px;
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.b-offerCard__desc {
  font-size: 14px;
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
  overflow: hidden;
  height: 63px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.b-offerCard_noDesc .b-offerCard__title {
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.b-offerCard_noDesc .b-offerCard__desc {
  display: none;
}

@media (min-width: 360px) {
  .b-offerCard_noDesc .b-offerCard__title {
    height: 54px;
  }
}

@media (min-width: 768px) {
  .b-offerCard__content {
    padding: 2rem;
  }

  .b-offerCard__title {
    font-size: 18px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .b-offerCard_noDesc .b-offerCard__title {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

@media (min-width: 1024px) {
  .b-offerCard__imgWrap {
    height: 296px;
  }

  .b-offerCard__content {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    height: 132px;
  }

  .b-offerCard_noDesc .b-offerCard__content {
    height: auto;
  }
}

@media (min-width: 1280px) {
  .b-offerCard__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}


.modal-w-400 {
  max-width: 440px;
}

.modal-header {
  position: relative;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  padding: 60px 44px 0;
}

.modal-title {
  width: 100%;
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
  text-transform: none;
  text-align: center;
  line-height: 1;
}

.btn.modal-close-btn {
  width: 50px;
  height: 50px;
  min-width: 0;
  border-radius: 9999px;
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn.modal-close-btn:hover {
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
}

.modal-close-btn__icon svg {
  display: none;
}

.modal-body {
  padding: 0 44px 50px;
}

.modal-close-btn__icon {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 17px;
  height: 17px;
}

.modal-close-btn__icon:before, .modal-close-btn__icon:after {
  position: absolute;
  width: 3px;
  height: 20px;
  --bg-opacity: 1;
  background-color: #888;
  background-color: rgba(136, 136, 136, var(--bg-opacity));
  content: ' ';
  top: -1px;
  left: 7px;
}

.btn.modal-close-btn:hover .modal-close-btn__icon:before,
.btn.modal-close-btn:hover .modal-close-btn__icon:after,
.btn.modal-close-btn:active .modal-close-btn__icon:before,
.btn.modal-close-btn:hover .modal-close-btn__icon:after {
  background-color: var(--primary-color);
}

.modal-close-btn__icon:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-close-btn__icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.b-sidebarMobile .btn.modal-close-btn {
  display: none;
}

.b-sidebarMobile .modal-title {
  font-size: 25px;
}

.b-sidebarMobile .modal-content {
  margin-top: 0;
}

.b-sidebarMobile .modal-header {
  padding-top: 0;
}

.b-sidebarMobile .modal-body {
  padding-top: 0;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.b-sidebarMobile .btn {
  height: 45px;
}

@media (max-width: 1024px) {
  .modal-title {
    font-size: 25px;
  }
}

@media (max-width: 768px) {
  .modal-content {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

@media (max-width: 560px) {
  .modal-title {
    font-size: 23px;
  }
}

@media (max-width: 480px) {
  .modal-content {
    margin: 0;
    max-width: 100%;
    height: 100%;
  }
}

@media (max-width: 360px) {
  .modal-title {
    font-size: 20px;
  }
}

.b-price {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.b-price__old {
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
  text-decoration: line-through;
}

.b-price_card {
  font-size: 14px;
  font-weight: 400;
}

.b-price_card .b-price__old {
  font-size: 18px;
  margin-right: 0.25rem;
}

.b-price_card .b-price__now {
  font-size: 18px;
  font-weight: 700;
}

.b-price_list {
  font-size: 14px;
  font-weight: 500;
}

.b-price_list .b-price__from {
  font-weight: 400;
}

.b-price_list .b-price__old {
  font-size: 22px;
}

.b-price_list .b-price__now {
  font-size: 22px;
  font-weight: 700;
}

.b-price_table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  font-weight: 500;
}

.b-price_table .b-price__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.b-price_table .b-price__priceWrap {
  width: 100%;
}

.b-price_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  font-size: 13px;
  font-weight: 400;
}

.b-price_detail .b-price__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 58.333333%;
}

.b-price_detail .b-price__priceWrap {
  width: 100%;
  text-align: center;
}

.b-price_detail .b-price__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 41.666667%;
  padding-top: 5px;
  padding-left: 0.5rem;
  line-height: 28px;
}

.b-price_detail .b-price__old {
  font-size: 20px;
  font-weight: 500;
}

.b-price_detail .b-price__now {
  font-size: 22px;
  font-weight: 500;
}

.b-price_detail .b-price__currency {
  font-weight: 500;
}

@media (min-width: 560px) {
  .b-price_list .b-price__old {
    margin-right: 0.25rem;
  }

  .b-price_detail {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .b-price_detail .b-price__main {
    width: auto;
  }

  .b-price_detail .b-price__unit {
    font-size: 14px;
    width: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
  }

  .b-price_detail .b-price__now {
    font-size: 30px;
  }

  .b-price_detail .b-price__currency {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  .b-price_card .b-price__old {
    font-size: 20px;
    font-weight: 500;
  }

  .b-price_card .b-price__now {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .b-price_card {
    font-weight: 500;
  }

  .b-price_card .b-price__now {
    font-weight: 700;
  }

  .b-price_list .b-price__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .b-price_list .b-price__priceWrap {
    width: 100%;
  }

  .b-price_detail {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .b-price_detail .b-price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .b-price_detail .b-price__main {
    width: 58.333333%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .b-price_detail .b-price__priceWrap {
    text-align: left;
  }

  .b-price_detail .b-price__unit {
    width: 41.666667%;
    padding-top: 0.75rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 33px;
  }
}

.b-priceBlock {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.b-priceBlock__priceWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.b-priceBlock__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1rem;
}

.b-priceBlock__btnWrap {
  width: 58.333333%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
}

.b-priceBlock__btn {
  min-width: 144px;
}

.b-priceBlock__statusWrap {
  width: 41.666667%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.5rem;
}

.b-priceBlock__status {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.b-priceBlock__status_in-stock .b-priceBlock__statusSign {
  --bg-opacity: 1;
  background-color: #3ab011;
  background-color: rgba(58, 176, 17, var(--bg-opacity));
}

.b-priceBlock__status_out-of-stock .b-priceBlock__statusSign {
  --bg-opacity: 1;
  background-color: #ff9900;
  background-color: rgba(255, 153, 0, var(--bg-opacity));
}

.b-priceBlock__status_unavailable .b-priceBlock__statusSign {
  --bg-opacity: 1;
  background-color: #cc0a0a;
  background-color: rgba(204, 10, 10, var(--bg-opacity));
}

.b-priceBlock__statusSign {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  border-radius: 9999px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.b-priceBlock__statusText {
  line-height: 1.25rem;
}

@media (min-width: 560px) {
  .b-priceBlock {
    width: 50%;
    padding-top: 1.25rem;
  }

  .b-priceBlock__priceWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .b-priceBlock__action {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 2rem;
  }

  .b-priceBlock__btnWrap {
    width: 100%;
  }

  .b-priceBlock__btn {
    min-width: 165px;
  }

  .b-priceBlock__statusWrap {
    width: 100%;
    padding-top: 1.25rem;
    padding-left: 0;
  }

  .b-priceBlock__status {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .b-priceBlock {
    width: 100%;
    padding-bottom: 3rem;
    padding-top: 0;
  }

  .b-priceBlock__priceWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .b-priceBlock__action {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 1.25rem;
  }

  .b-priceBlock__btnWrap {
    width: 58.333333%;
    text-align: left;
  }

  .b-priceBlock__statusWrap {
    padding-top: 0;
  }

  .b-priceBlock__status {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.b-priceCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-priceCard:hover {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}

.b-priceCard:hover .b-priceCard__title {
  color: var(--hover-color);
}

.b-priceCard__title {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 18px;
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
  font-weight: 600;
}

.b-priceCard__desc {
  display: none;
  font-size: 13px;
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
}

.b-priceCard__bottom {
  font-size: 13px;
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
}

.b-priceCard__icon {
  display: none;
  width: 1.5rem;
  fill: var(--primary-color);
}

.b-priceCard__icon svg {
  width: 1.5rem;
  height: 1.25rem;
}

@media (min-width: 560px) {
  .b-priceCard {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .b-priceCard__title {
    margin-bottom: 0;
  }

  .b-priceCard__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    --text-opacity: 1;
    color: #333;
    color: rgba(51, 51, 51, var(--text-opacity));
  }
}

@media (min-width: 768px) {
  .b-priceCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.25rem;
  }

  .b-priceCard__main {
    height: 10rem;
    overflow: hidden;
  }

  .b-priceCard__title {
    margin-bottom: 0.75rem;
  }

  .b-priceCard__desc, .b-priceCard__icon {
    display: block;
  }

  .b-priceCard__bottom {
    height: 2.5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
  }

  .b-priceCard__priceValue {
    font-size: 22px;
  }

  .b-priceCard__noPrice {
    font-size: 15px;
  }
}

.b-productCard {
  position: relative;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-productCard:not(.b-productCard_table):hover {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}

.b-productCard__label {
  margin-top: 1.25rem;
}

.b-productCard__img {
  display: block;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.b-productCard__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.b-productCard__title {
  font-size: 15px;
  font-weight: 500;
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.b-productCard__desc {
  font-size: 13px;
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
}

.b-productCard_card {
  display: block;
  padding: 1.25rem;
}

.b-productCard_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.b-productCard_table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top-width: 0;
}

.b-productCard_table:hover .b-productCard__title {
  color: var(--primary-color);
}

.b-productCard_caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  --text-opacity: 1;
  color: #999;
  color: rgba(153, 153, 153, var(--text-opacity));
  font-weight: 500;
}

.b-productCard_card.b-productCard_caption,
.b-productCard_list.b-productCard_caption {
  display: none;
}

.b-productCard_card .b-productCard__imgWrap {
  display: block;
  margin-bottom: 1rem;
  overflow: hidden;
  height: 180px;
}

.b-productCard_card .b-productCard__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.b-productCard_card .b-productCard__textWrap {
  text-align: center;
}

.b-productCard_card .b-productCard__title {
  display: block;
  height: 3rem;
  margin-bottom: 1rem;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.b-productCard_card .b-productCard__priceWrap {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}

.b-productCard_card .b-productCard__desc, .b-productCard_card .b-productCard__more, .b-productCard_card .b-productCard__unitsWrap, .b-productCard_card .b-productCard__isAvailable {
  display: none;
}

.b-productCard_list .b-productCard__imgWrap {
  height: 10rem;
  margin-bottom: 0.5rem;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
}

.b-productCard_list .b-productCard__textWrap {
  margin-bottom: 1.25rem;
}

.b-productCard_list .b-productCard__title {
  display: block;
  margin-bottom: 0.75rem;
}

.b-productCard_list .b-productCard__desc {
  display: block;
}

.b-productCard_list .b-productCard__priceWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.b-productCard_list .b-productCard__price {
  margin-bottom: 5px;
}

.b-productCard_list .b-productCard__btn {
  min-width: 148px;
}

.b-productCard_list .b-productCard__unitsWrap, .b-productCard_list .b-productCard__isAvailable {
  display: none;
}

.b-productCard_table .b-productCard__imgCaption, .b-productCard_table .b-productCard__textCaption, .b-productCard_table .b-productCard__unitsCaption, .b-productCard_table .b-productCard__priceCaption, .b-productCard_table .b-productCard__isAvailableCaption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 1rem;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-productCard_table .b-productCard__imgCaption, .b-productCard_table .b-productCard__textCaption, .b-productCard_table .b-productCard__unitsCaption, .b-productCard_table .b-productCard__priceCaption, .b-productCard_table .b-productCard__imgWrap, .b-productCard_table .b-productCard__textWrap, .b-productCard_table .b-productCard__unitsWrap, .b-productCard_table .b-productCard__priceWrap {
  border-right-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-productCard_table .b-productCard__label {
  margin-top: 0.5rem;
}

.b-productCard_table .b-productCard__imgWrap, .b-productCard_table .b-productCard__imgCaption {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 120px;
}

.b-productCard_table .b-productCard__imgWrap {
  position: relative;
  padding: 0.5rem;
  height: 100px;
}

.b-productCard_table .b-productCard__img {
  display: block;
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.b-productCard_table .b-productCard__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-productCard_table .b-productCard__textWrap, .b-productCard_table .b-productCard__textCaption {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 248px;
}

.b-productCard_table .b-productCard__textWrap {
  height: 100px;
}

.b-productCard_table .b-productCard__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 500;
  font-size: 16px;
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
  overflow: hidden;
}

.b-productCard_table .b-productCard__unitsWrap, .b-productCard_table .b-productCard__unitsCaption {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100px;
}

.b-productCard_table .b-productCard__unitsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 13px;
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
  height: 100px;
}

.b-productCard_table .b-productCard__priceWrap, .b-productCard_table .b-productCard__priceCaption {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 140px;
}

.b-productCard_table .b-productCard__priceWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 140px;
  height: 100px;
}

.b-productCard_table .b-productCard__isAvailableCaption, .b-productCard_table .b-productCard__isAvailable {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 98px;
}

.b-productCard_table .b-productCard__isAvailable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 13px;
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
  height: 100px;
}

.b-productCard_table .b-productCard__desc, .b-productCard_table .b-productCard__more {
  display: none;
}

@media (min-width: 360px) {
  .b-productCard_list .b-productCard__priceWrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (min-width: 560px) {
  .b-productCard_list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.25rem;
  }

  .b-productCard_card .b-productCard__imgWrap {
    height: 230px;
  }

  .b-productCard_list .b-productCard__price {
    margin-bottom: 0;
  }

  .b-productCard_list .b-productCard__imgWrap {
    height: 12rem;
    width: 10rem;
    margin-right: 1.25rem;
    margin-bottom: 0;
  }

  .b-productCard_list .b-productCard__priceWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .b-productCard_list .b-productCard__btn {
    min-width: 154px;
  }
}

@media (min-width: 768px) {
  .b-productCard__title {
    font-size: 16px;
  }

  .b-productCard_list {
    padding: 2rem;
  }

  .b-productCard_card .b-productCard__imgWrap {
    height: 225px;
  }

  .b-productCard_list .b-productCard__priceWrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .b-productCard_list .b-productCard__price {
    width: 250px;
  }

  .b-productCard_list .b-productCard__item {
    padding: 2rem;
  }

  .b-productCard_list .b-productCard__imgWrap {
    height: 10rem;
  }

  .b-productCard_list .b-productCard__desc {
    font-size: 14px;
  }

  .b-productCard_list .b-productCard__btn {
    min-width: 170px;
  }

  .b-productCard_table .b-productCard__textWrap {
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }

  .b-productCard_table .b-productCard__unitsWrap {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .b-productCard_table .b-productCard__priceWrap {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .b-productCard_list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding: 2.5rem;
    padding-bottom: 1.25rem;
  }

  .b-productCard_card .b-productCard__imgWrap {
    height: 250px;
  }

  .b-productCard_list .b-productCard__imgWrap {
    height: 8rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .b-productCard_list .b-productCard__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 148px;
  }

  .b-productCard_list .b-productCard__textWrap {
    margin-bottom: 0;
  }

  .b-productCard_list .b-productCard__title {
    margin-bottom: 1.5rem;
  }

  .b-productCard_list .b-productCard__priceWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 2rem;
  }

  .b-productCard_list .b-productCard__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    margin-bottom: 1.5rem;
  }

  .b-productCard_list .b-productCard__more {
    margin-left: 0;
  }

  .b-productCard_table .b-productCard__imgCaption, .b-productCard_table .b-productCard__textCaption, .b-productCard_table .b-productCard__unitsCaption, .b-productCard_table .b-productCard__priceCaption, .b-productCard_table .b-productCard__isAvailableCaption {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .b-productCard_table .b-productCard__imgCaption, .b-productCard_table .b-productCard__imgWrap {
    width: 140px;
  }

  .b-productCard_table .b-productCard__textCaption, .b-productCard_table .b-productCard__textWrap {
    width: 446px;
  }

  .b-productCard_table .b-productCard__title {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .b-productCard_table .b-productCard__unitsCaption, .b-productCard_table .b-productCard__unitsWrap {
    width: 120px;
  }

  .b-productCard_table .b-productCard__isAvailableCaption, .b-productCard_table .b-productCard__isAvailable {
    width: 118px;
  }

  .b-productCard_table .b-productCard__isAvailable {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 1280px) {
  .b-productCard_list {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .b-productCard_table .b-productCard__textCaption, .b-productCard_table .b-productCard__textWrap {
    width: 376px;
  }
}

@media (min-width: 1920px) {
  .b-productCard_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .b-productCard_list .b-productCard__btn {
    min-width: 180px;
  }

  .b-productCard_table .b-productCard__imgCaption, .b-productCard_table .b-productCard__imgWrap {
    width: 160px;
  }

  .b-productCard_table .b-productCard__unitsCaption, .b-productCard_table .b-productCard__unitsWrap {
    width: 160px;
  }

  .b-productCard_table .b-productCard__priceCaption, .b-productCard_table .b-productCard__priceWrap {
    width: 157px;
  }

  .b-productCard_table .b-productCard__priceWrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .b-productCard_table .b-productCard__isAvailableCaption, .b-productCard_table .b-productCard__isAvailable {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 166px;
  }
}

.b-productGallery {
  position: relative;
  height: 300px;
}

.b-productGallery__slider {
  position: relative;
  display: none;
  width: 16.666667%;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #dcdcdc;
  border-color: rgba(220, 220, 220, var(--border-opacity));
  border-right-width: 0;
}

.b-productGallery__container {
  height: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.b-productGallery__container:before, .b-productGallery__container:after {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  content: '';
  height: 75px;
  z-index: 2;
}

.b-productGallery__container:before {
  top: 0;
}

.b-productGallery__container:after {
  bottom: 0;
}

.b-productGallery__sliderItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  max-height: 130px;
}

.b-productGallery__sliderLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.b-productGallery__sliderLink > picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.b-productGallery__sliderImg {
  display: block;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.b-productGallery__sliderBtn {
  left: 50%;
  right: auto;
  margin-left: -1.5rem;
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  --transform-rotate: 90deg;
}

.b-productGallery__sliderBtn_prev {
  top: auto;
  bottom: 11px;
}

.b-productGallery__sliderBtn_next {
  top: 37px;
}

.b-productGallery__main {
  position: relative;
  width: 100%;
  height: 100%;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #dcdcdc;
  border-color: rgba(220, 220, 220, var(--border-opacity));
}

.b-productGallery__mainLink {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 1.25rem;
}

.b-productGallery__mainImgWrap {
  display: block;
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 40px;
  right: 40px;
}

.b-productGallery__mainImg {
  display: block;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.b-productGallery__btn_prev {
  right: auto;
  left: -10px;
}

.b-productGallery__btn_next {
  left: auto;
  right: -10px;
}

@media (min-width: 560px) {
  .b-productGallery {
    height: 330px;
  }

  .b-productGallery__mainImgWrap {
    left: 60px;
    right: 60px;
  }

  .b-productGallery__btn_prev {
    left: 10px;
  }

  .b-productGallery__btn_next {
    right: 10px;
  }
}

@media (min-width: 768px) {
  .b-productGallery {
    height: 440px;
  }

  __btn_prev {
    left: 20px;
  }

  __btn_next {
    right: 20px;
  }
}

@media (min-width: 1024px) {
  .b-productGallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 350px;
  }

  .b-productGallery__slider {
    display: block;
  }

  .b-productGallery__mainImgWrap {
    /*position: static;*/
  }

  .b-productGallery__main {
    width: 83.333333%;
  }

  .b-productGallery__mainLink {
    display: none;
    position: absolute;
  }

  .b-productGallery__mainLink_active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .b-productGallery__btn {
    display: none;
  }
}

.b-search {
  -webkit-transition: .30s ease;
  transition: .30s ease;
}

.b-search_header {
  position: absolute;
  right: 0;
  width: 50%;
}

.b-search:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.b-search__btnLink {
  position: absolute;
  font-size: 20px;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  cursor: pointer;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 0;
  border-radius: 0;
  height: 52px;
  width: 52px;
  margin: -25px;
  top: 25px;
  right: 25px;
  line-height: 0;
  font-family: inherit;
  font-weight: inherit;
}

.b-search__btnLink:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.b-search__btnIcon {
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.b-search_header .b-search__form {
  position: absolute;
  right: 0;
  opacity: 0;
  padding: 11px 0 12px;
  top: -11px;
}

.b-search__btn {
  position: absolute;
  padding: 0;
  font-size: 20px;
  --text-opacity: 1;
  color: #999;
  color: rgba(153, 153, 153, var(--text-opacity));
  top: 15px;
  right: 15px;
  height: 45px;
  line-height: 0;
  width: 20px;
}

.b-search__btn svg {
  fill: #666;
}

.b-search__input {
  width: 100%;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #ccc;
  border-color: rgba(204, 204, 204, var(--border-opacity));
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-radius: 100px;
  height: 52px;
  padding: 0 40px;
  max-width: 690px;
}

.b-search__input::-webkit-input-placeholder {
  font-size: 15px;
}

.b-search__input::-moz-placeholder {
  font-size: 15px;
}

.b-search__input:-moz-placeholder {
  font-size: 15px;
}

.b-search__input:-ms-input-placeholder {
  font-size: 15px;
}

.b-search.b-search_opened {
  z-index: 10;
}

.b-search.b-search_opened .b-search__form {
  width: 100%;
}

.b-search.b-search_opened .b-search__input {
  padding: 0 30px;
}

.b-search.b-search_opened .b-search__input:focus {
  background-color: #fff;
}

@media (max-width: 1180px) {
  .b-search_header {
    width: 45%;
  }

  .b-search.b-search_opened {
    width: 100%;
  }
}

@media (max-width: 1023px) {
  .b-search__input {
    max-width: 440px;
  }
}

@media (max-width: 767px) {
  .b-search.b-search_opened {
    width: 100%;
    background: #fff;
    border: none;
    padding: 0 15px;
    right: 0;
    z-index: 1;
  }
}

@media (max-width: 560px) {
  .b-search__form {
    top: -22px;
  }
}

@media (max-width: 559px) {
  .b-search__btnLink {
    width: 30px;
    height: 30px;
    padding: 0 5px;
  }
}

@media (max-width: 479px) {
  .b-search__form {
    padding: 12px 0;
    top: -16px;
  }

  .b-search__input {
    height: 40px;
  }

  .b-search__btn {
    top: 10px;
  }
}

.b-social__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  --bg-opacity: 1;
  background-color: #ccc;
  background-color: rgba(204, 204, 204, var(--bg-opacity));
  border-radius: 9999px;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.b-social__item:hover, .b-social__item:active {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.b-social__item_fb:hover {
  --bg-opacity: 1;
  background-color: #5959d8;
  background-color: rgba(89, 89, 216, var(--bg-opacity));
}

.b-social__item_fb:active {
  --bg-opacity: 1;
  background-color: #4040b3;
  background-color: rgba(64, 64, 179, var(--bg-opacity));
}

.b-social__item_vk:hover {
  --bg-opacity: 1;
  background-color: #628dd3;
  background-color: rgba(98, 141, 211, var(--bg-opacity));
}

.b-social__item_vk:active {
  --bg-opacity: 1;
  background-color: #3768b9;
  background-color: rgba(55, 104, 185, var(--bg-opacity));
}

.b-social__item_insta:hover, .b-social__item_ig:hover {
  --bg-opacity: 1;
  background-color: #af35d2;
  background-color: rgba(175, 53, 210, var(--bg-opacity));
}

.b-social__item_insta:active, .b-social__item_ig:active {
  --bg-opacity: 1;
  background-color: #7e47b7;
  background-color: rgba(126, 71, 183, var(--bg-opacity));
}

.b-social__icon {
  font-size: 20px;
}

.b-social_office {
  padding-top: 20px;
}

.b-social__item_office {
  width: 3rem;
  height: 3rem;
}

.b-social__item_office:not(:last-child) {
  margin-right: 0.5rem;
}

.b-sorting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.b-sorting__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
  text-decoration: underline;
}

.b-sorting__item:hover {
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
  text-decoration: none;
}

.b-sorting__item:not(:first-child) {
  margin-left: 1.5rem;
}

.b-sorting__item_selected {
  color: var(--primary-color);
  text-decoration: none;
}

.b-sorting__item_selected:hover {
  color: var(--primary-color);
}

.b-sorting__item_selected .b-sorting__iconWrap {
  fill: var(--primary-color);
}

.b-sorting__item_order_asc .b-sorting__icon {
  --transform-rotate: -90deg;
}

.b-sorting__item_order_desc .b-sorting__icon {
  --transform-rotate: 90deg;
}

.b-sorting__iconWrap {
  display: block;
  width: 0.75rem;
  height: 1rem;
  fill: #888888;
  margin-left: 0.5rem;
}

.b-sorting__icon {
  height: 1rem;
  width: 1rem;
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  --transform-rotate: -90deg;
}

@media (min-width: 768px) {
  .b-sorting__item:not(:first-child) {
    margin-left: 2rem;
  }
}

@media (min-width: 1920px) {
  .b-sorting__item:not(:first-child) {
    margin-left: 2.5rem;
  }
}

.b-specifications__main {
  font-size: 13px;
  line-height: 23px;
}

.b-specifications__docs {
  margin-top: 1.5rem;
}

.b-specifications_full .b-specifications__main {
  width: 100%;
}

.b-specifications_full .b-specifications__tableWrap {
  display: none;
}

.b-specifications_withTable .b-specifications__tableWrap {
  margin-top: 1.5rem;
}

.b-specifications_withTable .b-specifications__table {
  scroll-margin-top: 90px;
}

.b-specifications_withTable .b-specifications__table_2 {
  margin-top: 1.5rem;
}

@media (min-width: 560px) {
  .b-specifications__main {
    font-size: 14px;
    line-height: 25px;
  }

  .b-specifications__docs {
    margin-top: 2rem;
  }

  .b-specifications_withTable .b-specifications__tableWrap {
    margin-top: 2rem;
  }

  .b-specifications_withTable .b-specifications__table_2 {
    margin-top: 2rem;
  }
}

@media (min-width: 768px) {
  .b-specifications__main {
    font-size: 15px;
  }

  .b-specifications__docs {
    margin-top: 3rem;
  }

  .b-specifications_withTable .b-specifications__tableWrap {
    margin-top: 3rem;
  }

  .b-specifications_withTable .b-specifications__table_2 {
    margin-top: 3rem;
  }
}

@media (min-width: 1024px) {
  .b-specifications__docs {
    margin-top: 4rem;
  }

  .b-specifications_withTable .b-specifications__tableWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4rem;
  }

  .b-specifications_withTable .b-specifications__table {
    width: 50%;
    scroll-margin-top: 125px;
  }

  .b-specifications_withTable .b-specifications__table_1 {
    margin-right: 1.25rem;
  }

  .b-specifications_withTable .b-specifications__table_2 {
    margin-top: 0;
    margin-left: 1.25rem;
  }
}

@media (min-width: 1280px) {
  .b-specifications__docs {
    width: 100%;
  }

  .b-specifications_withTable.b-specifications {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .b-specifications_withTable .b-specifications__main {
    width: 60%;
  }

  .b-specifications_withTable .b-specifications__tableWrap {
    display: block;
    width: 40%;
    margin-top: 0;
    padding-left: 3rem;
  }

  .b-specifications_withTable .b-specifications__table {
    width: 100%;
  }

  .b-specifications_withTable .b-specifications__table_1 {
    margin-right: 0;
  }

  .b-specifications_withTable .b-specifications__table_2 {
    margin-top: 3rem;
    margin-left: 0;
  }
}

@media (min-width: 1920px) {
  .b-specifications_withTable .b-specifications__table {
    width: 100%;
  }

  .b-specifications_withTable .b-specifications__table_2 {
    margin-top: 4rem;
  }
}

.b-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.b-switch_right {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.b-switch__numWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.b-switch__num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.25rem;
  border-radius: 9999px;
  background-color: transparent;
  font-size: 18px;
  font-weight: 600;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  width: 41px;
  height: 41px;
}

.b-switch__num:not(.b-switch__num_active):hover {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-switch__num_active {
  background-color: var(--primary-color);
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.b-switch__btnsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1.25rem;
}

.b-switch__btn_next {
  margin-left: 1.25rem;
}

@media (min-width: 768px) {
  .b-switch__num {
    margin-right: 0.5rem;
  }

  .b-switch__num {
    width: 51px;
    height: 51px;
  }

  .b-switch__btn_next {
    margin-left: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .b-switch_right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.b-table {
  width: 100%;
  border-left-width: 3px;
  border-right-width: 3px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.b-table__head {
  display: none;
  font-size: 13px;
  --text-opacity: 1;
  color: #999;
  color: rgba(153, 153, 153, var(--text-opacity));
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-table__th {
  width: 16.666667%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 500;
  border-left-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #dcdcdc;
  border-color: rgba(220, 220, 220, var(--border-opacity));
}

.b-table__th_title {
  width: 66.666667%;
}

.b-table__row:first-child .b-table__data_1 {
  border-top-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 3px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.b-table__row_white {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-table__row_collapsed .b-table__data {
  border-width: 2px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.b-table__row_collapsed .b-table__data_1 {
  --bg-opacity: 1;
  background-color: #e7e7e7;
  background-color: rgba(231, 231, 231, var(--bg-opacity));
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.b-table__row_collapsed > .b-table__data .b-table__icon {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  --transform-rotate: -90deg;
}

.b-table__data {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 0.75rem;
}

.b-table__data_1 {
  padding-left: 0.75rem;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  font-weight: 600;
  vertical-align: middle;
  background-color: var(--primary-color);
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.b-table__data_2 {
  padding-left: 2rem;
  font-weight: 500;
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
}

.b-table__icon {
  position: relative;
  top: 2px;
  font-size: 22px;
}

.b-table__text {
  padding-left: 0.75rem;
}

.b-table__price {
  width: 33.333333%;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #dcdcdc;
  border-color: rgba(220, 220, 220, var(--border-opacity));
}

.b-table__price_unit {
  font-size: 13px;
  text-align: center;
}

.b-table__price_price {
  text-align: center;
  font-weight: 500;
}

.b-table__content_old {
  display: block;
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
  text-decoration: line-through;
}

@media (min-width: 360px) {
  .b-table__price {
  }

  .b-table__price_name {
    width: 50%;
  }

  .b-table__price_unit, .b-table__price_price {
    width: 25%;
  }
}

@media (min-width: 560px) {
  .b-table__data_1 {
    padding-left: 1rem;
  }

  .b-table__data_2 {
    padding-left: 2.5rem;
  }

  .b-table__price_name {
    padding-left: 1rem;
  }
}

@media (min-width: 768px) {
  .b-table {
    table-layout: fixed;
  }

  .b-table__head {
    display: table-header-group;
  }

  .b-table__row:first-child .b-table__data_1 {
    border-top-width: 3px;
  }

  .b-table__text {
    padding-left: 1rem;
  }

  .b-table__price_name {
    width: 66.666667%;
    padding-left: 3rem;
  }

  .b-table__price_unit, .b-table__price_price {
    width: 16.666667%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

@media (min-width: 1024px) {
  .b-table__content_old {
    margin-right: 0.75rem;
    display: inline;
  }

  .b-table__data_1 {
    padding-left: 1.25rem;
  }
}

@media (min-width: 1920px) {
  .b-table__data_2 {
    padding-left: 3rem;
  }

  .b-table__price_name {
    padding-left: 3rem;
  }
}

.b-tableShort {
  width: 100%;
  border-collapse: collapse;
  border-width: 1px;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
  font-size: 13px;
}

.b-tableShort__line {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-tableShort__line:nth-child(even) {
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
}

.b-tableShort__cell {
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.b-tableShort__cell_title {
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

.b-tableShort__cell_option span,
    .b-tableShort__cell_value span {
  display: inline-block;
  max-width: 50%;
}

.b-tableShort__option {
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
}

.b-tableShort__value {
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.b-tableShort a {
  text-decoration: underline;
}

.b-tableShort_multiple {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.b-tableShort_multiple .b-tableShort__line {
  display: block;
  border-bottom-width: 4px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
}

.b-tableShort_multiple .b-tableShort__line_head {
  display: none;
  position: absolute;
  padding: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
}

.b-tableShort_multiple .b-tableShort__cell {
  display: block;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  text-align: right;
}

.b-tableShort_multiple .b-tableShort__cell:before {
  float: left;
  content: attr(data-label);
}

@media (min-width: 360px) {
  .b-tableShort__cell_option span,
  .b-tableShort__cell_value span {
    display: inline;
    max-width: none;
  }
}

@media (min-width: 560px) {
  .b-tableShort {
    font-size: 15px;
  }

  .b-tableShort__cell {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .b-tableShort__cell_option {
    --text-opacity: 1;
    color: #666;
    color: rgba(102, 102, 102, var(--text-opacity));
  }

  .b-tableShort__option, .b-tableShort__value {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .b-tableShort_multiple .b-tableShort__line {
    display: table-row;
    border-width: 0;
  }

  .b-tableShort_multiple .b-tableShort__line_head {
    visibility: visible;
    position: static;
    display: table-row;
    height: auto;
    width: auto;
    margin: 0;
    clip: auto;
  }

  .b-tableShort_multiple .b-tableShort__cell {
    display: table-cell;
    border-width: 1px;
    text-align: left;
  }

  .b-tableShort_multiple .b-tableShort__cell:before {
    float: none;
    content: none;
  }
}

.b-tabs {
  margin-top: 2.5rem;
}

.b-tabs__header {
  display: none;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}

.b-tabs__link_desktop {
  margin-bottom: -2px;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
}

.b-tabs__link_desktop.b-tabs__link_active {
  border-bottom-width: 2px;
  border-color: var(--primary-color);
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.b-tabs__link_mobile {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  padding-top: 1.25rem;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #dcdcdc;
  border-color: rgba(220, 220, 220, var(--border-opacity));
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.b-tabs__link_mobile.b-tabs__link_active {
  border-bottom-color: var(--primary-color);
}

.b-tabs__icon {
  display: block;
  --text-opacity: 1;
  color: #999;
  color: rgba(153, 153, 153, var(--text-opacity));
  font-size: 22px;
}

.b-tabs__icon_active {
  color: var(--primary-color);
}

.b-tabs__content_desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0.25rem;
}

.b-tabs__content_desktop:last-child {
  margin-bottom: 0;
}

.b-tabs__content_mobile {
  display: none;
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}

@media (min-width: 560px) {
  .b-tabs {
    margin-top: 3rem;
  }

  .b-tabs__header {
    font-size: 18px;
  }

  .b-tabs__link_mobile {
    font-size: 18px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .b-tabs__content_mobile {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 768px) {
  .b-tabs {
    margin-top: 4rem;
  }

  .b-tabs__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.5rem;
    border-width: 0;
    border-bottom-width: 2px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #ccc;
    border-color: rgba(204, 204, 204, var(--border-opacity));
  }

  .b-tabs__link_desktop {
    margin-right: 2.5rem;
    border-width: 0;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: transparent;
  }

  .b-tabs__link_desktop:last-child {
    margin-right: 0;
  }

  .b-tabs__link_mobile {
    display: none;
  }

  .b-tabs__content_desktop {
    display: none;
    margin-bottom: 0;
  }

  .b-tabs__content_desktop.b-tabs__content_active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .b-tabs__content_mobile {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 1024px) {
  .b-tabs__header {
    margin-bottom: 3rem;
  }
}

.b-triple {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-gap: 30px;
}

.b-triple__item {
  padding: 15px;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
}

.b-triple__item_img {
  display: none;
}

.b-triple__item_details {
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
  --bg-opacity: 1;
  background-color: #f5f5f5;
  background-color: rgba(245, 245, 245, var(--bg-opacity));
}

.b-triple__item_details ul li {
  padding-left: 0;
}

.b-triple__item_details ul li:before {
  display: none;
}

.b-triple__item_details ul li + li {
  margin-top: 15px;
}

.b-triple__title {
  margin-bottom: 1.25rem;
  font-size: 16px;
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
  font-weight: 600;
}

.b-triple__btnRow {
  padding-top: 20px;
}

@media (min-width: 560px) {
  .b-triple__item {
    padding: 2rem;
  }

  .b-triple__title {
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  .b-triple {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .b-triple__title {
    font-size: 18px;
  }
}

@media (min-width: 1024px) {
  .b-triple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .b-triple__item_img {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@charset "UTF-8";

/**
 * ����� ��� ���������������� �������
 */

.b-ugc ul, .b-ugc li {
  margin: 0 0 1.5rem;
}

.b-ugc__table {
  overflow-x: auto;
}

.b-ugc table {
  width: 100%;
  border-collapse: collapse;
  border-width: 1px;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
  font-size: 13px;
}

.b-ugc table tr {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-ugc table tr:nth-child(even) {
  --bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--bg-opacity));
}

.b-ugc table td, .b-ugc table th {
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.b-ugc table td._option, .b-ugc table th._option {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.b-ugc table th {
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}

.b-ugc table td:first-child {
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --text-opacity: 1;
  color: #666;
  color: rgba(102, 102, 102, var(--text-opacity));
}

.b-ugc table td:last-child {
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #e1e1e1;
  border-color: rgba(225, 225, 225, var(--border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.b-ugc table a {
  text-decoration: underline;
}

@media (min-width: 560px) {
  .b-ugc table {
    font-size: 15px;
  }

  .b-ugc table td, .b-ugc table th {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .b-ugc table td:first-child,
    .b-ugc table td:last-child {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.b-video {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  --bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}

.b-video_enabled {
  cursor: pointer;
}

.b-video_enabled .b-video__btn {
  display: block;
}

.b-video__media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
}

.b-video__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.b-video__btn {
  position: absolute;
  padding: 0;
  border-width: 0;
  background-color: transparent;
  display: none;
  margin-top: -40px;
  margin-left: -40px;
  top: 50%;
  left: 50%;
  z-index: 1;
}

.b-video__btnShape {
  position: relative;
  display: block;
  border-radius: 9999px;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  width: 80px;
  height: 80px;
}

.b-video__btnShape:after {
  position: absolute;
  display: block;
  height: 0;
  content: '';
  z-index: 1;
  top: 23px;
  right: 9px;
  border: 17px solid transparent;
  border-left-width: 21px;
  border-left-color: var(--primary-color);
}

.b-video:hover .b-video__btnShape:after,
.b-video__btn:focus .b-video__btnShape:after {
  border-left-color: var(--hover-color);
}

@media (min-width: 768px) {
  .b-video__btn {
    margin-top: -50px;
    margin-left: -50px;
  }

  .b-video__btnShape {
    height: 100px;
    width: 100px;
  }

  .b-video__btnShape:after {
    top: 31px;
    right: 11px;
    border: 20px solid transparent;
    border-left-width: 28px;
    border-left-color: var(--primary-color);
  }
}

.b-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -8px;
  padding-right: 7px;
}

.b-view__item {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  --text-opacity: 1;
  color: #888;
  color: rgba(136, 136, 136, var(--text-opacity));
}

.b-view__item:not(:first-child) {
  margin-left: 1.25rem;
}

.b-view__item:hover {
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.b-view__item_active {
  --text-opacity: 1;
  color: #333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.b-view__item_cards {
  padding-top: 2px;
}

.b-view__item_cards .b-view__icon {
  font-size: 20px;
}

.b-view__icon {
  font-size: 23px;
}

@media (min-width: 768px) {
  .b-view__item:not(:first-child) {
    margin-left: 2rem;
  }
}

@media (min-width: 768px) {
  .b-view {
    margin-top: -5px;
  }
}

/*# sourceMappingURL=components.min.css.map */

/* /bitrix/components/citrus.aproduction3/sidebar.form/templates/.default/style.css */
:root{--width:20px;--height:20px;--bounce_height:40px}.sidebarMobile_form__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.sidebarMobile_form__text{display:inline-block;margin-left:.5em}.sidebarMobile_form__bounceball{position:relative;display:inline-block;height:37px;width:var(--width)}.sidebarMobile_form__bounceball:before{position:absolute;content:'';display:block;top:0;width:var(--width);height:var(--height);border-radius:50%;background-color:var(--primary-color);transform-origin:50%;animation:bounce 500ms alternate infinite ease}@keyframes bounce{0%{top:var(--bounce_height);height:5px;border-radius:60px 60px 20px 20px;transform:scaleX(2)}35%{height:var(--height);border-radius:50%;transform:scaleX(1)}100%{top:0}}

/* /bitrix/templates/citrus_aproduction3/template_styles.css */
div#place4form .h2{font-size:38px}div#place4form .modal-title{text-align:left;display:none}div#place4form .citrus-form__fields input,div#place4form .citrus-form__fields textarea{background-color:#f8f8f8;border-radius:2px;padding:7px}@media only screen and (min-width:600px){footer{margin-top:-27px}#place4form .modal-content{box-shadow:none;-webkit-box-shadow:none}#place4form .modal-content>div{background:initial}#place4form .modal-w-400{max-width:800px}div#place4form{background:#f6f7f9}div#place4form .citrus-form textarea{height:9.75em}div#place4form .modal-close-btn{display:none}div#place4form .citrus-form__fields{display:block;position:relative;margin-left:155px;padding-top:22px}div#place4form .citrus-form__fields input,div#place4form .citrus-form__fields textarea{background-color:white;border-radius:2px}div#place4form .citrus-form__fields>div{width:40%}div#place4form .citrus-form__fields>div:nth-child(4){width:50%;float:right;position:absolute;min-width:250px;left:45%;top:0;margin-top:22px}body div#place4form .citrus-form__fields:before{margin-left:-150px;top:21px;position:absolute;left:0}}div#place4form .citrus-form__fields:before{content:"Ринат Вахитов";display:block;margin-left:10px;top:1px;background:url(/upload/cssinliner_webp/s1/upload/portret.webp) no-repeat;height:131px;background-size:cover;width:116px;border-radius:10px;padding-top:133px;position:relative;margin-bottom:40px;left:100px}footer[role="contentinfo"] #place4form .modal-close-btn{display:none}.go-whatsapp{position:fixed;bottom:20px;right:20px;z-index:99}.go-whatsapp:hover{animation:shake 0.5s}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}100%{transform:translate(1px,-2px) rotate(-1deg)}}.b-page__extraContents{width:100%}.b-logo__name{color:black}.b-logo__name>span:first-child{font-weight:600!important}@media (min-width:1450px){a.b-h__burger{display:none}}@media (min-width:1450px){.b-search_header{display:none}}@media (max-width:1180px){.b-search_header{width:45%;top:19px}}@media (max-width:1450px){.b-h__item.b-h__item_left{position:relative}}@media (min-width:750px) and (max-width:1999px){a.b-h__burger{display:none;margin-left:30px}}@media (min-width:750px) and (max-width:1999px){.b-search_header{display:none}}@media (min-width:1450px){header .b-h__menuTop{display:block}}.b-h__callLink.telegram img{height:16px;display:inline;color:var(--primary-color)}.lead.b-btn_transparent{border-width:0px;border-color:transparent}.b-page__contentInner .lead{height:26px;font-size:85%;padding:0px 14px}.second .b-btn.b-btn_transparent.b-mainSlider__link{height:21px;font-size:76%;padding:0px 10px;min-width:initial;margin-top:6px;background-color:#007aff;color:white;border:initial}.second .b-btn.b-btn_transparent.b-mainSlider__link,.second .b-btn.b-btn_transparent.b-mainSlider__link a{color:white}header .b-h__call:before{height:initial;width:initial}.b-h__item.b-h__item_left{position:relative}.b-page__extraContents table td.hidden{display:none}.b-page__extraContents table th{text-align:left}h3{text-transform:initial !important}

/* https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap */
@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* /bitrix/templates/citrus_aproduction3/app/assets/dist/css/themes.min.css */
:root {
  --primary-color: #cc0a0a;
  --hover-color: #ff0000;
}

/*# sourceMappingURL=themes.min.css.map */